1、申请微信小程序账号(有账号的此步骤请忽略)
打开微信公众平台,点击注册
![](https://img.kancloud.cn/75/24/7524e4be8b482cc4c36c32967e7eea98_2660x1128.png)
选择小程序
![](https://img.kancloud.cn/a2/cb/a2cb3f96720d77d25ac1b8f463210b28_2608x1264.png)
设置主营类目
![](https://img.kancloud.cn/02/89/0289fea24263c416a5c27e5941eb01b2_2144x1048.png)
设置服务器域名:
开发-开发管理-开发设置
![](https://img.kancloud.cn/89/7e/897e20ec0dc181ed7fbb39287d4ab3ca_2044x490.png)
注:设置的域名必须开通ssl 加密的域名,即带着https
获取APPID,记下来,后面会用到
![](https://img.kancloud.cn/a8/69/a869000d37d64e7fa5e6bca91cda9cd5_1996x1128.png)
2、下载开发工具
下载Hbuilderx开发工具
https://www.dcloud.io/hbuilderx.html
![](https://img.kancloud.cn/45/79/45793223ce86c253341baf4f53d4a0dd_2648x1380.png)
下载微信开发工具
https://mp.weixin.qq.com/wxamp/thirdtools/extend?token=1831011122&lang=zh_CN
![](https://img.kancloud.cn/4c/66/4c66722b7ad14c45222f006201b6e7d1_2818x1428.png)
3、获取小程序代码
登录网站系统后台,下载源码
![](https://img.kancloud.cn/fd/54/fd549d2fa8d4cc28e0c293212b4c79f9_2878x920.png)
先下载1.0.0基础版
![](https://img.kancloud.cn/39/54/3954a08ceb24276da77707c1cf93a8af_2326x1242.png)
下载后解压,把代码复制到你认为比较好的一个地方,比如复制到D:/APP目录
4、打开Hbuilderx开发工具,左侧右键,导入源码
![](https://img.kancloud.cn/fe/2d/fe2d12e33fd581d4017713142ac726cb_2812x1406.png)
导入后的目录结构如下图
![](https://img.kancloud.cn/79/19/79195b3ac6ba9e583dd703c01904bdaf_434x692.png)
5、配置信息
打开manifest.json文件,配置基本信息
![](https://img.kancloud.cn/a5/06/a506b33fd3492e5331edc831332c2edd_2874x1280.png)
先重新获取uni-app应用标识,以后就不用了
配置支付信息
![](https://img.kancloud.cn/52/c9/52c9ae8e717b8efe4bfbac1537ac8cad_2358x1228.png)
微信小程序配置
![](https://img.kancloud.cn/20/4c/204c698eab9a75ac38d19c47e00c4779_2360x1110.png)
APP ID填上微信小程序的APPID,就是第一步记下的那个APPID
自动压缩打上勾
配置域名
![](https://img.kancloud.cn/b5/4d/b54d5bb3c4ae08f7430c7631afa46640_2570x842.png)
httpUrl:这是你的网站的域名
![](https://img.kancloud.cn/3b/c3/3bc38e74606384740d209a75682a1d18_2570x686.png)
修改为你的网站标题
6、下载高版本代码
![](https://img.kancloud.cn/84/15/8415dd3485f7643af0209b6becfa6212_2424x1204.png)
下载后解压覆盖源代码。为避免用户重复配置,高版本的没有配置文件,所以只要升级版本,只需要把高版本覆盖低版本即可,配置文件不会覆盖,只需要修改版本信息即可。
7、代码编译
回到Hbuilderx开发工具,运行测试
![](https://img.kancloud.cn/7b/65/7b65e5f2c1ed6af84b7430544f993291_2292x1134.png)
编译成功后,会自动打开微信开发工具
首次打开需要登录,配置路径,根据提示操作即可
![](https://img.kancloud.cn/f3/fe/f3fe7b230fc91613e1f0f16380e9fa3e_2498x1564.png)
点击信任并运行
运行成功
![](https://img.kancloud.cn/7f/02/7f0274f201f085279e812129a2743dd1_2518x1574.png)
在这里你可以测试一些功能
8、修改appid
![](https://img.kancloud.cn/80/e8/80e8e802fb608ff6cdc5ca56a82f4b54_1540x920.png)
9、上传代码
![](https://img.kancloud.cn/62/dc/62dc730468755b59ca045e3174aea467_1194x572.png)
10、上传后回到微信小程序网站,提交审核
![](https://img.kancloud.cn/13/19/1319ad33de0d7b10c20020b31cbde9b9_2860x1434.png)
11、等待...