1、服务号设置
基本设置：中的开发者密码、IP白名单（支付要用）
公众号设置：功能设置中的业务域名、JS接口安全域名、网页授权域名需要设置
2、微信授权流程讲解
重要概念：
- 业务域名、JS接口安全域名、网页授权域名
- 网页授权access_token和普通access_token
- UnionID
授权流程：
（1）、用户同意授权，获取code
（2）、通过code换取网页授权access_token
（3）、拉取用户信息（需scope为snsapi_userinfo）
3、JSSDK调用流程
- 绑定域名
- 引入JS文件
- 通过config接口注入权限验证配置（接口签名）
- 通过ready接口处理成功验证
H5添加接口代理、域名解析
hosts文件地址：C:\\Windows\System32\drivers\etc\HOSTS
127.0.0.1 www.yiluxdeng.com
也可以通过软件改：
SwitchHosts!-win32-ia32
vue.config.js文件内容：
module.exports = {
devServer:{
//设置主机地址
host:'www.yiluxdeng.com',
//设置默认端口
port:80,
//设置代理
proxy:{
'/api':{
//设置目标API地址
target:'http://localhost:5000',
//如果要代理websockets
ws:false,
//将主机表头的原点改为目标URL
changeOrigin:false
}
}
}
}
JSSDK使用步骤
- 步骤一：绑定域名
先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
备注：登录后可在“开发者中心”查看对应的接口权限 - 步骤二：引入JS文件
在需要调用JS接口的页面引入如下JS文件（支持https）http://res.wx.qq.com/open/js/jweixin-1.4.0.js
如需进一步提升服务稳定性，当上述资源不可访问时，可改访问：http://res2.wx.qq.com/open/js/jweixin-1.4.0.js(支持https)。
备注：支持使用AMD/CMD标准模块加载方法加载 - 步骤三：通过config接口注入权限验证配置
所有需要使用JS-SDK的页面必须先注入配置信息，否则将无法调用（同一个url仅需调用一次，对于变化url的SPA的web app可在每次url变化时进行调用，目前Android微信客户端不支持pushState的H5新特性，所以使用pushState来实现web app的页面会导致签名失败，此问题会在Android6.2中修复）
wx.config({
debug:true,//开启调试模式，调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过Log打出，仅在pc端时才会打印。
})
- 步骤四：通过ready接口处理成功验证
- 步骤五：通过error接口处理失败验证
