H5 商城打包

# 📱H5移动端商城打包

### 下载的源码并导入

解压后的代码包内容

![源码包基本内容介绍](/uploads/crmebjavalandmer/crmebjavamer/20221206/29b234ab968762e2de9113b0dbf0d4a7.png)

移动端商城因为是uniapp开发所以必须Hbuilder X 打开 第一次了解的戳这里[HBuilderX-高效极客技巧 (dcloud.io)](https://www.dcloud.io/hbuilderx.html)

![HbuilderX](https://doc.crmeb.com/gh/xbdazz/mypic/img/202203281523972.png)

### 开发工具加载Uniapp代码
Hbuilder打开代码包下的App目录，并设置API链接地址

![加载代码并设置API链接地址](/uploads/java/crmeb_java/20220927/e18dc18bc9e9aef055a56dd738f197d1.png)

![打包H5商城代码](https://doc.crmeb.com/gh/xbdazz/mypic/img/202203281550968.png)

![打包H5代码](https://doc.crmeb.com/gh/xbdazz/mypic/img/202203281551534.png)

![打包出现id不正确怎么办](https://doc.crmeb.com/gh/xbdazz/mypic/img/202203281553492.png)

![uniapp打包成功](https://doc.crmeb.com/gh/xbdazz/mypic/img/202203281557780.png)

![上传H5代码至移动端站点](https://doc.crmeb.com/gh/xbdazz/mypic/img/202203281601519.png)

### H5 项目部署成功

![](/uploads/crmebjavalandmer/crmebjavamer/20221206/8e2fb4fe8325aafc1fb7f40eea730aa7.png)

以上步骤已经将H5商城站点部署成功！

👍👍👍👍👍👍👍👍 Uniapp打包过程中如果出现错误等问题，论坛提问 [Java系统 - CRMEB社区](https://www.crmeb.com/?categoryId=122&sequence=0)

本页目录