小程序应用
小程序应用是基于 uni-app 框架构建的跨平台小程序，支持微信、支付宝、抖音等多个平台。
技术栈
- 框架: uni-app
- 语言: Vue 3 + TypeScript
- UI: uni-ui
- 状态管理: Pinia
- 样式: SCSS
- 构建工具: HBuilderX
支持平台
微信小程序
- 微信支付
- 微信登录
- 微信分享
- 微信客服
支付宝小程序
- 支付宝支付
- 支付宝登录
- 支付宝生活号
- 支付宝客服
抖音小程序
- 抖音支付
- 抖音登录
- 内容分享
- 直播互动
核心功能
用户功能
- 用户登录
- 个人中心
- 订单管理
- 收藏管理
业务功能
- 智能体使用
- 对话记录
- 数据同步
- 消息通知
平台集成
- 多平台适配
- 统一接口
- 数据同步
- 权限管理
开发指南
环境搭建
cd hosts/miniApp
pnpm install
# H5 开发
pnpm dev:h5
# 小程序开发
pnpm dev:mp-weixin
构建部署
# H5 构建
pnpm build:h5
# 微信小程序
pnpm build:mp-weixin
# 支付宝小程序
pnpm build:mp-alipay
项目结构
src/
├── api/ # API 接口
├── components/ # 组件
├── pages/ # 页面
├── static/ # 静态资源
├── store/ # 状态管理
├── utils/ # 工具函数
├── mixins/ # 混入
└── style/ # 样式
平台适配
条件编译
<!-- #ifdef MP-WEIXIN -->
<view>微信小程序</view>
<!-- #endif -->
<!-- #ifdef MP-ALIPAY -->
<view>支付宝小程序</view>
<!-- #endif -->
<!-- #ifdef H5 -->
<view>H5 应用</view>
<!-- #endif -->
API 适配
- 统一接口封装
- 平台特性处理
- 错误处理
- 数据转换
开发规范
代码规范
- Vue 3 Composition API
- TypeScript 严格模式
- 组件化开发
- 样式隔离
性能优化
- 图片懒加载
- 分包加载
- 缓存策略
- 网络优化
部署配置
环境变量
UNI_PLATFORM: 目标平台UNI_APP_ID: 应用 IDVUE_APP_API_URL: API 地址
发布流程
- 代码审核
- 版本管理
- 平台提交
- 审核发布