uniapp 在HBuilder X中配置微信小程序开发工具

已于 2022-11-04 16:37:51 修改
阅读量5.1k 收藏 12
点赞数 1
分类专栏： uni-app 文章标签： 微信小程序 小程序
于 2022-07-19 13:35:56 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhaolulu916/article/details/125870064
版权
本文介绍了如何在HBuilder X中配置微信开发者工具的路径，并详细阐述了从下载微信开发工具、新建项目、获取测试AppID，到设置服务端口的整个流程。接着，讲解了如何在HBuilder里配置微信小程序的测试ID，最后讨论了运行时对微信开发工具的配置调整，以实现代码发布运行到微信小程序的目标。
摘要由CSDN通过智能技术生成

一、配置

在HBuilder X中配置微信开发者工具路径

配置微信web开发工具的路径

二  打开微信开发工具

（1）下载微信开发工具1.5版本，本人使用的是window7系统，只支持 1.5

（2）登录微信开发工具

（3）新建项目，获取微信小程序测试AppID

（4）并在设置>安全 中打开服务端口

三，在hbuilder里配置获取到的测试微信id

四、将代码发布运行到微信小程序即可

 

五、运行时修改下微信开发工具的这几个配置

 

鲸鱼姐
关注
  • 1
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【uniapp】HbuilderX发布微信小程序
Web_boom的博客
09-19 1万+
一、首先配置HbuilderX 与微信开发者工具关联，在HbuilderX中打开【工具】-【设置】-【运行配置】中找到小程序运行配置，在下面微信开发者工具路径将你本地微信开发者工具目录进行设置。提到微信公众平台后的代码为开发版本，想要将开发版本发布成线上版本之前要提交审核，审核通过后就会在审核版本一栏出现，这时就可以将小程序进行发布为线上版本。执行该命令后，微信小程序将会在小程序模拟器中进行打开，这个时候我们就可以看到小程序具体的页面了，相当于开发前端页面时把html在浏览器中进行打开。
基于uniapp微信小程序我的钱包页面
03-26
通过HBuilderX，你可以创建uniapp项目，设置微信小程序的相关配置，并进行代码编写和预览。 2. **页面结构设计**：“我的钱包”页面通常包括用户的余额展示、交易记录、充值、提现等功能。我们可以使用uniapp的Vue...
微信小程序开发指南（ HBuilder X 实现）
qq_38922932的博客
04-18 3132
微信小程序开发指南（ HBuilder X 实现）
将uniapp运行到微信开发者工具
最新发布
qq_44741577的博客
07-03 710
登录微信公众平台：https://mp.weixin.qq.com/的文件位置，直接复制此路径即可，如果是。的文件位置，选中快捷方式，再次右键。开发管理->开发设置。选择打开文件所在位置。
HBuilder X运行项目到微信开发者工具调试和发布Uniapp小程序
u010797364的博客
04-14 3617
hbuilder首页：https://www.dcloud.io/hbuilderx.html下载hbuilder编辑器,选择对应的系统,Windows和mac正式版即可,下载后免安装直接点击即可使用。打开HBuilder之后，它会要求你注册一个用户，然后才可以使用。第一次使用必须注册用户，登录才可以，这是它的硬性要求。按照官方的说法，HBuilder不单单希望只是一个工具，而是把工具和社区联系起来，所以才要求用户注册。
uni-app配置微信开发者工具
weixin_46058007的博客
10-26 1161
配置微信开发者工具路径、开启微信开发者工具服务端口
Hbuilder简单的微信小程序项目 view ui 2.0框架 uniapp
04-29
通过这个项目，你可以学习如何在Hbuilder中配置和使用View UI 2.0框架，以及如何利用uniAPP开发微信小程序。同时，通过对源码的分析，可以进一步了解前端开发的最佳实践，提高你的编程能力。在实际开发中，你也可以...
微信小程序uniapp银行卡卡片样式组件
05-09
【manifest.json】是uniapp项目的配置文件，它定义了应用的基本信息，如名称、图标、权限设置、页面路由等，还包含了各端的配置，如微信小程序的特定设置，这些设置会影响编译后的小程序在微信环境下的表现。...
一个基于 uniapp 开发的微信小程序商城项目源码.zip
05-26
一个基于 uniapp 开发的微信小程序商城项目源码.zip
基于Uniapp开发壁纸小程序源码 微信抖音双端小程序源码
08-27
Uniapp壁纸小程序源码，双端微信抖音小程序源码。Wordpress后台的小程序。为一些做壁纸类自媒体的...基于Uniapp开发，使用HBuilder X导入之后发布即可，该款小程序附带有流量主功能，只需达到要求对接流量主id就可以。
uni-app启动微信开发者工具
热门推荐
马优晨
03-18 1万+
运行uni-app在微信开发者工具
使用 HBuilderX 发布微信小程序
RisunJan的博客
11-24 3127
HBuilderX 是一款强大的前端开发工具，特别适用于微信小程序的开发和发布。本文将介绍如何使用 HBuilderX 来发布微信小程序。
hbuilder--微信小程序
Manta__的博客
09-27 319
运行小程序 1.在工具–》设置–》运行设置–》小程序运行设置–》小程序路径进行配置 打开微信小程序设置–》安全–》将服务端口打开 例如：D:/微信web开发者工具 2.在项目的manifest.json—》微信小程序配置–》设置自己的id（确保自己的小程序id邀请进该项目） 3.运行即可 热更新失败 在微信小程序–》详情–》本地设置–》将启用代码热更新加载关闭 ...
HbuilderX 上传微信小程序
weixin_59081597的博客
01-09 1849
HbuilderX 上传微信小程序
HbuilderX发布微信小程序开发前准备工作
lvcal_sunday的博客
01-18 378
1.下载HbuilderX https://www.dcloud.io/hbuilderx.html 下载完成后解压，将Hbuilder.exe设置成桌面快捷方式。 2.下载微信开发者工具 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 下载成功后安装 3.微信开发者工具设置。 4.开启服务器端口，端口号会默认出现 5.左下角邮箱注册账号，激活成功后登录。 6.HbuilderX,文件-新建-项目 选择一个合
通过HBuilderX开发调试微信小程序
weixin_44714376的博客
06-27 3560
（2） 对该项目进行配置：找到工具-》设置，在设置中找到如下选项，并填写微信小程序开发工具的执行文件路径。（5）在HBuilderX中启动运行该uniapp项目，启动后，会自动运行在微信小程序工具端。本文介绍了如何通过HBuilderX开发调试微信小程序相关的知识，希望对你有一定的参考价值。(6) 如果需要在真机测试，可以在微信小程序工具端生成二维码，然后微信扫描即可进行真机预览。之后在HBUILDER上的修改就可以差量编译到小程序工具端，就可以实现边修改边调试了。
微信小程序学习—配置HBuilder运行微信小程
m0_51557131的博客
12-13 1872
微信小程序学习—配置如果是以游客的身份运行项目，那么如果在项目中的manifest.json文件中微信小程序的AppId设置了，就无法运行该项目。第一次接触微信小程序开发。在网上找了个项目想要运行，遇到了一些问题，记录一下运行的问题，以及解决方式，供大家参考。第二步 检查HBuilder中的微信小程序运行设置。解决办法 把AppId删除或者去微信开发者申请id。在微信小程序中打开 设置—安全设置 打开服务端口。这里注意使用的是微信开发者工具的安装地址。检查无误，再次运行，还是失败。第三部 appid的问题。
微信小程序 - 使用HBuilderX 开发微信小程序
weixin_56831647的博客
09-24 3567
使用HBuilderX新建，配置，运行微信小程序
uniapp开发微信小程序
03-26
Uniapp是一个跨平台开发框架，可以使用一份代码，同时开发iOS、Android、H5和微信小程序。因此，Uniapp也可以用于开发微信小程序。 开发微信小程序需要以下步骤： 1. 安装Uniapp Uniapp需要在HBuilderX中安装，HBuilderX是一款由DCloud开发的可视化的集成开发环境（IDE）。 2. 创建Uniapp项目 在HBuilderX中创建新项目，选择Uni-app模板，然后选择微信小程序作为目标平台。 3. 开发 在开发过程中，可以使用Vue.js框架来编写代码，并使用Uniapp提供的组件和API进行微信小程序开发。需要注意的是，Uniapp开发微信小程序需要遵守微信小程序的规范，并需要在manifest.json文件中注册AppID。 4. 调试 在HBuilderX中可以使用模拟器调试微信小程序，也可以使用微信开发者工具进行真机调试。 5. 发布 在开发完成后，可以使用微信开发者工具上传程序包并进行审核，审核通过后即可发布微信小程序。 总之，使用Uniapp开发微信小程序可以减少开发时间和成本，同时提高开发效率和代码的跨平台性。而且，Uniapp的开发者社区非常活跃，有很多优秀的插件和组件可以加速开发。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值