当前位置: 首页 > news >正文

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

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

首先在企业微信打开一个网页应用时,其实就是打开了一个微信环境的浏览器,此时想要检查网页元素,查看请求接口,需要开启调试模式。企业微信默认是不支持调试的,需要再单独下载一个文件放在安装目录中。

企业微信Windows版本调试

  1. 把 devtools_resources.pak 放到企业微信的安装目录下(复制的文件名,要保证为 devtools_resources.pak),注意安装目录带有版本号(4.0.1304.400是浏览器内核的版本号);

在这里插入图片描述

  1. 关闭企业微信,重新启动;
  2. 启动后直接按快捷键 ctrl + alt + shift + D,进入调试模式;
  3. 在需要调试的页面上点击右键,点“ShowDevTools”,进入调试模式。

企业微信Mac版本调试

  1. 按下command+shift+control+D进入调试模式
    在这里插入图片描述

  2. 调试->浏览器、webView相关->开启webView元素审查
    在这里插入图片描述

  3. 内置浏览器右键
    在这里插入图片描述

调试模式其实就是打开了浏览器的开发者工具,具体参考官方文档:

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访问时还会提示是不安全的证书,被企业微信禁止访问。

http://www.lryc.cn/news/147197.html

相关文章:

  • Prompt GPT推荐社区
  • 小程序隐私保护授权处理方式之弹窗组件
  • Java 复习笔记 - 方法篇
  • 大数据到底是好是坏?_光点科技
  • C++ while 循环
  • orm_sqlalchemy总结
  • CTFhub-文件上传-MIME绕过
  • 【校招VIP】前端校招考点之UDP
  • C++设计模式_02_面向对象设计原则
  • springcloud-gateway简述
  • 【大虾送书第七期】深入浅出SSD:固态存储核心技术、原理与实战
  • 常见矿石材质鉴定VR实训模拟操作平台提高学员的学习效果和实践能力
  • Verilog 学习路线
  • 前端三剑客中简单的两个:HTMLCSS
  • Java实现根据关键词搜索当当商品列表数据方法,当当API接口申请指南
  • 【HBZ分享】TCP可靠性传输如何保证的?
  • AI聊天机器人平台Poe发布更新;自然语言理解课程概要
  • 电脑视频编辑软件前十名 电脑视频编辑器怎么剪辑视频
  • Springboot整合AOP和注解实现日志记录——Java入职第十二天
  • shell脚本监控ip和端口的运行状态并触发邮件告警
  • 二三维电子沙盘数字沙盘虚拟现实开发教程第14课
  • 如何五分钟设计制作自己的蛋糕店小程序
  • (笔记二)利用opencv调用鼠标事件在图像上绘制图形
  • FreeSWITCH 1.10.10 简单图形化界面4 - 腾讯云NAT设置
  • Debezium系列之:Debezium Server Offset编辑器
  • 缓存穿透、缓存击穿、缓存雪崩
  • 1978-2022年全国整体GDP平减指数计算模板(可任意调整基期)
  • sklearn 笔记: neighbors.BallTree
  • 【java】【已解决】IDEA启动报错:Lombok Requires Annotation Processing
  • 生物笔记——暑期学习笔记(三)