微信小程序真机调试步骤

已于 2022-07-03 12:27:31 修改
阅读量4k 收藏 16
点赞数 2
分类专栏： 微信小程序 文章标签： 微信小程序 小程序
于 2022-07-02 18:18:50 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48952990/article/details/125576115
版权
  1. 下载utools软件，然后下载内网穿透插件
  2. 配置内网穿透：如下
  3. 类型选https，内网主机填写ipv4的地址（WiFi---->查看WiFi信息---->复制ipv4地址），端口号填下项目启动运行的端口号，例如我的是3000就写3000
    在这里插入图片描述
    3.配置服务器信息
    1）复制访问地址
    在这里插入图片描述

2）config.js中添加访问地址
在这里插入图片描述

3）修改请求的地址 request.js中
在这里插入图片描述
4）进行真机调试（二选一，预览或者手机扫描二维码）
在这里插入图片描述

肖肖冲鸭
关注
  • 2
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uniapp如何真机测试、微信小程序端测试与模拟器测试
weixin_45689946的博客
11-05 1万+
1、uniapp如何在真机测试 首先，你的手机要打开开发者模式，下拉选择USB调试（各个手机开发开发者模式的方式不同，不懂如何打开USB调试的可以百度搜索）。接着连接数据线，选择文件传输。 接着在HbuilderX中选择运行 > 运行与手机或模拟器 > 运行，就可以了。 2、如何在微信小程序端运行uniapp 首先，你要先下载微信开发者工具。如果不知道怎么下载微信开发者工具可以参考这篇文章 微信小程序开发流程、开发者工具下载安装 微信小程序开发（创建项目介绍） 你要创建过一个微信小程序项目之后
【微信小程序】新手入门必须掌握开发工具的代码断点调试步骤
TA远方
06-02 1223
掌握开发工具基本的代码断点调试步骤，新手可以更加有效地进行代码调试和找出问题并得到解决。
微信小程序——真机调试步骤
m0_65992672的博客
07-10 2093
微信小程序——真机调试步骤，把网络ip添加到请求路径中（HBuilder X软件 小程序项目中main.js文件里面）设置——代理设置——不使用任何代理，勾选后直连网络。前提：手机和电脑连同一个网络，电脑连手机热点没用。
微信小程序真机调试
sinat_41034328的博客
04-02 1150
1、必须手机和电脑在同一个局域网之中，实在不行你手机给你电脑开热点。3、本地服务器中的host主机地址也写本地电脑的ip。4、以上步骤还不行，需要把防火墙关闭。2、把手机的开发者模式打开。
微信小程序真机调试方法(包括mac和安卓)
small red red的博客
12-15 1747
2.点击运行-->运行到手机模拟器-->下载真机插件。3.点击运行-->运行到手机或模拟器-->设备运行。4.未受信任（设置-通用-设备管理-点信任）（手机上则会看到微信小程序基座App）手机电脑。
微信小程序真机测试 Provisional headers are shown ssl证书修复
qq_38657010的博客
08-20 740
原因为ssl证书问题，使用以下2个ssl证书检测工具 1.https://www.myssl.cn/tools/check-server-cert.html 检测结果提示 “服务器缺少中间证书” 2.https://myssl.com/ssl.html 检测结果为B级 不合规的证书 根据提示步骤进入 https://myssl.com/chain_download.html 进行证书修复 将修复好的证书下载，替换之前的证书，刷新检测 ...
微信小程序开发：解决真机调试与模拟器样式不一致问题
ma13549的博客
07-13 203
在微信小程序开发过程中，遇到了真机调试的样式和模拟器的样式不一致的问题。经过分析，发现是Skyline渲染引擎导致的。本文详细介绍了问题的原因和解决方案，帮助开发者提高开发效率。
微信小程序开发之——预览和真机调试效果不一样
我的博客
11-18 4958
一 预览和真机调试效果 预览效果 编译、真机效果 二 编译、预览和真机调试环境：都是develop 2.1 检测调试环境代码(app.js) debugger const accountInfo = wx.getAccountInfoSync(); //查看环境 this.globalData.envVersion = accountInfo.miniProgram.envVersion console.log("编译环境：" + this.globalData.envVe
uniapp延迟执行_uniapp微信小程序真机调试点击按钮有1秒延迟
weixin_39997443的博客
12-31 4495
详细问题描述(DCloud产品不会有明显的bug，所以你遇到的问题大都是在特定环境下才能重现的问题，请仔细描述你的环境和重现方式，否则DCloud很难排查解决你的问题)[内容]开发uniapp小程序项目时,在页面中点击按钮后, 数据即时更新, 视图层延迟1秒后才出现更新视图, 试过将元素提取到最外层依旧是延迟1秒渲染, 这个问题只有在真机调试才会出现, 在模拟器上完美运行, 请大神解答解答重现步骤...
微信小程序真机测试 Provisional headers are shown 问题解决办法
Tusi.blog
07-06 7208
微信开发工具请求正常，真机调试出现Provisional headers are shown 图片源自：https://blog.csdn.net/xyphf/article/details/90045286 网上大部分原因为ssl证书问题，使用以下2个ssl证书检测工具 1.https://www.myssl.cn/tools/check-server-cert.html 检测结果提示 “服务器缺少中间证书” 2.https://myssl.com/ssl.html检测结果为B级 ...
uniapp 微信小程序小票打印机打印教程（超详细讲解） 完整代码，下载后可直接使用
07-24
在本文中，我们将深入探讨如何使用uniapp框架和微信小程序来实现小票打印机的打印功能。这个教程将提供一个详尽的步骤指南，确保你能够理解并应用到实际项目中。我们将涵盖以下知识点： 1. **uniapp简介**：uniapp...
微信小程序-笑话大全源码
06-12
微信小程序是一种轻量级的应用开发平台，主要针对移动端，由腾讯公司推出，旨在提供便捷的、无需下载安装即可使用的应用体验。"微信小程序-笑话大全源码" 是一个专门用于展示如何开发微信小程序的实例，它包含了一...
基于微信平台的微信小程序租房平台（完整源码）
04-27
7. **测试与发布**：在完成开发后，微信小程序需要经过真机调试、预览、提交审核等多个步骤才能上线。开发者需要关注性能优化、兼容性测试、错误处理等方面，以确保小程序在不同设备和环境下的稳定运行。 8. **运营...
基于uniapp微信小程序我的钱包页面
03-26
以上是开发基于uniapp的微信小程序“我的钱包”页面的主要步骤和知识点，通过熟练掌握这些内容，你可以构建出用户体验良好、功能完善的个人钱包管理界面。在实际开发中，还需要根据具体需求进行调整和优化，以满足...
微信小程序个人简历.zip
05-30
【微信小程序个人简历】是一个基于微信小程序平台的项目，它为用户提供了一种便捷的方式来创建和展示个人简历。这个小程序不仅包含界面设计，还包含了源代码，使得开发者可以深入学习和自定义功能。以下是对这个项目...
微信小程序安装vant组件库和使用
qq_61132537的博客
07-23 692
van-button type="primary">主要按钮</van-button>
微信小程序 - 数组 push / unshift 追加后数组返回内容为数字（数组添加后打印结果为 Number 数值类型）
最新发布
王佳斌
07-23 508
微信小程序 - 数组 push / unshift 追加后数组返回内容为数字（数组添加后打印结果为 Number 数值类型），微信小程序 setData 数组。push 时出现的问题,push结果是1。微信小程序数组push后，数组返回内容为数字，小程序数组push后打印拿到的值非数组而是 Number 数值型
AI智能名片微信小程序在品牌战略与私域流量构建中的应用与深度探索
专注MarTech应用研究与实施方案
07-23 845
在数字经济时代，私域流量的价值日益凸显，成为企业和个人实现可持续增长的重要驱动力。品牌，作为私域流量的核心，其稳定性和影响力直接关系到流量的质量与转化效率。AI智能名片微信小程序，作为数字营销领域的一项创新工具，以其独特的智能化、便捷性和社交属性，为品牌战略的实施与私域流量的构建提供了全新的视角和解决方案。本文旨在深入探讨AI智能名片微信小程序在品牌塑造、用户互动、流量转化及精细化运营等方面的应用，分析其内在机制与优势，并提出具体的实施策略与建议，以期为企业和个人在激烈的市场竞争中赢得先机。
微信小程序真机调试连接断开
09-17
微信小程序真机调试连接断开的问题可以通过以下两种解决方式来解决。 第一种解决方式是重新安装微信开发者工具，并进行以下步骤： 1. 关闭微信开发者工具，并重新打开项目。 2. 确保重新登录项目。 3. 尝试重启电脑。 4. 如果问题仍然存在，可以等待一段时间后再次打开项目。 第二种解决方式是核实该问题是否已被修复。根据一篇文章所述，这个问题可能只出现在安卓端，而iOS端没有问题。如果您的设备是iOS设备，可能不受此问题的影响。另外，微信可能已经修复了这个bug，因此您可以尝试使用最新版本的微信开发者工具来解决问题。 综上所述，您可以尝试重新安装微信开发者工具并进行一系列步骤，或者核实该问题是否已被修复。希望这些解决方式能够帮助您解决微信小程序真机调试连接断开的问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值