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

2019/5/31 23:16:27 人评论 次浏览 分类:开发资料

我们在写小程序的时候,手机端预览的发现获取不到数据,只能是用真机调试才可以,可以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)如果要别人预览你的小程序,得先连接你的热点,才能获取到数据。

总结:

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

小程序截图:

网页手机截图:

赞赏

相关教程

  • 微信小程序卡券开发(亲测)

    提示:小程序卡券和公众平台调用基本一致,请先查看公众平台卡券文档一、公众帐号/小程序绑定由于微信卡券用的是一套逻辑。所以小程序需要先和公众账号绑定,才能在小程序中调起公众平台卡券登录微信公众平台:https://open.weixin.qq.com/ 进行绑定操作二、公众号卡券添加小……

    2017/6/3 18:45:01

共有访客发表了评论 网友评论

验证码: 看不清楚?