技术选择
分包目前不支持Vue3
个人选择考虑:
1、vue2由于官方不维护了,所以uniapp也不维护了。
2、vue3使用proxy,不支持ios9。
3、目前插件市场中 vue2开发的插件占比更大。
4、如果app页面较多,需要开启分包,但是目前uniapp在vue3下,app分包不生效。
结论:所以选择用vue2版uniapp开发,但是需要注意,不能使用cil创建项目,否则在打包的时候会白屏。要通过HbuilderX创建项目。
设计相关
启动界面设置
安卓端官方推荐 .9.png格式图片 (设计留意)
tab栏icon设计
icon 大小限制为 40kb,建议尺寸为 81px * 81px
视频/音频相关
video支持
- App平台: 支持本地视频(mp4/flv)、网络视频地址(mp4/flv/m3u8)及流媒体(rtmp/hls/rtsp)。
后期管理端需要对上传的视频做限制。或者不用原生的video,使用其他付费Api
- App平台:使用 <video/> 组件,打包 App 时必须勾选 manifest.json->App 模块权限配置->VideoPlayer 模块。此模块体积较大,非默认内置。
- App平台:如果使用的视频路径为本地路径,需要配置资源为释放模式:在 manifest.json 文件内 app-plus 节点下新增 runmode 配置,设置值为liberate。
- App平台:如果想使用非原生的video,即原来普通的html5自带video,可使用web-view组件load html页面,在其中使用普通h5 video。
- App平台:app-vue即使选择了使用x5内核,也不会使用x5的video播放,仍然使用uni-app的App引擎自带的原生视频播放。
- App平台:3.6.14 以及 手机系统 iOS16 以上video全屏 需要配置应用支持横屏: 在 manifest.json 文件内 app-plus 节点下新增 screenOrientation 配置,设置值为["portrait-primary","portrait-secondary","landscape-primary","landscape-secondary"]。
音频支持
全屏渲染video
video层级过高,其他标签无法盖过video,这个时候需要使用cover-view 。
- app端 2.1.5 以上nvue页面的video也可以通过cover-view来绘制界面覆盖元素
cover-view标签需要注意 :使用nvue开发