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.提交审核
在微信公众平台中,进入“小程序管理”->“版本管理”,点击“提交审核”按钮,填写相关信息,并提交审核申请。
审核通过后,即可发布上线小程序。(没有认证的话可以发布体验版就是别人需要跟你发申请才可以访问)