微信公众号本地开发及调试配置

微信公众号本地开发及调试配置在微信开发工具中输入的网址 是模拟 wechat 浏览器进行 相当于在手机中运行 与 chrome 浏览器模拟网页开发是不一样的 chrome 模拟了移动端 实际上还是 h5 的方式

欢迎大家来到IT世界,在知识的湖畔探索吧!

1. 相关工具

1.1. 微信开发工具

https://developers.weixin..com/miniprogram/dev/devtools/download.html

下载后的文件:
wechat_devtools_1.06._win32_x64.exe

1.2. 内网穿透工具(免费)

https://www.cpolar.com/

1.3. 其他代码开工具,自行选择

比如vscode ,visaul studo ,java等

1. 微信开发工具使用

1.1. 步骤

1.1.1. 内网穿透工具安装

这里使用 https://www.cpolar.com/,按教程直接安装就可以

创建一个隧道,相当于是:端口映射

微信公众号本地开发及调试配置



欢迎大家来到IT世界,在知识的湖畔探索吧!

编辑需要针对你本机的端口,这里是使用visual studio进行的开发,采用了本地5000端口

微信公众号本地开发及调试配置

然后在在线隧道列表中,就可以看到有两个域名映射

微信公众号本地开发及调试配置

然后将http域名或者https域名,填写到微信公众号开发接口与网页授权中。

1.1.2. 微信开发者工具下载后直接安装

微信公众号本地开发及调试配置

1.1.3. 运行当前工具

微信公众号本地开发及调试配置

1.1.4. 在微信公众号管理界面加入开发者账号(如果没有加入)

打开微信公众号

微信公众号本地开发及调试配置

打开Web开发者工具,进行绑定

微信公众号本地开发及调试配置

1.1.5. 扫码进入(如果已经在微信平台开发者工具对开发进行微信授权)

微信公众号本地开发及调试配置

1.1.6. 选择公众号网页进入公众号网页进行开发

微信公众号本地开发及调试配置

1.1.7. 在浏览器中输入网址进入联调

微信公众号本地开发及调试配置

在微信开发工具中输入的网址,是模拟wechat浏览器进行,相当于在手机中运行,与chrome浏览器模拟网页开发是不一样的,chrome模拟了移动端,实际上还是h5的方式。

开发者工具模拟器的访问Agent如下

Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.0 Mobile/15E148 Safari/604.1 wechatdevtools/1.06. MicroMessenger/8.0.5 Language/zh_CN webview/ webdebugger port/20606 token/b104b7ba4d9449a8c962fc0164f43184

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://itzsg.com/133405.html

(0)
上一篇 23小时前
下一篇 22小时前

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

联系我们YX

mu99908888

在线咨询: 微信交谈

邮件:itzsgw@126.com

工作时间:时刻准备着!

关注微信