uni-app 小程序真机调试初次打开小程序连接云环境报错

发布于 1周前 作者 songsunli 来自 Uni-App

uni-app 小程序真机调试初次打开小程序连接云环境报错

操作步骤:

  • 小程序开发工具扫码真机调试

预期结果:

  • 手机打开小程序可以正常请求

实际结果:

  • 请求失败

bug描述:

真机调试扫码后打开小程序,提示不在一个局域网下。 下拉刷新再次清理后正常 网络无变化,代码无修改的情况下

b81cc8526fa72e2e38eded2844abe3bd

9 回复

hbx点击发行到小程序才能真机调试,点击运行会报这个错的。


那你的手机和电脑在同一个局域网下吗?能互相访问通吗?

是在同一局域网下,不然刷新一次也拿不到结果的。hbx发行到小程序真机测试是没问题的。使用运行启动小程序工具真机测试有这个问题。同理,发布测试版和正式版小程序也需要再hbx点击“发行”按钮启动小程序开发工具

回复 x***@sina.cn: 也就是说只有第一次发送的请求才会遇到这个问题?后续正常的请求有连接到本地云函数吗?

回复 x***@sina.cn: 电脑上用HBuilderX运行一个h5可以用手机通过局域网链接访问到吗?运行的时候HBuilderX的客户端控制台上默认选中的是连本地还是连云端?是不是连接到了本地可以通过查看HBuilderX的uniCloud控制台有没有输出云函数请求来判断

回复 DCloud_uniCloud_WYQ: 是的。

回复 DCloud_uniCloud_WYQ: 本地和云端都是这种情况。图中的错误信息来自小程序真机调试界面。

回复 DCloud_uniCloud_WYQ: 该问题使用发行小程序方式可解决,不影响开发和正式发布。

在使用 uni-app 开发小程序时,初次进行真机调试并连接云环境时,可能会遇到一些报错。以下是一些常见的问题及其解决方法:

1. 网络问题

  • 问题描述:真机调试时,小程序无法连接到云环境,报错提示网络连接失败。
  • 解决方法
    • 确保手机网络正常,可以访问互联网。
    • 检查云环境的域名是否在小程序的后台配置中正确添加了白名单。
    • 如果是本地开发环境,确保手机和开发机在同一局域网内,或者使用内网穿透工具(如 ngrok)将本地服务暴露到公网。

2. 云环境配置问题

  • 问题描述:云环境的配置不正确,导致小程序无法正常连接。
  • 解决方法
    • 检查 manifest.json 文件中的云环境配置是否正确,包括 cloudfunctionRootenv 等字段。
    • 确保云函数的部署环境与小程序配置的环境一致。

3. 云函数未部署

  • 问题描述:云函数未部署或部署失败,导致小程序调用云函数时出错。
  • 解决方法
    • 在 HBuilderX 中,右键点击云函数目录,选择“上传并部署:云端安装依赖”。
    • 确保云函数的代码没有错误,并且依赖包已正确安装。

4. 权限问题

  • 问题描述:小程序没有权限访问云环境或云函数。
  • 解决方法
    • 检查小程序的权限配置,确保有权限访问云环境。
    • 如果是云开发环境,确保云函数的调用权限设置正确。

5. 版本问题

  • 问题描述:HBuilderX 或 uni-app 的版本过旧,导致兼容性问题。
  • 解决方法
    • 更新 HBuilderX 到最新版本。
    • 更新 uni-app 的依赖包到最新版本。

6. 调试工具问题

  • 问题描述:调试工具本身存在问题,导致无法正常连接云环境。
  • 解决方法
    • 尝试使用不同的调试工具或版本。
    • 重启调试工具或开发环境。

7. 日志查看

  • 问题描述:报错信息不明确,无法定位问题。
  • 解决方法
    • 查看小程序的调试日志,获取更详细的错误信息。
    • 在云开发控制台中查看云函数的调用日志,排查问题。

8. 其他常见问题

  • 问题描述:其他一些常见问题,如证书问题、域名解析问题等。
  • 解决方法
    • 确保云环境的 SSL 证书有效。
    • 检查域名解析是否正确,确保域名可以正常访问。

示例代码

以下是一个简单的 manifest.json 配置示例,确保云环境配置正确:

{
  "mp-weixin": {
    "cloudfunctionRoot": "cloudfunctions/",
    "env": "your-env-id"
  }
}
回到顶部
AI 助手
你好,我是IT营的 AI 助手
您可以尝试点击下方的快捷入口开启体验!