微信网页开发之JS-SDK完整步骤
重要链接
官方微信文档： https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html签名校验： https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign鉴权代码： http://demo.open.weixin.qq.com/jssdk/sample.zipJS-SDK使用步骤
第一步 绑定域名
先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。备注：登录后可在“开发者中心”查看对应的接口权限。
第二步 安装JS-SDK
两种安装方式
第一种使用JS直接调用JS外链：http://res.wx.qq.com/open/js/jweixin-1.6.0.js
第二种使用npm构建项目依赖：可以使用npm install weixin-js-sdk或npm install weixin-jsapi
在需要使用的页面引入JSSDK：import wx from weixin-js-sdk
第三步 通过 config 接口注入权限验证配置
最重要，最重要，最重要 重要的事情说三遍！！！所有需要使用 JS-SDK 的页面必须先注入配置信息，否则将无法调用。这里的一些配置项，debug、jsApiList这两个参数是可以在前端写死的，** appId，nonceStr，signature， timestamp** 这四个参数就不需要我们前端人员去管，都是由后台的人员去弄返回接口给我们，我们前端人员主要做的就是把当前页面的url传递给后台（url要截取#号前面），从而后台人员拿到我们的url，返回参数，然后我们拿着参数去调用wx.config进行配置即可
步骤四：通过 ready 接口处理成功验证
如果接口是直接触发，就需要将方法写入wx.ready()里面，如果接口是通过事件触发就不需要写在wx.ready()里面
步骤五：通过 error 接口处理失败验证
wx.error()是一个很好判断鉴权是否成功的一个很好办法，wx.config将debug设置为True在开发时也非常有必要。
一个通用属性errMsg，其值格式如下：
调用成功时："xxx:ok" ，其中 xxx 为调用的接口名
用户取消时："xxx:cancel"，其中 xxx 为调用的接口名
调用失败时：其值为具体错误信息
免责声明：本站所有内容及图片均采集来源于网络，并无商业使用，如若侵权请联系删除。
