用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 实战教程 查看内容

微信小程序预览也可以获取数据的

Rolan 2019-5-31 00:11

我们在写小程序的时候,手机端预览的发现获取不到数据,只能是用真机调试才可以,可以mac端的开发者工具对于真机调试的体验苦不堪言,各种bug(官方bug)。所以我想有没有什么办法直接使用预览也可以一样获取到数据 ...

我们在写小程序的时候,手机端预览的发现获取不到数据,只能是用真机调试才可以,可以mac端的开发者工具对于真机调试的体验苦不堪言,各种bug(官方bug)。所以我想有没有什么办法直接使用预览也可以一样获取到数据呢。花了一天的时间,终于是成功了。我室友预览的时候一样可也以有数据。

关键点:

手机,服务器,保持同一局域网。

第一步:开启局域网

方法1)使用电脑开启共享wifi,手机连接此wifi。不过这里因为我们学校内部网需要账号登陆,所以我没采用这种方法,不过这种方法的后续流程和第二种方法差不多。

方法2)手机开启热点,电脑连接此热点

1)连接后,首先找到分配给电脑的IP。mac获取IP在设置->网络,里面就可以看到。

或者在终端输入ifconfig,可以找到

第二步:修改服务器地址

我后台使用的SpringBoot,在properties里面直接修改

第三步:修改url地址:

之前使用的url地址类似于:http://localhost:8080/user/login/

修改后服务器地址后同一修改为:http://172.20.10.2:8080/user/login/

重启后台,然后在postman测试一下:

ok,可以获取到数据。 然后我们把小程序里的request里的url全部使用这种方法。

重新编译后,测试一下可不可以获取到数据,如果之前步骤没错,肯定没问题的。 我们直接使用预览,也是一样可以获取到数据的。

注意点:

1) 在后台修改了地址后,以后必须在热点环境下运行项目,不然会报错。(我就是有一次忘记连热点,结果一直启动失败,我还以为是8080端口占用问题)

2)如果要别人预览你的小程序,得先连接你的热点,才能获取到数据。

总结:

对了,如果你还有了网页,那么一样可以使用这种方法在手机上访问你的界面的。

小程序截图:

网页手机截图:

鲜花
鲜花
鸡蛋
鸡蛋
分享至 : QQ空间
收藏
原作者: 994 来自: 掘金