### 说明
- 商城用户移动端（joolun-plus-uniapp）支持编译成微信小程序、公众号H5、ios和安卓App的，以下是各端的编译说明
项目导入HBuilder并安装依赖
- HBuilder X打开（文件-导入-从本地目录导入）商城端代码（joolun-plus-uniapp）
- 在joolun-plus-uniapp目录下运用如下命令
npm install --registry=https://registry.npmmirror.com
小程序端（joolun-plus-uniapp）部署【未接入微信第三方平台情况】
-
登录小程序的微信公众平台（https://mp.weixin.qq.com） ，设置服务器域名 （建议参考JooLunPro后台官方添加的服务器域名）
将服务器域名即后台（joolun-plus-ui）的域名、OpenIM域名、文件系统域名、微信头像域名(thirdwx.qlogo.cn、wx.qlogo.cn)添加到域名列表中（配置完后，微信开发者工具要重启才能生效）
-
修改配置文件（joolun-plus-uniapp/config/env.js）中的服务器地址basePath，改为上面配置的生产环境域名地址，必须https协议
-
后台【小程序管理】中增加自己的小程序账号
-
配置manifest.json文件
- 发行到微信开发者工具（请确保已经安装微信开发者工具），生成环境直接发行到微信小程序，体积会小一些
-
关闭微信开发者工具的不校验合法域名（把勾去掉）
-
编译小程序
看小程序能否成功加载出数据
-
小程序成功加载出数据后即可上传小程序代码
-
上传成功后登录微信公众平台，配置隐私协议、小程序订单中心path，提交审核
-
待微信官方审核通过后，发布代码
小程序端（joolun-plus-uniapp）部署【已接入微信第三方平台情况】
- 请看文档：05.06-小程序第三方平台授权管理
公众号H5端（joolun-plus-uniapp）部署
-
-
填好标题和域名，直接点发行
-
观察下面控制台，编辑成功后会生成一个h5的包（joolun-plus-uniapp/unpackage/dist/build/h5）
-
上传打包后的h5文件夹到/mnt/install/joolun-plus/目录下
-
到你的域名服务商平台将h5端需要使用的域名（对应下面nginx中要配置的server_name）解析指向到你服务器的公网IP，不同服务商平台操作不同这里不做详细说明，不懂的可以联系自己的服务商或百度
修改nginx配置
#vi /etc/nginx/conf.d/default.conf
不同版本的nginx配置文件有所不同根据自己实际版本操作
在http {}标签中增加一个80的server，代码如下 ``` server { listen 80; server_name pro-mall.joolun.com www.pro-mall.joolun.com;
root /mnt/install/joolun-plus/h5/;
location / {
try_files $uri $uri/ /index.html;
}
location ~* ^/(mall|mallapi|upms|code|live) {
proxy_pass http://127.0.0.1:9999;
#proxy_set_header Host $http_host;
proxy_connect_timeout 15s;
proxy_send_timeout 15s;
proxy_read_timeout 15s;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
# For WebSocket upgrade header
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
}
# 避免端点安全问题
if ($request_uri ~ "/actuator"){
return 403;
}
}
```
-
重启nginx
# systemctl restart nginx.service -
发布成功后可以直接在外部浏览器访问http://域名/?tenant_id=1， （地址后面要加上tenant_id租户ID，否则后报错），如果能加载出数据就说明项目已经跑起来了
-
微信公众平台配置授权域名（左边栏目-设置-公众号设置），将h5商城（joolun-plus-uniapp）的访问域名配到JS接口安全域名、网页授权域名中
- 绑定web开发者工具（左边栏目-设置-开发者工具）
- 后台获取页面的公众号h5访问地址，此地址即为公众号自定义菜单的页面访问地址
- 微信开发者工具中访问上面获取到的页面地址
普通浏览器H5端（joolun-plus-uniapp）
- 公众号H5端运行成功后普通浏览器H5端就自然可以访问了
- 普通浏览器H5端和公众号H5端区别就在于url参数的不同，普通浏览器H5端参数中只需带上tenant_id即可，直接在外部浏览器访问http://域名/?tenant_id=1
用户端APP（joolun-plus-uniapp）打包
-
修改
joolun-plus-uniapp/config/env.js中的basePath和appUpdateUrl；basePath可以是后台（joolun-plus-ui）访问地址，也可以直接是网关服务（默认：ip:9999）的访问地址；appUpdateUrl只能是后台（joolun-plus-ui）访问地址，因为json文件直接放在后台（joolun-plus-ui） -
修改
joolun-plus-uniapp/config/env.js中的tenantId，一个租户一个app，默认租户1 -
修改
joolun-plus-uniapp/config/env.js中的h5HostUrl，h5HostUrl是app中分享链接的前段地址，即H5端的访问域名。在app中分享到微信的其实就是对应的H5端地址 -
修改
joolun-plus-uniapp/config/env.js中的privacyPolicyUrl、protocolUrl，在各个平台上架APP应用时必须要有隐私协议 -
进行云打包，注意：正式生产环境一定要使用自有证书，公共测试证书有些手机会报风险
-
云打包完成后下面的控制台会有apk的下载链接，高峰期可能要排会队