微信JSSDK接口 - 接口配置

微信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参数中查看
});