## 打包前准备 1. 一个主域名,3个子域名共计4个域名 2. 主域名用于访问移动端,子域名1用于访问后台,子域名2用于访问Java Api,子域名4用于图片资源访问 3. 举例4个域名,下文中会用此来代替 > 1. 移动端 ---> https://www.app.com > 2. PC 后台 ---> https://admin.app.com > 3. Java Api ---> https://api.app.com > 4. 图片资源 ---> https://image.app.com # 1、打包Java项目 > 1. 把Java项目导入idea 2. ![](https://img.kancloud.cn/d5/1c/d51c496b61c0b0ae3f011f52334147b3_489x489.png) 3. 选择项目中的 crmeb文件夹,也就是Java Api子项目 ![](https://img.kancloud.cn/b5/a7/b5a728102c0c1a1995aeda98dd1b050a_84x104.png) 4. 等项目自动载入完成 5. 项目配置 根据自己的实际情况配置![](https://img.kancloud.cn/74/0d/740d50f1fda3fe5a10c5ed6e367478f9_1402x930.png) 6. shell部署脚本配置 ![](https://img.kancloud.cn/39/4c/394cee5a4dae6497fbf6a4958d9961ce_1207x703.png) 7. 打包项目 ![](https://img.kancloud.cn/25/ad/25ada817fd9f645d14c345b06637bf2d_1787x1055.png) 8. 开源不易,我司统计下安装量,只有首次部署会统计,不会有任何影响,请根据自己的具体情况修改下,版本号不需要修改 ![](https://img.kancloud.cn/78/6e/786e5042668e79bb831c1d034cb7301d_1215x666.png) 12. 看见 BUILD SUCCESS 打包完成![](https://img.kancloud.cn/9b/03/9b0325187c1d3953581cc47c7b3aa52f_1787x1055.png) # 2 、打包admin子项目 > 1. Linux/Mac 打开终端,Windows下载 Xshell打开软件 > 2. cd 到 admin文件夹目录 3. ![](https://img.kancloud.cn/0b/b3/0bb339091a33996a8985d8ff757a954e_1201x765.png) 4. 修改配置 ![](https://img.kancloud.cn/30/fd/30fda28a8ebc1c4c657c29152eb30aef_248x585.png) > 5. 根据自己打包的环境配置Java Api项目请求域名 ![](https://img.kancloud.cn/fb/b7/fbb76ea2751deb55eafbfb1cee1aa2e5_959x575.png) > 6. 执行 npm install 打包命令修改![](https://img.kancloud.cn/73/6b/736b99e65be1fb10ae333991a22f74b0_1221x563.png) > 7. 执行 npm run build:prod 线上环境 build:prod 线上环境 > 8. 打包完成之后在 admin下找到 dist目录,把dist目录下的文件夹以及文件上传到 服务器对应的站点目录即可 【此处不包含dist文件夹,是dist文件夹下面的文件】 # 3、app项目打包,使用uniapp 1. [uniapp官网](https://uniapp.dcloud.io/) 2. [下载uniapp开发者工具 ----> Hbuilder X](https://www.dcloud.io/hbuilderx.html) 3. 如果需要打包小程序则需要下载 [微信开发者工具](https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html) 4. 微信开发者工具可根据自己的电脑系统下载 ![](https://img.kancloud.cn/3d/2d/3d2db3c37f82bf828b2cba540996d8d4_1581x874.png) ``` 最外层项目包中有一个 domain.json文件,需要根据自己实际情况修改此文件内容 ``` ![](https://img.kancloud.cn/05/0d/050d59299619a82ed2f06d7e1dc371e7_948x370.png) ## Hbuilder X 打包 H5 1. 打开Hbuilder X 点击 `文件 ` ![](https://img.kancloud.cn/36/2f/362f162be1eba7e27408762803ea9969_545x412.png) 2. 本地测试点击 `运行` ![](https://img.kancloud.cn/5e/e2/5ee20d54661e5a35cce04944ddf62570_618x150.png) 3. 线上打包点击 `发行` ![](https://img.kancloud.cn/1f/44/1f44d1158a4743264816fcbcba4f5f9f_741x466.png) 4. 打包的时候出现下图点 `击发` 行即可,不需要输入域名![](https://img.kancloud.cn/b2/54/b254fc715ce71ccd2ac62a7470bcf80d_550x247.png) 5. 打包成功如下图![](https://img.kancloud.cn/c7/19/c719bae85408a2f105d818849d9c86f5_1310x1020.png) ## 小程序必须使用 微信开发者工具来打包,且需要配置公众号 appid,具体操作参考微信官方