一、开启企业微信调试模式
首先在企业微信打开一个网页应用时,其实就是打开了一个微信环境的浏览器,此时想要检查网页元素,查看请求接口,需要开启调试模式。企业微信默认是不支持调试的,需要再单独下载一个文件放在安装目录中。
企业微信Windows版本调试
- 把 devtools_resources.pak 放到企业微信的安装目录下(复制的文件名,要保证为 devtools_resources.pak),注意安装目录带有版本号(4.0.1304.400是浏览器内核的版本号);
- 关闭企业微信,重新启动;
- 启动后直接按快捷键 ctrl + alt + shift + D,进入调试模式;
- 在需要调试的页面上点击右键,点“ShowDevTools”,进入调试模式。
企业微信Mac版本调试
-
按下command+shift+control+D进入调试模式
-
调试->浏览器、webView相关->开启webView元素审查
-
内置浏览器右键
调试模式其实就是打开了浏览器的开发者工具,具体参考官方文档:
https://developer.work.weixin.qq.com/document/path/90315#%E5%AE%A2%E6%88%B7%E7%AB%AF%E8%B0%83%E8%AF%95
二、让本地代码跑在企业微信中
企业微信的网页应用在创建时,需要配置主页和可信域名,主页域名可以是http或者https,但不能是ip地址,可信域名不用带协议。此时我们希望点击网页应用时,打开的是本地服务,同时修改本地代码时,网页能实时更新。这时就需要使用修改host的方式,让本机访问应用域名时解析到本地服务。
Windows系统HOSTS文件路径:C:\Windows\System32\drivers\etc\HOSTS
Hosts文件主要作用是定义IP地址和主机名的映射关系,是一个映射IP地址和主机名的规定。可以用文本文件打开,当用户在浏览器中输入一个需要登录的网址时,系统会首先自动从Hosts文件中寻找对应的IP地址,一旦找到,浏览器会立即打开对应网页,如果没有找到,则浏览器会将网址提交远程的DNS服务器进行IP地址解析。
假如网页应用配置的主页是http://www.baidu.com,本机启动的服务在192.168.1.16,此时在HOSTS文件末尾加上一条规则:
192.168.1.16 www.baidu.com
**注意:**域名必须是http,本地服务必须在80端口,因为http默认端口是80
此时再点击网页应用,就可以发现打开的是本地网页。过程中尝试本地服务启动在443,网页应用首页配置为https,但因为证书问题,就算通过某些工具生成了ssl证书,在通过https访问时还会提示是不安全的证书,被企业微信禁止访问。
因为证书问题,就算通过某些工具生成了ssl证书,在通过https访问时还会提示是不安全的证书,被企业微信禁止访问。