uniapp 项目架构，封装

前言：

最近需要搭建一套基于uniapp 的代码模板，适应各平台的快速打包部署，为提高代码复用率，提升生产力，所以需要构建一套优雅的前端项目架构，下面分享记录一下我的封装。

 

代码封装我暂时分为三个层面：

1 底层的封装

缓存处理，第三方API封装，用户信息鉴权处理，网络请求，应用配置，数据统计，数据埋点，全局page对象劫持封装，通用工具类封装（时间处理，通配符取参，文件下载，上传，加密，解密，长链接，音视频播放器），WebRTC（网页实时通信技术），webview通讯

释：这个层面基本都是 js 逻辑代码的封装，可以按需加载

 

2 应用功能模块层面

积分模块，抽奖模块，商城模块，订单模块，会员模块，任务模块

释：这个层面主要是接口能力，页面及相关组件的封装

 

3 组件层面

首页组件，个人中心组件，详情页面组件，地址管理组件，公共弹窗，数据统计-画布

释：这个层面就是纯组件的封装了，跟接口，数据不挂钩，作用是把页面需要用的组件都拆分成小组件，提高复用性和可维护性。

 

未完待续，之后我会持续更新，有宝贵意见的欢迎在评论区指出，谢谢。

 

本文地址：https://blog.csdn.net/qq_35713752/article/details/109263098