【AIAppMarket项目】第一阶段-mbti示例小程序开发

技术

• React
• Taro 3.x 跨端开发框架：Taro 文档
• Taro Ul 组件库：Taro UI | O2Team
• 题库和分析算法都可以固定下来，因此暂时可以无需后端数据库

开发大致过程

taro初始化项目：

taro init mbti-test-mini

开发过程类似于web网页开发，主要是对各网页跳转的逻辑开发和美化。

页面间数据传递

需求:题目结果页面需要得到做题页面用户选择的答案列表，才能进行评分
方法1:url params 比如:result?answerList=[A,B,C]
Taro 文档
方法 2:全局状态
Taro 文档
方法 3:本地数据存储 Taro.setStorageSync(key, data) (推荐，较为简单)
Taro 文档

实时测试项目 

项目初始化完成后，先不要急着改代码，而是要先快速安装完依赖、运行、验证能否正常运行，并注意配置开发规范，如prettier。

• build:weapp:打包上线前再使用，体积通常更小
• dev:weapp:开发测试时使用，可以即时编译，自动更新小程序的效果；

运行之后，微信开发者工具查看项目，可以使用测试号:

下载地址：微信开发者工具下载地址与更新日志 | 微信开放文档

学习小结：

1. 开发过程中，webstorm、开发者工具均可能出bug，许多时候代码编译出错可以通过清理缓存或重启来解决。
2. 可以安装codeGeeX插件来辅助开发
3. 扩展：目前只是一个纯前端的开发示例，后续可以设计更专业的评分标准；开发做题进度条；扩展为前后端项目
4. git提交时遇到的一些问题：
   1. 在 git push -u origin master 的时候遇到错误信息：意思是本地分支落后于远程分支。这通常是因为远程分支上有新的提交，而这些提交尚未被合并到你的本地分支中。要解决这个问题，你需要先将远程分支的更改拉取到本地，然后再推送你的更改：git pull origin master。
   2. 但是仍然有可能因为本地仓库和远程仓库的历史不一致被拒绝，可能是因为git仓库中有本地没有的文件，例如在新建仓库时添加了README.md文件。要解决这个问题，可以使用--allow-unrelated-histories 选项强制 Git 合并不相关的历史：

      git pull origin master --allow-unrelated-histories

      然后就可以进行push上传