一、下载 “HBuilderX” 和 “微信小程序开发者工具” 并安装

HBuilderX 下载地址：https://www.dcloud.io/hbuilderx.html
微信小程序开发者工具地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

二、导入uniapp项目

1. 打开HBuilderX -> 顶部菜单栏 -> 文件 -> 导入 -> 从本地目录导入 -> 选择uniapp端项目目录

   

2. 找到config.js文件，找到里面的apiUrl项，填入已搭建的后端url地址

   

3. 打开manifest.json文件，选择微信小程序配置，填写小程序的appid

   

三、打包发行（H5）

1. 打开HBuilderX -> 顶部菜单栏 -> 发行 -> 网站H5-手机版
2. 打包后的文件路径：/unpackage/dist/build/h5
3. 将打包完成的所有文件 复制到商城后端/pulic目录下，全部替换

四、打包发行（微信小程序）

1. 请登录微信小程序运营平台：https://mp.weixin.qq.com/
2. 左侧菜单 -> 开发 -> 开发管理 -> 服务器域名，将后端api域名填写进去（刚设置以后会有一定时间延时，耐心等待即可）
3. 打开HBuilderX -> 顶部菜单栏 -> 发行 -> 小程序-微信
4. 打包后的文件路径：/unpackage/dist/build/mp-weixin
5. 打开微信开发者工具 导入 打包完成的项目
6. 检查没有运行错误，在右上方上传小程序
7. 如果出现错误：【网络请求出错：fail url not in domain list】，则代表没有将后端api的域名添加到微信小程序授权名单里，请重复步骤1和步骤2（刚设置域名以后会有一定时间延时，耐心等待即可）