第一步:绑定js接口安全域名;
进入微信公众后台--公众号设置--功能设置来设置安全域名
第二步:引入微信的js文件;
在需要调用js接口的页面引入:http://res.wx.qq.com/open/js/jweixin-1.0.0.js
为了兼容https情况建议直接引入://res.wx.qq.com/open/js/jweixin-1.0.0.js
第三步:权限验证配置;
wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: '', // 必填,公众号的唯一标识
timestamp: , // 必填,生成签名的时间戳
nonceStr: '', // 必填,生成签名的随机串
signature: '',// 必填,签名,见附录1
jsApiList: [] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
});
appId,timestamp,nonceStr,signature这些变量我是直接取后台给的
debug在开发的时候要开启,如果调用失败微信会返回相应的提示
第四步:准备调用微信js-sdk;
wx.ready(function(){
//调用代码
}
实例:分享链接给朋友
//微信sdk授权
wx.config({
appId: jssdk_config.appid,
timestamp: jssdk_config.timestamp,
nonceStr: jssdk_config.nonceStr,
signature: jssdk_config.signature,
jsApiList: [
'checkJsApi',
'onMenuShareAppMessage'
]
});
//触发
wx.ready(function(){
//分享给朋友
wx.onMenuShareAppMessage({
title: '我是标题',
desc: '摘要',
imgUrl: 'demo.png',
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
});
jssdkconfig是后台传过来的json字符串