微信JS-SDK说明文档:https://mp.weixin.qq.com/wiki/11/74ad127cc054f6b80759c40f77ec03db.html
步骤一:绑定域名
登录微信公众平台,进入“公众号设置”下的“功能设置”,绑定“JS接口安全域名”,如果使用支付类接口,先确保支付目录在该安全域名下。
步骤二:引入JS文件
在需要调用JS接口的页面引入JS文件: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。
步骤三:通过config接口注入权限验证配置
在用户使用微信接口之前,微信平台需要对用户进行权限验证。
wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数 appId: '', // 必填,公众号的唯一标识 timestamp: , // 必填,生成签名的时间戳 nonceStr: '', // 必填,生成签名的随机串 signature: '', // 必填,签名 jsApiList: [] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2 });
其中,appId可从微信公众平台的”基本配置“中获取,timestamp、nonceStr、signature按照规则获取,具体步骤参照:http://hellolove.iteye.com/blog/2327557
步骤四:通过ready接口处理成功验证
wx.ready(function(){ // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后 // config是一个客户端的异步操作 // 对于页面加载时就需要调用接口的操作,则需要把相关接口放在ready函数中以确保正确执行; // 对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。 });
步骤五:通过error 接口处理失败验证
wx.error(function(res){ // config信息验证失败会执行error函数 // 如签名过期导致验证失败,具体错误信息可在debug模式下查看,也可以在返回的res参数中查看 });