记录我的生活日常
## 项目简介 lifeRecord 是一款基于 UniApp 开发的跨平台生活记录应用，旨在帮助用户轻松记录日常生活中的点点滴滴。该应用支持文字、图片、视频等多种形式的内容发布，并提供社交互动功能，如点赞、评论等。 主要功能包括： - 用户认证（登录/注册） - 内容发布（文字、图片、视频） - 社交互动（点赞、评论） - 实时消息推送 - 私信聊天 - 个人资料管理 ## 技术栈 - **框架**: UniApp + Vue3 - **状态管理**: Pinia - **UI 组件库**: uView Plus - **持久化存储**: pinia-plugin-persistedstate - **实时通信**: WebSocket - **样式**: SCSS ## 功能模块详解 ### 1. 首页 (Home) 展示用户发布的动态内容，支持下拉刷新和上拉加载更多。用户可以浏览、点赞和评论其他用户的发布内容。 特性： - 支持图文内容展示 - 下拉刷新和上拉加载更多 - 点赞和评论功能 - 图片预览功能 ### 2. 短视频 (Video) 短视频浏览功能，支持播放和互动。 特性： - 短视频播放 - 点赞和评论功能 - 视频播放统计 ### 3. 发布 (Publish) 用户可以发布包含文字和图片的内容。 特性： - 支持文字和图片发布 - 最多支持9张图片 - 内容隐私设置（公开/私密） - 文字长度限制（200字符） ### 4. 消息 (Message) 实时消息中心，包含系统通知和个人私信。 特性： - 私信聊天功能 - 系统通知 - 未读消息提醒 - 实时消息推送 - 消息震动和声音提醒 - 免打扰时段设置 ### 5. 我的 (Profile) 用户个人信息管理和设置。 特性： - 用户信息展示 - 头像修改 - 联系人列表 - 系统通知查看 - 退出登录 ### 6. 登录/注册 (Auth) 用户身份验证功能。 特性： - 用户登录 - 用户注册 - 自动WebSocket连接建立 ## 项目结构 ``` lifeRecord/ ├── api/ # API接口封装 │ ├── notification/ # 通知相关接口 │ ├── publish/ # 发布相关接口 │ ├── upload/ # 上传相关接口 │ ├── user/ # 用户相关接口 │ └── video/ # 视频相关接口 ├── components/ # 公共组件 ├── pages/ # 页面组件 ├── static/ # 静态资源 ├── stores/ # 状态管理 ├── utils/ # 工具函数 └── App.vue # 根组件 ``` ## 核心技术特性 ### WebSocket 实时通信 本项目集成了 WebSocket 实时通信功能，用于处理私信和系统通知： - 自动重连机制 - 消息确认机制 - 心跳检测 - 多设备兼容（包括微信小程序） ### 消息通知系统 - 私信聊天功能，支持实时消息传输 - 系统通知推送 - 未读消息计数和状态管理 - 设备震动和声音提醒 - 免打扰时段设置 ### 状态管理 使用 Pinia 进行状态管理，具有以下特点： - 模块化的状态存储（私聊消息、系统通知等） - 数据持久化（使用 pinia-plugin-persistedstate） - 响应式的未读消息计数更新 ## 安装与运行 ### 环境要求 - Node.js >= 14.x - HBuilderX 或 VSCode + 相关插件 ### 安装依赖 ```bash npm install ``` ### 运行项目 #### 运行到H5 ```bash npm run dev:h5 ``` #### 运行到微信小程序 ```bash npm run dev:mp-weixin ``` #### 运行到APP ```bash npm run dev:app ``` ### 构建生产版本 ```bash npm run build:h5 ``` ## 部署 ### 前端部署 构建完成后，将 dist 目录下的文件部署到服务器即可。 ### 后端服务 本项目需要配合后端服务使用，API 接口配置在 [utils/request.ts](utils/request.ts) 文件中。 ## 贡献指南 欢迎提交 Issue 和 Pull Request 来改进项目。 ## 许可证 [MIT](LICENSE)