网页公众号开发

背景是要在一个h5的页面，可以发送语音可以听语音，因为苹果手机对Audio的支持有限，所以后来准备采用微信公众号开发，因为这个h5也是要签入在项目的公众号中。

先扒文档

微信官网文档

第一步：绑定域名

先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。虽然微信公众平台提供了测试号，但是在微信开发者工具中还是是用不了微信能力,还是需要申请一个个人的公众号或者是公司的。

第二步：引入js文件

可以直接引入js标签，也可以是添加模块的方式，这里我用了yarn add weixin-js-sdk

第三步：通过config接口注入权限验证配置

wx.config({
  debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
  appId: '', // 必填，公众号的唯一标识
  timestamp: , // 必填，生成签名的时间戳
  nonceStr: '', // 必填，生成签名的随机串
  signature: '',// 必填，签名
  jsApiList: [] // 必填，需要使用的JS接口列表
});

除了debug，jsApiList是需要前端自己需要设置，其他都可以依赖后端的返回,其中签名算法，在文档的文末的附录1。附录1