欢迎大家来到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