微信 JS-SDK 实现自定义分享、手机选图拍照、图片音频处理、地理位置、摇一摇等功能

wx.config({
debug: true, // 开启调试模式,调用的所有 api 的返回值会在客户端 alert 出来，若要查看传入的参数，可以在 pc 端打开，参数信息会通过 log 打出，仅在 pc 端时才会打印。appId: '', // 必填，公众号的唯一标识timestamp: , // 必填，生成签名的时间戳nonceStr: '', // 必填，生成签名的随机串signature: '',// 必填，签名jsApiList: [] // 必填，需要使用的 JS 接口列表});
wx.ready(function(){
// 成功后的回调，所有接口调用都必须在 config 接口获得结果之后});
wx.error(function(res){
// 失败后的回调});

wx.config({
debug: true,
appId: '<?php echo $signPackage["appId"];?>',
timestamp: <?phpecho$signPackage["timestamp"];?>,
nonceStr: '<?php echo $signPackage["nonceStr"];?>',
signature: '<?php echo $signPackage["signature"];?>',
jsApiList: [
'checkJsApi',
'onMenuShareTimeline',
'onMenuShareAppMessage',
'onMenuShareQQ',
'onMenuShareWeibo',
    ]
});
wx.ready(function () {
// 获取“分享到朋友圈”按钮点击状态及自定义分享内容接口wx.onMenuShareTimeline({
title: '', // 分享标题link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致imgUrl: '', // 分享图标success: function () {
// 用户点击了分享后执行的回调函数    }
  }),
// 获取“分享给朋友”按钮点击状态及自定义分享内容接口wx.onMenuShareAppMessage({
title: '', // 分享标题desc: '', // 分享描述link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致imgUrl: '', // 分享图标type: '', // 分享类型,music、video或link，不填默认为linkdataUrl: '', // 如果 type 是music或video，则要提供数据链接，默认为空success: function () {
// 用户点击了分享后执行的回调函数    }
  });
wx.onMenuShareWeibo({
title: '', // 分享标题desc: '', // 分享描述link: '', // 分享链接imgUrl: '', // 分享图标success: function () {
// 用户确认分享后执行的回调函数    },
cancel: function () {
// 用户取消分享后执行的回调函数    }
  });
});

wx.config({
debug: true,
appId: '<?php echo $signPackage["appId"];?>',
timestamp: <?phpecho$signPackage["timestamp"];?>,
nonceStr: '<?php echo $signPackage["nonceStr"];?>',
signature: '<?php echo $signPackage["signature"];?>',
jsApiList: [
'checkJsApi',
'chooseImage',
'previewImage',
'downloadImage',
'getLocalImgData',
    ]
});
// 拍照或从手机相册中选图接口wx.chooseImage({
count: 1, // 默认9sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有success: function (res) {
varlocalIds=res.localIds; // 返回选定照片的本地 ID 列表，localId可以作为 img 标签的 src 属性显示图片  }
});
// 预览图片接口wx.previewImage({
current: '', // 当前显示图片的 http 链接urls: [] // 需要预览的图片 http 链接列表});
// 上传图片接口wx.uploadImage({
localId: '', // 需要上传的图片的本地ID，由 chooseImage 接口获得isShowProgressTips: 1, // 默认为1，显示进度提示success: function (res) {
varserverId=res.serverId; // 返回图片的服务器端ID  }
});
// 下载图片接口wx.downloadImage({
serverId: '', // 需要下载的图片的服务器端ID，由 uploadImage 接口获得isShowProgressTips: 1, // 默认为1，显示进度提示success: function (res) {
varlocalId=res.localId; // 返回图片下载后的本地ID  }
});

wx.config({
debug: true,
appId: '<?php echo $signPackage["appId"];?>',
timestamp: <?phpecho$signPackage["timestamp"];?>,
nonceStr: '<?php echo $signPackage["nonceStr"];?>',
signature: '<?php echo $signPackage["signature"];?>',
jsApiList: [
'checkJsApi',
'startRecord',
'stopRecord',
'onVoiceRecordEnd',
'playVoice',
'pauseVoice',
'stopVoice',
'onVoicePlayEnd',
'uploadVoice',
'downloadVoice'    ]
});
// 开始录音接口，可以放在点击事件中触发wx.startRecord();
// 停止录音接口wx.stopRecord({
success: function (res) {
varlocalId=res.localId;
  }
});
// 监听录音自动停止接口wx.onVoiceRecordEnd({
// 录音时间超过一分钟没有停止的时候会执行 complete 回调complete: function (res) {
varlocalId=res.localId;
  }
});
// 播放语音接口wx.playVoice({
localId: ''// 需要播放的音频的本地ID，由 stopRecord 接口获得});
// 暂停播放接口wx.pauseVoice({
localId: ''// 需要暂停的音频的本地ID，由 stopRecord 接口获得});
// 上传语音接口wx.uploadVoice({
localId: '', // 需要上传的音频的本地ID，由 stopRecord 接口获得isShowProgressTips: 1, // 默认为1，显示进度提示success: function (res) {
varserverId=res.serverId; // 返回音频的服务器端ID  }
});

// 使用微信内置地图查看位置接口wx.openLocation({
latitude: 0, // 纬度，浮点数，范围为90 ~ -90longitude: 0, // 经度，浮点数，范围为180 ~ -180。name: '', // 位置名address: '', // 地址详情说明scale: 1, // 地图缩放级别,整型值,范围从1~28。默认为最大infoUrl: ''// 在查看位置界面底部显示的超链接,可点击跳转});
// 获取地理位置接口wx.getLocation({
type: 'wgs84', // 默认为wgs84的 gps 坐标，如果要返回直接给 openLocation 用的火星坐标，可传入'gcj02'success: function (res) {
varlatitude=res.latitude; // 纬度，浮点数，范围为90 ~ -90varlongitude=res.longitude; // 经度，浮点数，范围为180 ~ -180。varspeed=res.speed; // 速度，以米/每秒计varaccuracy=res.accuracy; // 位置精度  }
});

// 开启查找周边 ibeacon 设备接口wx.startSearchBeacons({
ticket:"",  //摇周边的业务 ticket , 系统自动添加在摇出来的页面链接后面complete:function(argv){
//开启查找完成后的回调函数  }
});
// 关闭查找周边 ibeacon 设备接口wx.stopSearchBeacons({
complete:function(res){
//关闭查找完成后的回调函数  }
});
// 监听周边 ibeacon 设备接口wx.onSearchBeacons({
complete:function(argv){
//回调函数，可以数组形式取得该商家注册的在周边的相关设备列表  }
});

// 调起微信扫一扫接口wx.scanQRCode({
needResult: 0, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，scanType: ["qrCode", "barCode"], // 可以指定扫二维码还是一维码，默认二者都有success: function (res) {
varresult=res.resultStr; // 当needResult 为 1 时，扫码返回的结果  }
});