企业微信小程序_小程序开发工具及真机调试_host配置及代理

文章目录

• • • • • 一、开发前准备
        • • 1. 开发文档
          • 2. 工具安装
          • 3. 安装插件
          • 4. 调整编译模式
          • 5. 选择企业
          • 6. PC 调试前端
          • 7. PC 调试后端
        • 二、甄姬调试前端
        • • 2.1. 预览小程序
          • 2.2. 手机企微扫码
          • 2.3. 手机企微调试
          • 2.4. 多场景调试
          • 2.5. 手机企微调试前后端

一、开发前准备

1. 开发文档

小程序开发文档：
https://developer.work.weixin.qq/document/path/91502

点击企业微信小程序开发进入详情页面

2. 工具安装

微信开发者工具

3. 安装插件

点击安装

我已经安装过了

4. 调整编译模式

5. 选择企业

点击小手机图标，选择企业

6. PC 调试前端

7. PC 调试后端

说一下思路，请求后端接口，验证请求报文格式和内容是否符合要求即可

二、甄姬调试前端

2.1. 预览小程序

2.2. 手机企微扫码

在微信小程序开发者工具生成小程序的预览二维码，然后使用企业微信扫码打开小程序
点击小程序右上角菜单，找到“开启多场景调试”并点击开启

2.3. 手机企微调试

2.4. 多场景调试

企业微信上的多场景调试，为了解决每次都扫码的问题
https://developer.work.weixin.qq/document/path/91502

2.5. 手机企微调试前后端

说一下思路：

• 1.前端项目配置后端域名地址
• 2.启动代理软件Charles
• 3.手机设置代理
• 4.手机企微打开-自建应用-小程序进行调试
• 5.如果页面显示后端传递过来的数据说明成功

建议：终点在于调试连通性，因此，后端可以写一个hello返回一个string字符串，前端接收将其在页面显示即可

具体详情参考：host配置及代理相关，H5应用如何本地及真机调试