公众号

公众号测试号
js开发文档

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接口处理失败验证