HBuilder X运行项目到微信开发者工具调试和发布Uniapp小程序
1.下载和安装 HBuilderXhbuilder首页：https://www.dcloud.io/hbuilderx.html
下载hbuilder编辑器,选择对应的系统,Windows和mac正式版即可,下载后免安装直接点击即可使用。
https://img-blog.csdnimg.cn/direct/7f3988c0187343a7b60628e794bae875.png
打开HBuilder之后，它会要求你注册一个用户，然后才可以使用。
https://img-blog.csdnimg.cn/direct/0a52abb70f9e4c749bdb81f7a167e8cf.png
第一次使用必须注册用户，登录才可以，这是它的硬性要求。按照官方的说法，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
https://img-blog.csdnimg.cn/direct/5b189e0f258840eb8eeadbf244ecbb07.png
微信appid
https://img-blog.csdnimg.cn/direct/2ed5e2cfc3a04efc9447b036371e7084.png
4.设置运行微信开发者工具
下载微信开发者工具：
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
下载稳定版：
https://img-blog.csdnimg.cn/direct/dc2d20fc32c64910a31949c7262b07fb.png
下载完成后点击安装：
https://img-blog.csdnimg.cn/direct/610234c6daf44248b370719008cef9b8.png
https://img-blog.csdnimg.cn/direct/a45a47b3d2aa4387b30f0cd249ee0f9e.png
5.HBuilder X设置微信开发者工具位置
点击“工具-设置-运行设置-微信小程序运行设置”
https://img-blog.csdnimg.cn/direct/3e44a5c8fb4044c592e0b4e8c97bb232.png
6.设置微信开发者工具
设置完HBuilder X还必要设置微信开发者工具
https://img-blog.csdnimg.cn/direct/3b09efda4bec4c4c84c9902b72910065.png
打开微信小程序打开服务端口
设置-安全设置-安全-打开服务端口：
https://img-blog.csdnimg.cn/direct/4bee1737b5b341029b68486dd8ce08d3.png
7.运行小程序
回到HBuilder X
点击“运行→运行到小程序模仿器→微信开发者工具”
https://img-blog.csdnimg.cn/direct/2449b0a71c8b4097b8060fda5604a4ab.png
将当前 uniapp 项目编译之后，主动运行到微信开发者工具中，从而方便查察项目效果与调试，微信开发者工具会主动弹出来一个新窗口,可能没登录必要扫码登录微信开发者工具，微信开发者工具加载uniapp项目可能必要一段时间：
https://img-blog.csdnimg.cn/direct/668d2bf0ff2241b79e568efd04fb1064.png
8.使用微信开发者工具调试：
使用模仿器进行预览 微信开发者工具内置了小程序的模仿器，可以实时预览小程序的运行效果。在代码编辑界面，点击“预览”按钮，就可以在模仿器中看到小程序的界面。模仿器支持多种装备和屏幕尺寸，还可以模仿网络状态、地理位置等环境条件。
使用真机调试 除了模仿器，微信开发者工具还支持真机调试。在代码编辑界面，点击“真机调试”按钮，可以将小程序的预览版发送到微信客户端，然后在真机上进行调试。真机调试可以更准确地反映小程序在现实环境中的表现。
https://img-blog.csdnimg.cn/direct/c30cee5766db4595a0799cc9d24425e9.png
9.使用微信开发者工具发布：
上传和发布小程序 开发完成后，可以将小程序上传到微信公众平台。在微信开发者工具中，点击“上传”按钮，输入版本号和项目描述，就可以将小程序的代码上传到服务器。
https://img-blog.csdnimg.cn/direct/9583c9528e44491391f018b037e8d589.png
https://img-blog.csdnimg.cn/direct/b7124d6ea590497d9722463fe1356606.png
10.提交审核
在微信公众平台的管理后台，提交小程序的审核申请。审核通事后，就可以在管理后台操作发布小程序，用户就可以在微信中搜索或扫码访问小程序了。
在微信公众平台中，进入“小程序管理”->“版本管理”，点击“提交审核”按钮，填写相干信息，并提交审核申请。
https://img-blog.csdnimg.cn/direct/379225d735cd411c924e46bfd0c9fbc5.png
审核通事后，即可发布上线小程序。
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]