uniapp连接到微信小程序调试全过程以及遇到的bug

最新推荐文章于 2024-07-23 17:07:45 发布
最新推荐文章于 2024-07-23 17:07:45 发布
阅读量1.3k 收藏 1
点赞数 1
分类专栏： 前端 文章标签： 前端 小程序 uni-app 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_55790549/article/details/126423989
版权

以我自己举例子，公司项目是uniapp的，首先先要把项目跑起来

前期准备：Hbuilder X    微信开发者工具

注册账号

然后在项目的manifest.json文件中进行设置

 

添加自己的微信小程序ID，具体查看方法：登录微信小程序后台 - 左侧导航栏开发管理 - 开发设置查看开发者ID

回到HBuilder中点击运行 - 运行到小程序 - 微信开发者工具，正常情况就直接打开项目，可能有人会卡在微信开发者界面

 

 这是我踩得一个小坑，具体解决方法，小程序开发者工具点击导入 - uniapp的unpackage - dist - dev - mp-weixin

具体路径每个人都不一样，点击导入之后就可以在HBuilder中更新代码，小程序查看效果了 

离你三万英尺
关注
专栏目录
前端面试题总结(PS:尊重劳动成果拿或者要原笔记记得滴滴)
weixin_46917587的博客
05-30 492
前端优化性能的方法 压缩字体文件 使用 fontmin-webpack 插件对字体文件进行压缩 减少 HTTP 请求 使用字体图标 iconfont 代替图片图标 使用 webp 格式的图片 减少重绘重排 使用事件委托 使用 Web Workers html + css 1. HTML和CCS3新增那些内容？ 广义上的html5指的是最新一代前端开发技术的总称，包括html5，CSS3，新增的webAPI。 Html中新
uni-app开发微信小程序使用真机调试
H_jrqn的博客
12-27 1757
uni-app开发微信小程序使用真机调试
Uni-App集成微信小程序配置与测试
ylp2023的博客
06-18 815
通过官方注册地址:https://mp.weixin.qq.com/生成的二维码打开手机微信扫描即可。设置-安全设置-安全。
使用uniapp开发小程序（基础篇）
最新发布
weixin_44143876的博客
07-23 1278
介绍uniapp项目开始的准备工作，环境配置和文件引用
Uniapp开发的项目如何调试微信小程序.
taoyong920710的博客
08-15 413
做完上面这些之后, 在设置的基本设置中, 可以看到小程序的wxid.
详解uni-app项目运行在微信小程序调试
weixin_42397937的博客
05-30 2748
UNI-APP学习系列之详解uni-app项目运行在微信小程序调试以上就是今天要讲的内容，本文介绍了UNI-APP学习系列之详解uni-app项目运行在微信小程序调试的全部内容，后续我会基于VSCode继续进行开发讲解UNI-APP框架，喜欢的请点击关注，UNI-APP框架使用教程将会持续更新下去。
国庆节头像护旗手小程序源码
10-08
总的来说，开发和理解【国庆节头像护旗手小程序源码】涉及到微信小程序的全方位开发技能，包括前端开发、用户交互设计、数据管理、API调用以及测试优化等多个方面。对于想要深入学习微信小程序开发或者想要创建类似...
uni-app商城-含小程序微信登陆、小程序微信支付
05-25
6. **文件结构**：压缩包中的文件可能包括uni-app的项目文件（如pages、static、components等目录），配置文件（如uniapp.config.js、manifest.json），以及与微信小程序相关的配置和SDK库。开发者需要对这些文件...
省钱兄陪玩APP源码（小程序+Android+IOS）游戏陪玩uniapp模板源码
10-09
uniapp的核心特点是统一的开发环境，一次编写，多端运行，包括iOS、Android、H5、微信小程序、支付宝小程序等，极大地减少了重复工作。 2. **游戏陪玩功能**：陪玩功能是这款应用的核心，它允许用户寻找合适的陪玩...
lbc19920615.github.io
02-24
开发微信小程序，需要掌握小程序的专属开发工具、WXML（微信标记语言）、WXSS（微信样式语言）以及基于JavaScript的逻辑层开发。 "进料工具"可能是指前端开发中的构建工具，如Webpack或Gulp，它们可以自动化地完成...
uni-app的初次开启微信小程序调试
weixin_45519244的博客
01-28 4969
uni-app初次使用微信小程序调试 在开发uni-app项目过程中，如何开始微信小程序进行实时编译调试。首先根据官网做如下配置： 注册微信小程序地址：https://mp.weixin.qq.com/ 微信开发者文档地址：https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/ uni-app官网地址：https://uniapp.dcloud.io/ 注册之后登陆 **1-打开HBuilder
uniapp实战 —— 开发微信小程序的调试技巧
朝阳39的博客
12-08 2251
开发版和体验版的小程序，域名没有备案时想调试接口访问效果，可以按下述方式操作：在手机上点右上方三个点，点击“开发调试”，开启调试模式，即可真机访问接口（跳过域名校验）重新进入小程序，看到下图所示的绿色浮标，即进入了调试模式。
HBuilder将uniapp项目运行到微信开发者工具进行小程序调试
coderYYY的博客
03-14 4566
有时候我们的项目开发是使用uniapp，而最终是要发布到微信小程序的。在开发uniapp项目过程中，我们可以使用HBuilderX运行到微信小程序模拟器（微信开发者工具），一边写代码一边调试、预览效果。
uni-app开启微信小程序调试
热门推荐
草灯的专栏
04-02 1万+
在开发uni-app项目过程如何开启微信小程序进行实时编译调试。首先根据官网做如下配置 1、点击“工具” -》 “设置” -》 “运行配置”，找到“微信Web开发者工具” 安装所在的文件夹。复制路径，填入到“小程序运行配置” -》 “微信开发者工具路径”中，关闭设置页。如下图： 重新点击“运行” -》 “运行到小程序模拟器” -》 “微信开发者工具 - [xxxx]”，如果成行就可以直接调试。 ...
uniapp框架开发微信小程序之调试部署上线
weixin_46019128的博客
06-21 260
点击发行-----选择微信小程序->会目动加载微信开发者工具-----編译、 预览，真机调试，上传-----登录微信小程序-----配置合法域名、提交小程序审核。在hbuilder开发下开发uniapp。配置证书文件（实现https请求）配置mainfest.json文件。开发-开发管理获取开发者ID。开发-开发管理配置服务器域名。开发-开发工具-下载。--3.软件开发及部署主要配置。--1.服务器主要配置。--2.小程序主要配置。
Uniapp —— app编译调试
DM_Cxx的博客
08-14 3578
uniapp中的app调试，写习惯`web`项目、`H5`项目、还是说小程序朋友，都清楚各类的调试方式。`F12`检查，微信开发者工具的操作台等，都有现成好用的调试办法。但是在`uniapp`转译`app`后调试则变得十分困难，对于`app`中使用到的`nvue`文件对`css`样式有特殊要求，调试更是显得重中之重。
uniapp调试安卓,iOS, 微信小程序, 支付宝小程序
焦虑的博客
10-19 7925
安卓真机调试 电脑usb链接电脑 持续点击手机的版本参数,打开手机的开发者模式 开启手机的开发者选项 开启usb调试 usb安装 usb调试(安全设置,允许usb安装软件) 华为: usb链接方式选择传输文件 设置>系统>开发人员选项>打开开发者选项>打开usb调试 IOS真机调试 windows: 安装iTunes 数据线链接iPhone 软件安装到手机后 按照系统提示,在设置>通用>设备管理(或描述文件)中新人DCloun企业证书 手动启动需要调试的软件 mac
uni-app微信小程序模拟器运行到某一页面调试操作
weixin_43968043的博客
01-21 1万+
刚刚开始学习uni-app，不知道微信开发者工具，运行到页面是咋回事。后来接触了一下，发现蛮好用的，这个功能可以联调你需要的某一页面。 每次联调项目时，Hbuilder X每次都要重新编译到初始默认的首页，然后要点击跳转才会出现详情页进行调试，这样很麻烦。后来发现这个功能。每次Ctrl+s项目微信小程序模拟器可以直接跳转到你需要的页面，下面开始正常操作 condition 启动模式配置，...
从零开始：Uni-App 微信小程序开发指南
m0_74412050的博客
04-16 1410
随着移动应用市场的蓬勃发展，跨平台应用开发成为了越来越多开发者的选择。Uni-App 作为一款跨平台应用开发框架，可以让开发者使用 Vue.js 的开发方式，编写一套代码，即可发布到多个平台，包括微信小程序、App、H5 等。本文将带领你从零开始，学习如何使用 Uni-App 开发微信小程序。
uniapp运行到微信小程序样式丢失
06-13
Uniapp运行到微信小程序时，出现样式丢失的情况，可能是以下原因导致的： 1. 检查是否在使用了全局样式变量时，没有在App.vue的style标签中引入，可以尝试在App.vue的style标签中加入全局样式变量的引入； 2. 检查...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值