企业微信网页开发本地调试方式

一、开启企业微信调试模式

企业微信 windows 版本调试

把 devtools_resources.pak放到企业微信的安装目录下，如：C:\Program Files (x86)\WXWork\4.1.41.6006

下载地址：https://pan.quark.cn/s/2bd8852a6005?pwd=ANBe
 

1. 关闭企业微信，重新启动

2. 启动后直接按快捷键 ctrl+alt+shift+D，进入调试模式；

3. 在需要调试的页面上右键，点“ShowDevTools”，进入调试模式。

二、让本地代码跑在企业微信中

企业微信的网页应用在创建时，需要配置主页和可信域名，主页域名可以是http或者https，但不能是ip地址，可信域名不用带协议。此时我们希望点击网页应用时，打开的是本地服务，同时修改本地代码时，网页能实时更新。这时就需要使用修改host的方式，让本机访问应用域名时解析到本地服务。

Windows 系统 HOSTS 文件路径：C:\Windows\System32\drivers\etc\HOSTS

Hosts文件主要作用是定义IP地址和主机名的映射关系，是一个映射IP地址和主机名的规定。可以用文本文件打开，当用户在浏览器中输入一个需要登录的网址时，系统会首先自动从Hosts文件中寻找对应的IP地址，一旦找到，浏览器会立即打开对应网页，如果没有找到，则浏览器会将网址提交远程的DNS服务器进行IP地址解析。

192.168.1.249 www.localhost.com

**注意：**域名必须是http，本地服务必须在80端口，因为http默认端口是80

此时再点击网页应用，就可以发现打开的是本地网页。过程中尝试本地服务启动在443，网页应用首页配置为https，但因为证书问题，就算通过某些工具生成了ssl证书，在通过https访问时还会提示是不安全的证书，被企业微信禁止访问。

因为证书问题，就算通过某些工具生成了ssl证书，在通过https访问时还会提示是不安全的证书，被企业微信禁止访问。