一 绑定域名:
先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
PS: 例如域名为:http://ge.lp.com,则只需填ge.lp.com
二 引入js:
(支持https):http://res.wx.qq.com/open/js/jweixin-1.0.0.js
请注意,如果你的页面启用了https,务必引入 https://res.wx.qq.com/open/js/jweixin-1.0.0.js ,否则将无法在iOS9.0以上系统中成功使用JSSDK
PS: 如需使用摇一摇周边功能,请引入 jweixin-1.1.0.js
备注:支持使用 AMD/CMD 标准模块加载方法加载
三 设置分享数据(一般是后台传值)
var data = {****};
var shareData = { title: data.title,//分享出去的title desc: data.lists[1].userName + "在直播" + data.title + ",速来占位",//分享出去的描述 link: window.location.href,//分享出去的链接 imgUrl: "http://******/icon.png",//分享出去的icon type: '', // 分享类型,music、video或link,不填默认为link dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空 success: function(res) {//分享成功后的事件,例如下面的代码就会弹出success alert('success'); }, fail: function(res) {//分享失败后的事件,例如下面的代码就会弹出fail alert('fail'); }, cancel: function () { // 用户取消分享后执行的回调函数 } }
四 配置wx权限配置 (一般是后台传值)
wx.config({ debug: false,//是否开启debug,如果开启会弹出调用的api配置结果信息(如:msg: config:invalid url donmain,或者msg: config:ok) appId: res.data.appId,// 必填,公众号的唯一标识 timestamp: res.data.timestamp,// 必填,生成签名的时间戳 nonceStr: res.data.nonceStr,// 必填,生成签名的随机串 signature: res.data.signature,// 必填,签名 jsApiList: [ // 必填,需要使用的JS接口列表 'onMenuShareAppMessage',//分享朋友 'onMenuShareTimeline',//分享到朋友圈 'onMenuShareWeibo'//分享到微博 ] });
五 通过wx的ready()处理配置成功后的事件
wx.ready(function() { wx.onMenuShareAppMessage(shareData);//分享到朋友 wx.onMenuShareTimeline(shareData);//分享到朋友圈 wx.onMenuShareWeibo(shareData);//分享到微博 });
六 通过error接口处理失败验证
wx.error(function(res){//配置失败,会走error alert(res); });
PS: 打开路径不能是以IP开头的形式:http://***.***.***.***/share/index.html,必须是步骤一中填入的域名。