记录一下公众号网页开发

2025公众号网页开发配置及注意事项记录，分开发时用的测试号和正式上线时的服务号。

一、测试号。

• 1. 申请测试号(过程省略)
• 2. 开始配置。
     (1)、填写js安全域名（测试号没限制，可以是开发环境ip或任何能访问你页面的地址）
• 可以是开发环境ip，比如开发环境跑起来是 http://192.168.20.131:80/, 则填写192.168.20.131
• 需要注意的是，很多文章提到这里不需要填写协议(http)和端口(80), 实践发现不需要写端口是因为默认为80和443端口，如果你项目是运行在8080端口，比如http://192.168.20.131:8080/，那么需要带上端口，填写192.168.20.131:8080

部署后也一样，比如我这个网页部署到了测试环境是1443端口，那么需要填写域名+端口，如下 (2)、填写授权回调域名。
跟上面js安全域名规则一致，安全域名填的什么，直接复制到这里就行。

测试号到此配置结束，仅需申请后填写两个域名或ip即可。

二、服务号

服务号麻烦些，要填写的东西比测试号多且更严格。

1. 填写业务域名、js接口安全域名，网页授权域名。
2. 填写服务器ip白名单, 比如:12.121.12.333，注意，这里填写完不会立即生效，稍等几分钟。 3.如果需要再微信开发者工具里面访问正常上线到服务号后的网页，那么需要添加开发者。如下

如果没绑定开发者，那么模拟器将出现下面这个弹窗

三、开发便捷技巧

获取openId或者wx.config里面调用某些jsapi时需要用到的签名，需要服务端提供接口，但是接口还没开发完，那么前端可以通过postman等工具自行获取，不用等待。除此之外，服务端提供的接口不一定是准确的，那么前端自行获取的情况下，可以用来作为反驳的依据(怎么我自己用postman获取的可以，调接口的不行，你去检查一下，嘿嘿)

1.用code获取openid, get请求，结果返回包括openid, 接口如下
api.weixin.qq.com/sns/oauth2/…

2. 获取签名麻烦些
   1. 先获取access_token, get请求
      接口：api.weixin.qq.com/cgi-bin/tok…

2. 获取ticket, get请求 接口:api.weixin.qq.com/cgi-bin/tic…

3. 有了ticket, 使用官方工具生成签名。工具在此

4.使用wx.config时，传递的这几个参数需跟用工具生成签名时使用的参数一直，对应关系如下