《微信小程序开发》~真机调试连接后端

本地电脑配置场景

  • 在开发微信小程序时,需要进行真机调试的功能,模拟手机真机访问小程序
  • 但是我后端数据库/服务器是在本地电脑,而不是在 云服务器

本地电脑配置步骤

  1. 需要手机和电脑处在同一局域网内
  2. 首先微信开发者工具内运行的小程序,右上角详情->本地设置-> 找到下面这个功能并勾选不校验
    在这里插入图片描述
  3. 测试账号可以添加测试用户账号
  4. 按windows键,进入cmd或其他终端,输入ipconfig,然后按回车查看本地电脑的内网IP
  5. 若当前连接的路由器WLAN,则类似下图显示
    在这里插入图片描述
  6. 接着修改小程序请求后端的地址,将后端地址改为上面查出来的192.168开头的内网地址(不能是127.0.0.1或者localhost回环地址)
  7. 真机设备连接同一个wifi, 再点击微信开发者工具的真机调试即可正常访问小程序(若底下有局域网模式,也不用勾选
    在这里插入图片描述

云服务器配置场景

  • 在开发微信小程序时,需要真机调试的功能
  • 但是我的后端数据库、服务器是在云端服务器(自身拥有各大云产商,没有的请自行购买,可以等活动期间有优惠)

云服务器配置步骤

  • 需要开放防火墙/安全组对应的后端端口,使得小程序能正常访问到后端

  • 微信扫码,在微信公众平台登录小程序,绑定后端对应的云端服务器地址
    在这里插入图片描述

  • 192.168开头的内网地址修改为云服务器上后端部署后对应的ip地址,如有域名指向,则填写域名

  • 运行步骤同前面本地服务器步骤

  • 若需发布,则需要个人/企业认证小程序,填资料并备案,若干工作日审核成功后,则可以进行小程序版本提交审核

  • 审核成功后即可发布小程序线上版本!

### 微信开发者工具真机调试没有显示解决方案 当遇到微信开发者工具真机调试时页面没有任何显示的情况,可以尝试以下几种方法来解决问题: #### 方法一:基础操作排查 对于一些常见的问题,可以通过简单的操作来进行初步排除。关闭当前正在使用的微信开发者工具并重新启动项目可能有助于解决临时性的软件冲突或缓存问题[^1]。 #### 方法二:验证服务器端配置 确保后端服务处于运行状态,并且能够正常访问。如果开发环境中涉及到数据库或其他外部资源,则需确认这些组件也都在正确工作。此外,在某些情况下,发布最新的代码到后台也可能帮助改善前端展示效果[^2]。 #### 方法三:清理与重置 有时本地存储的数据可能会引起异常行为。建议清除微信开发者工具内的小程序数据后再重新加载工程文件。这一步骤可以帮助消除由于残留旧版程序而导致的新版本无法正确渲染的可能性。 #### 方法四:处理特定错误信息 针对苹果设备上可能出现的`Generate function polyfill not found`报错情况,该问题是由于缺少必要的polyfills支持所引起的。为了修复这个问题,应该检查项目的依赖项列表以及编译选项设置,保证所有必需的功能都得到了适当的支持[^3]。 ```javascript // 检查package.json中的dependencies部分是否有缺失的关键包 { "dependencies": { "@babel/polyfill": "^7.0.0", // 确认此条目存在与否 ... } } ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

【无痕干货营】

如果帮助到您,欢迎打赏一下我

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值