如何在开发环境调试微信jssdk ​

在网页端调用微信jssdk需要配置js安全域名，这就导致我们没法使用服务号在开发环境直接调用sdk进行功能开发。

目前有两种方式可以解决这个问题：

• 申请测试号，测试号可以填写ip格式的安全域名
• 进行代理映射，把配置好的安全域名映射到localhost

这里我们介绍第二种方式的实现步骤

以下操作环境均为macos，js安全域名为test.beta.pageseagle.com，本地开发地址为http://192.168.2.135:5173

映射域名 ​

修改hosts文件 ​

打开hosts文件，按i开启编辑模式

sudo vim /etc/hosts

映射安全域名到本地

127.0.0.1               localhost
# 255.255.255.255       broadcasthost
# ::1                   localhost
127.0.0.1               test.beta.pageseagle.com

检查 ​

ping test.beta.pageseagle.com

成功的提示：PING test.beta.pageseagle.com (127.0.0.1): 56 data bytes

配置nginx ​

安装 ​

brew install nginx

配置 ​

# 获取配置文件地址
nginx -t
# 打开配置文件
vim {path to nginx.conf}

添加代理

server {
    listen       80;
    location / {
      proxy_pass http://192.168.2.135:5173;
    }
  }

保存退出后，nginx -s reload

最后,打开http://test.beta.pageseagle.com就能进行开发调试了，这时候就能调用大部分本地无法调用的sdk了。

FAQ ​

• 配置完成后为什么安全域名打不开？
  • 协议不能是https，得是http
  • niginx配置好后需要reload