09.02 商城移动端启动运行与打包



介绍

启动和运行项目说明

修改连接配置

• 如果运行本地浏览器,需要修改 /vite.config.js 中的 url 为自己后台服务的连接地址
• 如果运行小程序或 App,需要修改 /config/env.js 中的 basePath 为自己后台服务的连接地址

概述

• 运行到小程序

1. 首先必须在 manifest.json 文件中配置后台已添加的微信小程序 appId
2. 然后选择菜单中的 运行到微信开发者工具
3. 在微信开发工具中点击右上角[详情]-[本地设置]勾选上：不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书
4. 重新运行即可实现 预览

• 运行到微信公众号(H5)

注意！！！由于微信新增（2020/09/25）了【点金计划】功能，用户在支付完成后微信会自动将H5的浏览器关闭。具体原因由微信引起，暂时没有很好的解决办法，如有需要请查看微信点金计划产品文档。

1. 选择菜单中的 运行到内置浏览器
2. 打开微信开发者工具
3. 在启动页面左边选择点击 公众号网页项目-公众号网页
4. 在微信浏览器中输入本地启动的h5地址，注意：地址必须加上tenant_id和app_id，例：http://test4.joolun.com/?tenant_id=1&app_id=wx88888888888

小程序本地测试和手机预览问题

本地小程序运行开发时需要注意的事项

注意以下5点设置：

1、在微信开发者工具中勾上：不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书

2、服务器地址basePath（joolun-plus-uniapp/config/env.js）不得使用localhost，而应改成本地服务器所在的电脑IP

3、如果使用手机预留,需要注意请求地址是否为本地地址,如果是本地地址那么手机和电脑（本地服务器）需要连接同一局域网（WIFI网络）

进入小程序后，此时页面的数据依旧是空的；点击右上角三个点，打开调试

打开调试后会自动关闭当前小程序，需要重新进入，调试模式才生效

重新进入小程序，可以看到页面数据已经出来了，并且右下角有个绿色方形的调试工具按钮

4、关闭电脑的防火墙，确保手机能访问到后台服务

微信小程序直播问题

只有已经开通了微信小程序直播的微信小程序账号才能使用微信小程序直播 05.08-小程序直播功能

打包APP和上架APP

打包APP请查看Uniapp官方文档, 上架APP一般都需要备案,且各应用市场都有不同的备案要求,具体请查看对应的应用市场

打包APP项目需要修改的文件:

/config/env.js //修改请求地址和租户ID
/manifest.json //修改应用名称、图标、微信支付AppId[App模块配置-支付-appid]
/androidPrivacy.json //安卓隐私弹框内容和隐私内容http连接配置

• Uniapp打包APP说明
• Uniapp上架APP说明