| 2022-06-14
关于微信开发调试相关的需求还是很多的,调试的工具和方法也比较多。小编本人在此之前试了很多微信开发调试的方法。无论是微信官方提供的调试工具,还是第三方的调试工具。因此今天小编就简单总结一下,下面记录下,以便大家参考。
下载&安装:微信开发者工具、微信小程序开发者工具:
选择自己需要的版本进行下载安装。其实这两个工具都是微信官方出的工具,应该是不同的版本,暂且叫“微信开发者工具”和“微信小程序开发者工具”吧。其不同是“微信开发者工具”主要是对公众号web的调试,在chrome的基础上进行修改的,可以通过usb链接电脑进行真机调试。而微信小程序开发者工具则涵括了公众号开发调试和微信小程序开发调试,不过试了下,公众号开发调试的时候不能通过usb连接调试。
安装时候要注意的是,这两个工具要安装在不同目录,不然会提示安装失败。并且要注意的是安装第二个的时候要把桌面已安装的快捷图标改名,否则会被覆盖。
设置跨域
“微信开发者工具”在安装成功后,桌面找到新增的快捷图标右击”属性->快捷方式->目标(T)" 在最后加上 --disable-web-security --user-data-dir 前面记得留空格!
“微信小程序开发者工具”跨域的话,在开发小程序的模式下可以设置允许跨域,具体操作:打开小程序项目->微信小程序开发工具界面上方“设置”->"项目设置“->右边弹出”项目设置“->勾选”不校验安全域名、TLS 版本以及 HTTPS 证书“, ok! 如果在公众号网页调试的模式下要允许跨域的话,暂时没找到设置方法,找到再补充。
连接真机调试
还是在“微信开发者工具”的基础上连接调试,具体步骤如下:
1、手机端设置允许“USB调试”,
2、按照提示的步骤走。
3、点击“开始调试”后会打开新的页面,显示连接情况,如果没有显示连接设备,可以重插usb或者刷新微信公众号页面看看。
4、点击“inspect”会打开调试页面。
以上就是微信开发调试的步骤了,希望对大家有帮助
除了以上提到的方法外,花生壳同样可以花生壳帮你解决微信开发调试问题,下面我们来看下具体的操作步骤:
1.局域网搭建站点
首先,你在本地要有一个可以运行的网站,如果没有,需要自己新建一个Web项目,例如我在局域网内部服务器搭建了一个IIS站点,然后运行起来。
通过局域网IP的80端口访问成功。
2.花生壳设置端口映射
将局域网内搭建的Web服务发布到外网去,看起来是一件非常麻烦的事情,因为用来做微信公众号的域名,必须经过备案在外网使用80端口访问。那我们怎么实现这个方案呢?现在有个非常方便的工具,花生壳内网穿透软件,通过花生壳实现将Web服务发布到外网去。
下面看详细步骤:
①登录oray.com,注册一个花生壳账号,并且开通内网穿透服务;
②下载花生壳客户端工具,并安装;
③输入注册好的花生壳账号密码登录;
④点击内网穿透,会跳转到花生壳管理页面;
⑤点击内网穿透——新增映射;
⑥根据页面提示,填写好局域网服务器IP及端口号,这里选择的映射类型是网站类;
⑦映射完成,会生成一个外网访问地址;
这时我们在外网使用这个地址能准确访问到搭建的Web站点。
3.注册申请公众号
我们作为个人开发者,是无法向腾讯申请服务号的,不过有一个方法,这个是为个人开发者准备的测试账号。通过这个测试账号,我们同样可以获得微信服务号的所有功能和接口权限。
在这里,只需打开微信扫码一下,就立马申请成功了。
在微信管理后台这里,页面左上方的就是分配到的微信号,下面还有个接口配置信息,要求填入URL及Token。
最底部有个二维码,直接扫一扫就可以关注这个测试公众号了。
点击关注后,我们可以在订阅号里面找到这个公众号。
大家请注意,虽然放在了订阅号里面,但是该测试号基本上可以调用微信平台所有的高级接口(见“可使用接口类别列表”),所以我们的这个测试号对我们是够用的。
微信平台调用我们网站是通过配置网站的URL和Token来实现的,在上面的图中,接口配置有填写的URL及Token的选项。
接下来,我们只需要将花生壳生成的外网访问地址填写到URL里面,Token是自己随意输入一个字符串,主要用于校验。
点击提交,环境配置完成!外网用户就可以随时随地通过关注微信公众号查看到你搭建的站点以及发送的消息了。
使用花生壳软件无需公网IP快速创建HTTP、HTTPS和非80类端口外网访问数据通道,轻松实现微信开发调试等工作,让你在微信开发中轻松解决各种难点。而且,花生壳内置内网穿透功能,可根据实际的网络环境,通过花生壳软件或者路由器设置端口映射来搭建一条直接和设备建立连接的通道,而且不受其他平台制约,不存储数据,其稳定性和可靠性都非常高。