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
在这里插入图片描述
上传成功:
在这里插入图片描述

5.提交审核

在微信公众平台中,进入“小程序管理”->“版本管理”,点击“提交审核”按钮,填写相关信息,并提交审核申请。

在这里插入图片描述
审核通过后,即可发布上线小程序。(没有认证的话可以发布体验版就是别人需要跟你发申请才可以访问)

更多推荐