hbuilderx开发小程序

0 阅读1分钟

00 准备工作

注册申请自己的小程序

登录微信公众平台,注册一个小程序,并拿到appID。

mp.weixin.qq.com/cgi-bin/log…

用自己的微信扫码登录,或者是注册。

image.png 注册小程序

image.png 填写信息

image.png

要点:

  1. 注册小程序,一个邮箱可以注册一个小程序。一个手机号最多可以绑定5个小程序。
  2. 不是游戏,主体选择个人

注册成功之后,进入到管理页面。 做两件事, 保存小程序AppID,备用; 生成秘钥

image.png

软件

1.hbuilderx

  1. 功能:代码编辑器
  2. 下载地址:www.dcloud.io/hbuilderx.h…

image.png

  1. 启动之后,注册登录

image.png

2. 微信开发者工具

  1. 功能:预览效果,调试,上传代码
  2. 下载地址: developers.weixin.qq.com/miniprogram…

打开安装好的微信开发者工具,用自己的微信扫码登录, 可以看到自己申请的小程序信息了。

01 开发第一个小程序并发布测试版

启动hbuilderx,创建第一个uniapp项目

image.png

填入项目名称,选择默认模版。

发行小程序

image.png

image.png

image.png

发行 → 发行到微信小程序

发行成功之后,会自动生成代码

image.png 使用微信开发者工具,导入项目,打开这个目录

image.png

点击上传菜单,填入信息,点击上传。

image.png

上传成功,登录小程序后台,设为体验版。

image.png 设置为体验版

image.png

体验版只有少数人才能访问。 在这里可以添加体验者。

image.png