web

微信公众平台-微信JS-SDK接入

1. 申请和认证

  • 在微信公众平台申请开发者 ID，通过订阅号或服务号认证后，可取得相应接口权限

2. 相关配置

  • 在微信公众平台登录认证过的公众号，进行开发者相关配置，至少填写如下信息
  • appID–属于该开发者 ID 的
  • appsecret–属于该开发者 ID 的
  • 一个能够响应微信验证身份请求的服务接口地址，端口必须为 80（http）或 443（https）
  • 一个自定义的 token，用于微信身份验证
  • 加密方式，用于加密验证的消息。
  • 注：按微信要求，验证接口需原样返回请求参数，故可不做校验，直接返回即可，但安全性不能保证，推荐真正校验通过再返回
  • JS 接口安全域名–一个公众号最多可绑定 3 个安全域名，每月有三次保存机会。绑定时还需将一个微信提供的文本文件置于项目根目录（视为静态资源），确保配置的安全域名根目录下能够访问该文件。
  • 全部配置并至少保存成功一次，即为接入微信公众平台成功，可调用该公众号拥有权限的所有微信公众平台接口

3. 采用 js-sdk 调用接口，需验证身份，包括如下步骤

  • 获取 access_token–公众号的全局唯一接口调用凭据。每次获取新的时，旧的在 5 分钟后失效，有效期 2 小时。微信要求开发者在全局缓存该 token，因获取 token 接口每日有调用次数限制 2000。
  • 获取 jsapi_ticket–公众号用于调用微信 JS 接口的临时票据。同上，有效期 2 小时，调用次数限制 2000，也需要全局缓存
  • 开发者需按照 https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115 所提供的算法在服务端进行签名，返回客户端此次调用微信接口的临时签名
  • 至此，完成了微信公众平台-微信 JS-SDK 的接入

4. 调用微信的接口之前，需调用如下接口

  • 调用 wx.config 接口，注入配置信息（包括签名、appId、本次需要调用的接口列表等）。同一个 url 仅需调用一次
  • 调用 wx.ready 接口，在成功回调中，可调用所有本次想使用的微信接口功能，包括分享、图形、音频等。

5. 页面引入 sdk 文件