源码系统概览
文章正文
SBTI 最新开源版是一套 MBTI 类人格测试小程序源码,基于 uni-app 开发,可一键打包为微信小程序与 H5 页面。
项目内置 SBTI 与 NBTI 两套测试体系及丰富的类型解读数据,适合做人格兴趣科普、自我认知类小程序的起点。
源码简介
源码主目录为 SBTI最新开源版,包含 App.vue、main.js、pages.json、manifest.json 等 uni-app 标准文件,sbti-weapp-main、sbti-original、nbti 为不同测试入口。
data 目录承载 personalityTypes.js、types.js 等类型与题面数据,outcomes 提供各类型的长篇解读文案,pages 下分首页、wiki 知识库与测试、结果页。
随包附带 HBuilderX 打包 uni-app 微信小程序教程文档,降低初次上手的门槛。
整体采用数据驱动设计,题面、类型与解读文案全部以独立 JS 文件维护,新增题型或调整维度无需改动页面逻辑,二次开发门槛低。
包内教程文档覆盖 HBuilderX 打包微信小程序的完整步骤,新手也能较快完成首次发布与预览。
适用场景
适合心理科普、职场性格测评、社交破冰类小程序的搭建,也可作为学校或社群自我认知活动的轻量工具。
功能亮点
内置 SBTI 与 NBTI 双题库,结果页给出类型标签与详细解读,wiki 页补充人格知识,内容厚度足够直接运营。
uni-app 跨端特性让一份代码同时输出微信小程序与 H5,降低多端维护成本。
类型数据与解读文案以独立 JS 维护,新增题型或调整维度无需改动核心逻辑,便于二次定制。
| 维度 | 本套源码 | 同类通用方案 |
|---|---|---|
| 技术栈 | 前端:uni-app(Vue 语法,可打包微信小程序、H5、App) 后端:纯前端静态(结果数据内置,无需独立后端) |
依具体方案选型,需自行搭建与维护 |
| 部署方式 | 用 HBuilderX 打开 SBTI最新开源版 目录,配置 manifest.json 中的微信小程序 AppID,运 | 多托管于第三方平台或订阅云服务 |
| 功能侧重 | 内置 SBTI 与 NBTI 双题库,结果页给出类型标签与详细解读,wiki 页补充人格知识,内容厚度足够直接运营。 | 功能通用,定制深度有限 |
| 数据归属 | 数据自持,部署在自有服务器,不出站 | 数据通常留存于服务商侧 |
| 成本模式 | 获取后自主部署,无持续授权费用 | 通常按订阅或调用量计费 |
技术栈与运行环境
前端:uni-app(Vue 语法,可打包微信小程序、H5、App)
后端:纯前端静态(结果数据内置,无需独立后端)
数据库:无(测评数据本地内置)
运行环境:Node.js + HBuilderX,微信小程序需开发者工具
其他依赖:HBuilderX 用于编译打包,无需服务端数据库
技术架构与部署指南
安装与部署提示
用 HBuilderX 打开 SBTI最新开源版 目录,配置 manifest.json 中的微信小程序 AppID,运行到小程序模拟器或浏览器预览。
发布时通过 HBuilderX 发行微信小程序或 H5,按包内教程文档完成微信后台域名与证书配置即可上线。
截图与演示说明
小程序首页提供测试入口与类型概览,进入 quiz 答题页后逐题作答,loading 页过渡后跳转 result 结果页展示人格类型与解读。
wiki 知识库页以图文形式科普各维度含义,sbti-original 与 nbti 提供另一套题本与结果呈现,整体阅读体验完整。
部署后于 HBuilderX 模拟器或微信开发者工具中即可查看真实界面,题库与解读文案直接在页面渲染。
常见问题
问:如何修改题目或类型解读?
答:编辑 data 目录下的 types.js 与 personalityTypes.js,以及 outcomes 中的解读文案,无需改动页面逻辑即可更新内容。
问:能否同时出小程序和 H5?
答:可以,uni-app 支持一套代码多端发行,在 HBuilderX 中分别执行微信小程序与 H5 发行即可。
安全风险提示
特别提示:本源码未检测安全风险文件,下载后请务必进行安全审计,删除恶意代码后再部署使用!
下载说明
源码仅供学习研究、测试部署和二次开发参考,商用前请自行确认授权、版权和安全风险。
人格测评内容仅供娱乐与自我认知参考,对外运营请注意内容合规与用户提示,完成安全审计后再上线。