微信小程序连接本地服务器(在本地服务器上进行真机测试-微信开发者工具)

1.前言

最近做小程序,一直用的是本地服务器接口,在用真机测试的时候,发现动态数据并不能同步,研究了一下发现操作很简单

2.配置步骤

1.首先打开微信开发者工具,打开右上角的详情,点击本地设置,勾选下面的不校验合法域名

微信小程序连接本地服务器(在本地服务器上进行真机测试-微信开发者工具)_第1张图片

2.打开手机的热点,用电脑连接手机热点(保证在同一网络下)(很重要)

3.打开电脑的控制面板----》网络和Internet----》网络和共享中心----》更改高级共享设置----》勾选启用网络发现

微信小程序连接本地服务器(在本地服务器上进行真机测试-微信开发者工具)_第2张图片

微信小程序连接本地服务器(在本地服务器上进行真机测试-微信开发者工具)_第3张图片

微信小程序连接本地服务器(在本地服务器上进行真机测试-微信开发者工具)_第4张图片

微信小程序连接本地服务器(在本地服务器上进行真机测试-微信开发者工具)_第5张图片

4.回退到上一层,选择更改适配器设置,选中手机热点,右键选择状态, 选择详细信息,记住当前的Ipv4地址,在后面要替换localhost

微信小程序连接本地服务器(在本地服务器上进行真机测试-微信开发者工具)_第6张图片

微信小程序连接本地服务器(在本地服务器上进行真机测试-微信开发者工具)_第7张图片

微信小程序连接本地服务器(在本地服务器上进行真机测试-微信开发者工具)_第8张图片

微信小程序连接本地服务器(在本地服务器上进行真机测试-微信开发者工具)_第9张图片

5.打开微信开发者工具,将刚才的IPv4地址替换所有的localhost,我这里是将host封装到一个工具包中,一改全改,大家视自己情况而定即可

微信小程序连接本地服务器(在本地服务器上进行真机测试-微信开发者工具)_第10张图片

 6.最后一步,点击预览扫码即可

 

你可能感兴趣的:(微信小程序x,微信小程序,小程序,微信,微信公众平台,交互)