使用 HBuilderX自动上传Uniapp 微信小程序代码

news2024/10/6 0:32:53

HBuilderX内置相关环境，开箱即用，无需配置nodejs。本文只介绍发布微信小程序的步骤。

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.上传代码

点击：发行-小程序-微信
在这里插入图片描述
填写信息：
在新弹出的窗口中，填写相关信息，确认无误后点击“上传”按钮。
填写AppID(小程序ID)
上传AppSecret(小程序密钥）

如果在发行界面勾选了自动上传微信平台，则无需再打开微信工具手动操作，将直接上传到微信服务器提交审核。

在这里插入图片描述
这里把密匙下载一下：
在小程序管理后台，找到开发管理 -> 开发设置 -> 小程序代码上传 -> 生成/重置密钥：

开发者扫码授权后就可以获得微信小程序代码上传密钥了：

如果上传失败（本机ip没有权限）：

[HBuilder] 12:09:09.825 上传项目到微信平台失败 [HBuilder] 12:09:09.825 Error:
Error: {“errCode”:-10008,“errMsg”:“invalid ip: 39.162.92.197,
reference:
https://developers.weixin.qq.com/miniprogram/dev/devtools/ci.html”}

设置一下白名单：
在小程序管理后台，找到开发管理 -> 开发设置 -> 小程序代码上传 -> IP白名单添加本机ip
在这里插入图片描述
上传成功：