前言我儿子今年十岁编程这事我跟他说过很多次。每次结果都一样打开教程网站看到满屏的英文单词和括号他的眼神就逐渐放空。试了三天放弃了说太无聊了。后来我找到了CodeCombat。这玩意本质上是个编程闯关游戏但玩法是写代码控制角色moveRight()往前走attack()打怪hero.moveDown()躲障碍。每一关其实是一道逻辑题但孩子不会觉得他在做题他只觉得在打游戏。过了两关之后我儿子开始自己查文档了——因为卡住了他想赢。把CodeCombat部署在NAS上局域网内打开浏览器就能玩不联网也能学数据存在本地不需要什么账号。部署一次全家能用。这套组合起来之后“学编程从你给我学变成了他想学”。接下来手把手教你如何在极空间上一键部署 CodeCombat开启边玩边学的编程之旅1.在极空间中部署CodeCombat在极空间中打开docker在镜像仓库中搜索ope-codecombat下载同名镜像打开“个人空间”进入docker文件新建“codecombat”文件夹然后在“codecombat”文件夹下再创建mongodata两个子文件夹也可以使用docker命令一键部署dockerrun-itd--restartalways\-p32700:3000\-v/root/codecombat/data:/home/coco/codecombat/data\-v/root/codecombat/mongo:/home/coco/codecombat/mongo\--namecodecombat\operepo/ope-codecombat回到docker中下好的本地镜像运行ope-codecombat这个镜像储存位置填写新建的data和mong文件夹的原始路径:可以修改端口为未使用过的点击应用下载CodeCombat资料dump.tar.gz下载后的文件复制到之前创建的data文件夹中确保ssh开启开启【SSH 服务】使用终端Windows PowerShell / Mac Terminal登录sshrootIP没有ssh的小伙伴可以参考cpolar官网这篇教程《极空间别再吃灰了开启SSH秒变全能服务器》先输入sudo命令获取权限sudo-i完成后再输入命令进入容器dockerexec-itope-codecombat /bin/bash解压刚刚复制进去的压缩文件输入命令cd /home/coco/codecombat/data/ tar -zxvf dump.tar.gz显示成功后开启数据库服务输入命令cd/home/coco/codecombat ./bin/coco-mongodb开启web服务输入命令cd/home/cocoshstart.sh完毕后如不需要解锁所有关卡则可以关闭窗口如要解锁关卡则先不关闭窗口后面还需要输入命令:部署完成后在浏览器中输入http://极空间IP:32770就能看到CodeCombat的界面2.简单使用CodeCombat进入网页后就可以注册信息啦注册后点击尝试玩游戏吧当前只解锁了5关如果全部解锁进入powershell窗口修改数据库数据输入命令mongo use coco db.users.update({name:你游戏注册时设置的用户名},{$set:{earned.gems:9999999, permissions:[godmode,admin]}},true,false);然后可以看到所有地图均解锁了且左下角的蓝宝石直接加到最满。接下来我们来开始边学边玩吧。可以选择我们想要学习的语言游戏开始前会教你输入代码来进行操作例如输入往下走“hero.moveDown()”输入完整代码闯关成功随着闯关数增加代码难度也会提升哦~是不是学习也变得不那么枯燥了你已经在极空间上成功部署了 CodeCombat全家都能在局域网内通过浏览器打开边打怪边学 Python、JavaScript学习变得像游戏一样上瘾但问题来了孩子想在奶奶家继续闯关你想在公司调试教学进度外出时临时想练两关这时候cpolar 就派上大用场了通过它孩子在任何有网络的地方都能继续闯关学习跟我一起来安装吧~3.安装cpolar实现随时随地发文cpolar 可以将你本地电脑中的服务如 SSH、Web、数据库映射到公网。即使你在家里或外出时也可以通过公网地址连接回本地运行的开发环境。❤️以下是安装cpolar步骤使用一键脚本安装命令sudocurlhttps://get.cpolar.sh|sh安装完成后执行下方命令查看cpolar服务状态如图所示即为正常启动sudosystemctl status cpolarCpolar安装和成功启动服务后在浏览器上输入虚拟机主机IP加9200端口即:【http://ip:9200】访问Cpolar管理界面使用Cpolar官网注册的账号登录,登录后即可看到cpolar web 配置界面,接下来在web 界面配置即可打开浏览器访问本地9200端口使用cpolar账户密码登录即可,登录后即可对隧道进行管理。4.配置公网地址登录cpolar web UI管理界面后,点击左侧仪表盘的隧道管理——创建隧道隧道名称可自定义本例使用了:combat注意不要与已有的隧道名称重复协议http本地地址32770域名类型随机域名地区选择China Top创建成功后打开左侧在线隧道列表,可以看到刚刚通过创建隧道生成了公网地址接下来就可以在其他电脑或者移动端设备异地上使用地址访问。访问成功5.保留固定公网地址使用cpolar为其配置二级子域名该地址为固定地址不会随机变化。点击左侧的预留选择保留二级子域名地区选择china Top然后设置一个二级子域名名称我使用的是combat大家可以自定义。填写备注信息点击保留。登录cpolar web UI管理界面点击左侧仪表盘的隧道管理——隧道列表找到所要配置的隧道点击右侧的编辑。修改隧道信息将保留成功的二级子域名配置到隧道中域名类型选择二级子域名Sub Domain填写保留成功的二级子域名地区: China Top点击更新最后我们使用固定的公网地址在任意设备的浏览器中访问可以看到成功访问的页面这样一个永久不会变化的二级子域名公网网址即设置好了。这样我们不管在哪都可以随时学习随时玩了~总结CodeCombat不是什么神奇的魔法它只是把编程语言藏进了游戏的逻辑里。很多孩子不是学不会是传统教程让他们觉得自己在学一门枯燥的外语。CodeCombat解决不了所有问题但它能让第一行代码这件事变得不需要勇气。部署在NAS上之后相当于在家里搭了一个永不关闭的游戏服务器。关掉路由器也能跑不用注册账号不用看广告。这个体验跟在线版是有本质区别的。