先看看效果!
1. 注册小程序开发者(已注册的可以跳过)
进入官网
点击注册 -> 选择小程序 -> 填写注册信息
2. 开发工具准备
使用uniapp开发就需要用到两个工具,HBuilderX 以及 微信开发者工具。
HBuilderX的下载地址:APP开发版 HBuilderX
微信开发者工具下载地址:稳定版 Stable Build
开发工具已经准备好了,下面开始吧!
3. 创建项目
- 使用HBuilderX新建一个uniapp项目,文件 -> 新建 -> 项目
- 自动生成如下项目文件
- 浏览器打开,效果如下图
4. 配置工具环境 以及 AppID(测试版可以跳过设置APPID)
- 打开微信开发工具,开放服务端口:微信开发者工具 -> 设置 -> 安全
- 在Hbuilderx里设置微信开发工具安装路径,如下图:
- 设置AppID:在开发管理 -> 开发设置里面找到AppID复制 -> HBuilder X打开manifest.json -> 选择微信小程序配置 -> 粘贴刚复制的AppID即可!