uni-app任务中心混合开发

教育高等教育案例ID：209982

ye曄

6 年经验· 壹药网耀方科技(上海)股份有限公司

微信扫码沟通，客服可协助直接对接工程师；如当前档期不合，也可继续推荐相似案例作者。

案例介绍

uni-app 任务中心混合开发模块、适配手机 app、小程序、h5：
一、项目简介：toc 产品功能模块提供给用户（学习老师、家长）布置自定义作业、寒假作业、阅读作业等模块、提供 uni 端附件能力支撑。
二、项目指责：整体前端 uni 项目从头搭建、全程设计 uni 模板项目、项目难点攻克。
三、技术栈：uni+Vue3+TS+vite
四、技术难点实现： 1、①文件的自动引入项目功能。②全局状态管理二次封装，方便引用。③uni 端路由器封装，更符合 vue3 的开发规范。④网络工具类封装、h5 夸端兼容、uni 端登录逻辑，用户信息的存储、相关 cookie 的写入。⑤、prettier、stylelint、eslintrc 引入，保证代码一致性等。2、总结完成一套 uni 端附件上传以及附件的展示、压缩流程。对 iOS 原生相机拍摄的 heic.格式图片进行格式转换，以及压缩，避免上传超市问题。安卓、苹果原生图片的压缩，从 3M 大概压缩到 300kb 左右，压缩到 70%-90% 音频附件的录制、保存、选择、播放封装。视频的调用原生能力选择、播放流程。 3、整理了一套 uni 到原生、uni 到 h5、h5 到 uni、原生到 uni 等同学流程机制，以及相关协议实现方案的利弊。安卓和 iOS 根据不同业务形式，采用通信或者插件的方式。等等。