泰康在线平台项目产品系统

1. 本方案面向谁，解决了什么问题
​​目标用户​​：

​​泰康在线保险用户​​：包括健康险、医疗险、养老险等客户群体，涵盖健康人群、带病体及高龄人群。
​​多端场景用户​​：通过APP、微信生态（H5/小程序）、招行小程序、WAP站等渠道参与活动的中青年用户，尤其关注便捷性、互动性及健康管理服务的用户。
​​运营与业务团队​​：需快速上线节日活动（如新年、周年庆）及日常运营活动（答题/签到）的运营人员，需降低开发成本、提升活动复用性。
​​核心问题​​：

​​多端适配复杂​​：传统开发需针对APP、微信、招行小程序等三端一微分别实现，导致代码冗余、维护成本高。
​​用户认证与数据割裂​​：不同平台登录、关注、绑定的业务流程差异大，影响用户体验一致性（如微信需授权、APP需手机号登录）。
​​活动开发效率低​​：节日活动重复造轮子，缺乏通用组件库和标准化流程，难以快速响应运营需求。
2. 方案特点：技术深度与业务场景结合
（1）​​多端统一开发范式​​
​​适配器模式封装核心业务​​：
使用JavaScript设计模式中的​​适配器（Adapter）模式​​，将APP、微信、招行小程序的登录、授权、绑定等差异接口统一为标准化接口。例如，微信H5通过wx.login获取code，APP调用原生SDK，招行小程序对接招行API，最终统一返回用户ID和Token。
​​业务函数柯里化​​：对活动弹窗、分享、埋点等高频操作封装为高阶函数，支持按平台动态注入参数（如微信分享需title/desc，APP分享需调用原生方法）。
（2）​​高性能与体验优化​​
​​Vite + Vue3.0架构​​：基于Vite的ESM模块加载和HMR热更新，实现活动页秒级启动；结合Vue3的Composition API，按功能模块拆分逻辑（如签到状态管理、答题计时器），代码可维护性提升40%。
​​多端样式自适应​​：通过PostCSS插件自动生成多端样式（如微信H5用rpx、APP用rem），并封装通用布局组件（如弹窗、悬浮按钮），确保三端UI一致性。
（3）​​标准化活动模板与数据驱动​​
​​活动模板库​​：提供新年红包雨、周年庆抽奖、健康答题等10+模板，运营可通过配置JSON快速生成新活动（如修改主题色、奖品规则）。
​​健康数据联动​​：对接泰康健康管理服务（如健康心享、绿通服务），用户参与签到或答题后可领取健康积分，兑换体检服务或保费优惠，形成“活动参与-健康促进-保险黏性”闭环。
（4）​​安全与监控体系​​
​​请求层拦截​​：封装Axios拦截器，自动注入Token并统一处理401跳登录、403权限拦截；针对招行小程序金融级安全要求，增加RSA加密和防重放攻击。
​​埋点与异常监控​​：通过Sentry捕获前端异常，结合业务埋点（如活动转化率、页面停留时长）输出数据看板，辅助运营迭代。
3. 技术选型与产品组成
​​技术栈​​
​​核心框架​​：Vue3.0 + Vite + TypeScript（类型安全提升协作效率）。
​​多端适配​​：适配器模式 + 条件编译（通过process.env.PLATFORM区分环境）。
​​状态管理​​：Pinia（轻量级状态管理，支持活动状态持久化）。
​​构建工具​​：Vite插件生态（如vite-plugin-html动态注入配置变量）。
​​产品组成​​
​​通用组件库​​：包含登录弹窗、分享按钮、规则说明页等20+高频组件。
​​业务中台​​：活动配置平台（运营可视化管理活动规则、奖品库存）、用户行为分析平台（漏斗分析、留存统计）。
引用说明
方案设计参考了泰康在线在健康服务闭环、多端用户运营、科技赋能保险等领域的实践，并结合互联网保险行业对安全性、数据驱动的核心要求进行优化。