小程序打包

### 1.下载登录微信开发工具。

（下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html ，推荐使用稳定版）
安装完成后后，打开，微信扫码登陆。
### 2.下载[HBuilderX](https://www.dcloud.io/hbuilderx.html) ，选择 APP开发版 下载
### 3. 打开编译器,点击文件->点击打开目录
![](/uploads/single/crmeb_v4/20220512/c5e041c6256b5d6a15a0d84411b1730a.png)
### 4. 找到CRMEB_v4.0+版本的文件管理器默认路径为:/view/uni-app/

### 5. 配置请求域名
![](/uploads/single/crmeb_v4/20220512/2d2a6dd8ab71b8ada8e72a8fee934232.png)

### 6. 点击上方发行按钮
![](/uploads/single/crmeb_v4/20220512/54e1cbfa89d3bfd9341d4e9a6303add6.png)
### 7. 出现如下图所示,填写自己的小程序appid和小程序名称点击发布
![](/uploads/single/crmeb_v4/20220512/9102cb60a0110001ed5cb858ae93f7d3.png)
打包时编辑器出现：预编译器错误：代码使用了scss/sass语言，但未安装相应编译器...
![](/uploads/crmeb_v4/images/screenshot_1589592557543.png)
打开  工具--插件安装--scss/sass编译进行安装
![](/uploads/crmeb_v4/images/screenshot_1589592572906.png)
![](/uploads/crmeb_v4/images/screenshot_1589592579661.png)
### 8.等待打包完成后会自动打开微信小程序开发工具
![](/uploads/single/crmeb_v4/20220512/88a8ecbf5f95ffafbff0f77cd9260636.png)
如果编辑器提示：微信开发者工具拒绝HBuilderX访问，请根据上述提示，在微信开发者工具中开启服务端口
![](/uploads/crmeb_v4/images/screenshot_1589592233729.png)
### 9.测试、查看数据是否正常加载。点击“购物车”，可正常授权登录，即配置正确。
如出现报错等，检查：
1..SSL证书是否安装正确，（浏览器输入https域名，看能否正常打开）
2.后台appid等是否配置正确 （后台需要配置好小程序相关资料，才能打开前台）
3.公众平台小程序合法域名是否配置正确
![](/uploads/single/crmeb_v4/20220512/cb598f6e81f2de33722d04d7be314300.png)
### 10.点击工具右上角，上传，填写版本号等，等待提示上传成功.
![](/uploads/single/crmeb_v4/20220512/c81e1ca29cdd6237f4bcf1a5b852503b.png)

### 11.小程序前端代码配置完成

注：如出现以下提示，不用管理会，点击确定。
![](/uploads/single/crmeb_v4/20220512/595324e77f5f3d2e920d4c798c580ddd.png)

本页目录