微信JS SDK Demo

微信JS-SDK 分享到朋友圈 分享给朋友 分享到QQ 拍照或从手机相册中选图 识别音频并返回识别结果 使用微信内置地图查看位置原文：http://www.cnblogs.com/txw1958/p/weixin-js-sdk-demo.html

一、JS部分

wx.ready(function () {  // 1 判断当前版本是否支持指定 JS 接口，支持批量判断  document.querySelector('#checkJsApi').onclick = function () {    wx.checkJsApi({      jsApiList: [        'getNetworkType',        'PReviewImage'      ],      success: function (res) {        alert(JSON.stringify(res));      }    });  };  // 2. 分享接口  // 2.1 监听“分享给朋友”，按钮点击、自定义分享内容及分享结果接口  document.querySelector('#onMenuShareAppMessage').onclick = function () {    wx.onMenuShareAppMessage({      title: '互联网之子 方倍工作室',      desc: '在长大的过程中，我才慢慢发现，我身边的所有事，别人跟我说的所有事，那些所谓本来如此，注定如此的事，它们其实没有非得如此，事情是可以改变的。更重要的是，有些事既然错了，那就该做出改变。',      link: 'http://movie.douban.com/subject/25785114/',      imgUrl: 'http://img3.douban.com/view/movie_poster_cover/spst/public/p2166127561.jpg',      trigger: function (res) {        alert('用户点击发送给朋友');      },      success: function (res) {        alert('已分享');      },      cancel: function (res) {        alert('已取消');      },      fail: function (res) {        alert(JSON.stringify(res));      }    });    alert('已注册获取“发送给朋友”状态事件');  };  // 2.2 监听“分享到朋友圈”按钮点击、自定义分享内容及分享结果接口  document.querySelector('#onMenuShareTimeline').onclick = function () {    wx.onMenuShareTimeline({      title: '互联网之子 方倍工作室',      link: 'http://movie.douban.com/subject/25785114/',      imgUrl: 'http://img3.douban.com/view/movie_poster_cover/spst/public/p2166127561.jpg',      trigger: function (res) {        alert('用户点击分享到朋友圈');      },      success: function (res) {        alert('已分享');      },      cancel: function (res) {        alert('已取消');      },      fail: function (res) {        alert(JSON.stringify(res));      }    });    alert('已注册获取“分享到朋友圈”状态事件');  };  // 2.3 监听“分享到QQ”按钮点击、自定义分享内容及分享结果接口  document.querySelector('#onMenuShareQQ').onclick = function () {    wx.onMenuShareQQ({      title: '互联网之子 方倍工作室',      desc: '在长大的过程中，我才慢慢发现，我身边的所有事，别人跟我说的所有事，那些所谓本来如此，注定如此的事，它们其实没有非得如此，事情是可以改变的。更重要的是，有些事既然错了，那就该做出改变。',      link: 'http://movie.douban.com/subject/25785114/',      imgUrl: 'http://img3.douban.com/view/movie_poster_cover/spst/public/p2166127561.jpg',      trigger: function (res) {        alert('用户点击分享到QQ');      },      complete: function (res) {        alert(JSON.stringify(res));      },      success: function (res) {        alert('已分享');      },      cancel: function (res) {        alert('已取消');      },      fail: function (res) {        alert(JSON.stringify(res));      }    });    alert('已注册获取“分享到 QQ”状态事件');  };    // 2.4 监听“分享到微博”按钮点击、自定义分享内容及分享结果接口  document.querySelector('#onMenuShareWeibo').onclick = function () {    wx.onMenuShareWeibo({      title: '互联网之子 方倍工作室',      desc: '在长大的过程中，我才慢慢发现，我身边的所有事，别人跟我说的所有事，那些所谓本来如此，注定如此的事，它们其实没有非得如此，事情是可以改变的。更重要的是，有些事既然错了，那就该做出改变。',      link: 'http://movie.douban.com/subject/25785114/',      imgUrl: 'http://img3.douban.com/view/movie_poster_cover/spst/public/p2166127561.jpg',      trigger: function (res) {        alert('用户点击分享到微博');      },      complete: function (res) {        alert(JSON.stringify(res));      },      success: function (res) {        alert('已分享');      },      cancel: function (res) {        alert('已取消');      },      fail: function (res) {        alert(JSON.stringify(res));      }    });    alert('已注册获取“分享到微博”状态事件');  };  // 3 智能接口  var voice = {    localId: '',    serverId: ''  };  // 3.1 识别音频并返回识别结果  document.querySelector('#translateVoice').onclick = function () {    if (voice.localId == '') {      alert('请先使用 startRecord 接口录制一段声音');      return;    }    wx.translateVoice({      localId: voice.localId,      complete: function (res) {        if (res.hasOwnProperty('translateResult')) {          alert('识别结果：' + res.translateResult);        } else {          alert('无法识别');        }      }    });  };  // 4 音频接口  // 4.2 开始录音  document.querySelector('#startRecord').onclick = function () {    wx.startRecord({      cancel: function () {        alert('用户拒绝授权录音');      }    });  };  // 4.3 停止录音  document.querySelector('#stopRecord').onclick = function () {    wx.stopRecord({      success: function (res) {        voice.localId = res.localId;      },      fail: function (res) {        alert(JSON.stringify(res));      }    });  };  // 4.4 监听录音自动停止  wx.onVoiceRecordEnd({    complete: function (res) {      voice.localId = res.localId;      alert('录音时间已超过一分钟');    }  });  // 4.5 播放音频  document.querySelector('#playVoice').onclick = function () {    if (voice.localId == '') {      alert('请先使用 startRecord 接口录制一段声音');      return;    }    wx.playVoice({      localId: voice.localId    });  };  // 4.6 暂停播放音频  document.querySelector('#pauseVoice').onclick = function () {    wx.pauseVoice({      localId: voice.localId    });  };  // 4.7 停止播放音频  document.querySelector('#stopVoice').onclick = function () {    wx.stopVoice({      localId: voice.localId    });  };  // 4.8 监听录音播放停止  wx.onVoicePlayEnd({    complete: function (res) {      alert('录音（' + res.localId + '）播放结束');    }  });  // 4.8 上传语音  document.querySelector('#uploadVoice').onclick = function () {    if (voice.localId == '') {      alert('请先使用 startRecord 接口录制一段声音');      return;    }    wx.uploadVoice({      localId: voice.localId,      success: function (res) {        alert('上传语音成功，serverId 为' + res.serverId);        voice.serverId = res.serverId;      }    });  };  // 4.9 下载语音  document.querySelector('#downloadVoice').onclick = function () {    if (voice.serverId == '') {      alert('请先使用 uploadVoice 上传声音');      return;    }    wx.downloadVoice({      serverId: voice.serverId,      success: function (res) {        alert('下载语音成功，localId 为' + res.localId);        voice.localId = res.localId;      }    });  };  // 5 图片接口  // 5.1 拍照、本地选图  var images = {    localId: [],    serverId: []  };  document.querySelector('#chooseImage').onclick = function () {    wx.chooseImage({      success: function (res) {        images.localId = res.localIds;        alert('已选择 ' + res.localIds.length + ' 张图片');      }    });  };  // 5.2 图片预览  document.querySelector('#previewImage').onclick = function () {    wx.previewImage({      current: 'http://img5.douban.com/view/photo/photo/public/p1353993776.jpg',      urls: [        'http://img3.douban.com/view/photo/photo/public/p2152117150.jpg',        'http://img5.douban.com/view/photo/photo/public/p1353993776.jpg',        'http://img3.douban.com/view/photo/photo/public/p2152134700.jpg'      ]    });  };  // 5.3 上传图片  document.querySelector('#uploadImage').onclick = function () {    if (images.localId.length == 0) {      alert('请先使用 chooseImage 接口选择图片');      return;    }    var i = 0, length = images.localId.length;    images.serverId = [];    function upload() {      wx.uploadImage({        localId: images.localId[i],        success: function (res) {          i++;          alert('已上传：' + i + '/' + length);          images.serverId.push(res.serverId);          if (i < length) {            upload();          }        },        fail: function (res) {          alert(JSON.stringify(res));        }      });    }    upload();  };  // 5.4 下载图片  document.querySelector('#downloadImage').onclick = function () {    if (images.serverId.length === 0) {      alert('请先使用 uploadImage 上传图片');      return;    }    var i = 0, length = images.serverId.length;    images.localId = [];    function download() {      wx.downloadImage({        serverId: images.serverId[i],        success: function (res) {          i++;          alert('已下载：' + i + '/' + length);          images.localId.push(res.localId);          if (i < length) {            download();          }        }      });    }    download();  };  // 6 设备信息接口  // 6.1 获取当前网络状态  document.querySelector('#getNetworkType').onclick = function () {    wx.getNetworkType({      success: function (res) {        alert(res.networkType);      },      fail: function (res) {        alert(JSON.stringify(res));      }    });  };  // 8 界面操作接口  // 8.1 隐藏右上角菜单  document.querySelector('#hideOptionMenu').onclick = function () {    wx.hideOptionMenu();  };