MBTI 人格测试 H5 是一套以小说角色为主题的互动心理测试源码：12 道题算出四字母人格类型，匹配到对应角色，再生成一张带印章美学的分享海报。它的商业价值不在”测出你是谁”，而在把测试结果变成可传播的海报——这是这类裂变活动的转化枢纽。
这套测试是怎么算出人格类型的？
题库共 12 道，覆盖 MBTI 的四个维度各 3 题：外向/内向、实感/直觉、理智/情感、判断/知觉。每题两个选项，用户选完自动进入下一题，进度存本地；答完自动提交服务端，按各维度得分累加得出四字母类型。
一个值得注意的实现细节：服务端算一份，前端也独立算一份做对比。这在离线/弱网场景下能兜住结果页不至于空白，也便于排查计分逻辑差异。
海报是怎么生成和传播的？
结果页展示角色印章、书法图、MBTI 类型徽章、人格解读、角色语录与专属寄语。页面加载 1.5 秒后弹出信息填写框——这个时机是刻意设计的：先让用户被结果吸引，再要留资，转化率明显高于开屏就要手机号。
海报生成有两条路径：
| 模式 | 触发条件 | 产出 |
|---|---|---|
| AI 生成 | 调用 AI 图片接口成功 | 整张海报图 |
| 手动组装 | AI 图缺失或接口失败 | 前端拼接角色印章+角色名+类型+文案+二维码+品牌信息 |
后者是重要的降级方案——AI 接口不稳定或额度用完时活动不至于中断。海报支持保存到本地和 Web Share API 分享，两个动作都上报统计，便于计算传播系数。
用户填写的信息怎么存？
结果页表单字段（姓名、手机号、渠道、留言）由后台 H5 配置动态控制，不需要的字段可直接关掉。姓名与手机号以 AES-256-CBC 加密入库，管理员查看时才解密显示，导出的 CSV 同样是解密后的明文数据。
合规侧还有三处：引导页必须勾选隐私协议才能开始测试；协议内容后台富文本可改；活动结束可在后台一键关闭测试开关。
后台能管哪些东西？
- 数据看板：总测试人数、当日人数、有效留资数、MBTI 类型分布饼图、角色人气排行、海报生成次数、AI 调用次数、分享次数，每 60 秒自动刷新
- 题库管理：题目增删改查、富文本编辑、设置维度与选项分值、按权重排序、JSON 批量导入导出
- 角色管理：名称、MBTI 类型、印章/书法/海报图片（上传或 AI 生成）、描述与寄语
- 用户数据：按类型/角色/手机号/日期范围筛选，单删、批量删、导出 CSV、清空
- 系统配置：H5 基础信息、社交分享文案、活动开关（含是否允许重复测试）、隐私协议
- AI 图片缓存：调用次数统计、按类型与角色筛选、预览、重新生成、删除
初始化数据含 12 道题、10 个角色、2 条示例用户记录与默认配置，装完即可跑通。全部后台操作走 JWT 鉴权，每次增删改写操作日志。
需要提醒的是：这套源码的主题素材来自商业小说 IP，二次运营前需自行处理角色形象与文案的授权问题，不能默认拿了就能商用。