Blockly Games作为一款免费面向大众的应用，以其简单的使用方式、清晰的界面逻辑与完整的流程体验为人们所称赞，许多学校会以Blockly Games作为计算机第一堂课的引入工具，激发学生们对于课程的兴趣。
然而，由于不同国家对于儿童保护的法律条规不一，Google并没有为Blockly Games提供“用户机制”。这为教学带来的很多不便，学生的进度与完成情况没有统一的收集机制，不利于老师更充分的了解学生的学习情况；在每个人都拥有多个设备的今天，没有账号机制很难在多个设备间保持进度的同步；Blockly Games本身没有提供吸引孩子完成关卡，优化关卡，不断深化学习的机制。
鉴于以上因素，本项目致在为Blockly Games做一些加强，弥补目前的不足。
本项目借鉴了v-login，使用前后端分离的架构
- Vue2作为前端框架，实现登陆注册页面，以及对Blockly Games的封装
- Node Express作为后端框架，接收前端发送的请求，并负责与数据库交互
- MongoDB作为存储用户信息与关卡进度的仓储
-
安装环境：
- 建议使用NodeJS 16 lts版本，使用下述命令更新NodeJS源：
curl -sL https://deb.nodesource.com/setup_16.x | sudo -E bash - sudo apt-get update && sudo apt-get install -y mongodb nodejs
- 建议使用NodeJS 16 lts版本，使用下述命令更新NodeJS源：
-
克隆仓库：
git clone https://github.com/Morphlng/blockly_games_advanced.git -
进入根目录：
cd blockly_games_advanced -
安装前端依赖：
npm install -
安装后端依赖：
cd server && npm install -
根据public/blockly_games/Readme.md的指南，下载并解压blockly-games原始文件到指定目录
注：使用国内网络安装前端npm依赖时，可能会遇到Cypress安装失败的问题。
-
共有两处在部署时需要修改：
- 前端：
src/api/url.js中，请将production对应的地址改为你后端服务器的：{ip/域名}:{端口} - 后端：
server/bin/config.js中，请按照提示修改所有服务相关的地址、端口等信息
对开发而言，除邮箱信息以外均可保留
- 前端：
-
回到根目录：
cd blockly_games_advanced -
启动前端：
npm run serve -
启动后端：
cd server && npm run start
注：前后端需要在不同shell中启动，或使用nohup、&等命令后台启动
- Fork 本仓库
- 新建 Feat_xxx 分支
- 提交代码
- 新建 Pull Request