HBuilder X运行项目到微信开发者工具调试和发布Uniapp小程序
- 工作小总结&小工具类
- 时间：2024-10-02 21:53
- 387人已阅读
🔔🔔🔔好消息!好消息!🔔🔔🔔
有需要的朋友👉:联系凯哥
1.下载和安装 HBuilderX
hbuilder首页：https://www.dcloud.io/hbuilderx.html
下载hbuilder编辑器,选择对应的系统,Windows和mac正式版即可,下载后免安装直接点击即可使用。
打开HBuilder之后，它会要求你注册一个用户，然后才可以使用。
第一次使用必须注册用户，登录才可以，这是它的硬性要求。按照官方的说法，HBuilder不单单希望只是一个工具，而是把工具和社区联系起来，所以才要求用户注册。
2.申请微信小程序
官网地址：https://open.weixin.qq.com/home
注册一下小程序，完善资料拿到
AppID(小程序ID)
AppSecret(小程序密钥）
3.配置并验证开发者身份
在 HBuilderX 中，需要完善mainifest.json中的基本配置:
Dcloud的应用AppID：
这个需要注册dcloud才可以获取，注册后点击重新获取就可以。
然后发行前还需要完成dcloud的信息，管理控制台地址：
https://dev.dcloud.net.cn/pages/app/list
微信appid
4.配置运行微信开发者工具
下载微信开发者工具：
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
下载稳定版：
下载完成后点击安装：
5.HBuilder X配置微信开发者工具位置
点击“工具-设置-运行配置-微信小程序运行配置”
6.设置微信开发者工具
配置完HBuilder X还需要配置微信开发者工具
打开微信小程序打开服务端口
设置-安全设置-安全-打开服务端口：
7.运行小程序
回到HBuilder X
点击“运行→运行到小程序模拟器→微信开发者工具”
将当前 uniapp 项目编译之后，自动运行到微信开发者工具中，从而方便查看项目效果与调试，微信开发者工具会自动弹出来一个新窗口,可能没登录需要扫码登录微信开发者工具，微信开发者工具加载uniapp项目可能需要一段时间：