Dev Setup: Linux

Table of Contents

Requirements
Cloning
Installing Dependencies
Database Import
Running

Database
Development Server
Ubuntu 14.04.4 自动安装脚本

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

Requirements

You will need to install MongoDB, Node.js, Git, cURL, "build essentials", and Python 2.7.

NOTE: These instructions are for installing Node v4, but currently CodeCombat uses v5. Consider using nvm instead.

Example for Ubuntu:

sudo apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv 7F0CEB10
echo "deb http://downloads-distro.mongodb.org/repo/ubuntu-upstart dist 10gen" | sudo tee /etc/apt/sources.list.d/mongodb.list
sudo apt-get update
sudo apt-get install build-essential python2.7 git curl mongodb-org nodejs-legacy

If your default Python version is 3, then you'll also want to

npm config set python `which python2.7`

If you have not set up Git, then at least do the following:

git config --global user.name "$YOUR_NAME"
git config --global user.email "$YOUR_EMAIL_ADDRESS"

Cloning

First fork and clone the CodeCombat repository, and track upstream.

git clone https://github.com/$GITHUB_USERNAME/codecombat.git
cd codecombat
git remote add -f upstream https://github.com/codecombat/codecombat.git

Installing Dependencies

npm install

This will take care of installing npm and bower dependencies, as well as building the asset files.

Database Import

(cd $(mktemp -d /tmp/coco.XXXXXXXX) && curl http://analytics.codecombat.com:8080/dump.tar.gz | tar xzf - && mongorestore --drop --host 127.0.0.1)

This will download the latest development database and overwrite your current development database with it.

Running

Database

Your MongoDB server should be running; if not you can start it with a service script.

For example on Ubuntu:

sudo service mongod start

On other distros with systemd you can try something like:

sudo systemctl start mongodb

Development Server

npm run dev

This will start brunch (watches client files) and nodemon (watches server files). (You can also just use npm start to run the server without keeping brunch watching for changes.)

Visit http://localhost:3000 to see your local CodeCombat setup.

Ubuntu 14.04.4 自动安装脚本

在安装npm的时候，可能会遇到phantomjs下载失败的情况，所以安装时设置其镜像为国内

--phantomjs_cdnurl=http://cnpmjs.org/downloads

codecombat根目录下面的package.js的scripts脚本中postinstall在安装即将完成时会执行失败，所以这一句实际上可以删除，手动执行，但执行前要将bower及brunch进行全局安装

npm install -g bower --allow-root
npm install -g brunch

ubuntu 14.04.4默认已经安装python2.7，所以可以不必再次安装

apt-get install nodejs-legacy 默认安装的是0.X的版本，与codecombat环境需求版本不符，所以我们直接下载源码进行安装

将以下脚本内容保存为 install-coco.sh文件，上传至 root目录，运行脚本自动安装 sudo ./install-coco.sh

#!/bin/bash
sleep 5s
sudo apt-get update

sleep 5s
sudo apt-get -y install make build-essential curl git zlib1g-dev python2.7 libkrb5-dev

sleep 5s
sudo mkdir -p coco
cd coco
sudo git clone https://github.com/codecombat/codecombat.git

sleep 5s
sudo wget http://nodejs.org/dist/v5.1.1/node-v5.1.1.tar.gz
sudo tar xfz node-v5.1.1.tar.gz
cd node-v5.1.1
sudo ./configure
sudo make
sudo make install

sleep 5s
npm -v
sleep 5s

cd ~/coco/codecombat
sudo npm config set registry https://registry.cnpmjs.org
sudo npm config set python python2.7
sudo npm install -g bower --allow-root
sudo npm install -g geoip-lite
sudo npm install -g nodemon
sudo npm install -g coffee-script@1.9.x
sudo npm install -g uglify-js@2.5.0
sudo npm install -g node-gyp
sudo SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ npm install --phantomjs_cdnurl=http://cnpmjs.org/downloads

sleep 5s
sudo bower --allow-root install
sudo brunch build --env fast
sleep 5s
cd ~/coco && mkdir -p mongodl
cd mongodl
sudo curl -O https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-ubuntu1404-3.2.4.tgz
sudo tar xfz mongodb-linux-x86_64-ubuntu1404-3.2.4.tgz
sudo cp mongodb-linux-x86_64-ubuntu1404-3.2.4/bin/* /usr/local/bin

sleep 5s
cd ~/coco && mkdir -p db
cd db
sudo wget http://analytics.codecombat.com:8080/dump.tar.gz
sudo tar xzvf dump.tar.gz

sleep 5s
cd ~/coco && mkdir -p log
sudo ./codecombat/bin/coco-mongodb >~/coco/log/mongodb.log 2>&1 &
echo Wait 10 seconds

sleep 10s
cd db && sudo mongorestore --drop dump

sleep 5s
cd ~/coco
cat <<- EOF > run-coco.sh
#!/bin/bash
echo ----------Run brunch and nodemon
cd ~/coco/codecombat
nohup sudo npm run dev >~/coco/log/brunch_nodemon.log 2>&1 &
echo ----------brunch and nodemon ok!
EOF
chmod 777 run-coco.sh

sleep 5s
cd ~/coco
cat <<- EOF > run-mongodb.sh
#!/bin/bash
echo ----------Run mongodb
nohup sudo ~/coco/codecombat/bin/coco-mongodb >~/coco/log/mongodb.log 2>&1 &
echo ----------mongodb ok
EOF
chmod 777 run-mongodb.sh

cat <<- EOF > stop-mongodb.sh
#!/bin/bash
echo ----------Stop mongodb
sudo mongo admin --port 27017 --eval "db.shutdownServer()"
echo ----------Stop Mongodb ok!
EOF
chmod 777 stop-mongodb.sh

echo -------------------------------------------------------------------------
echo ----------ok!
echo -------------------------------------------------------------------------

如果搭建实验学习环境有任何疑问，欢迎邮件至 icodegame@blianw.com 交流，如果你是中国用户，也可以加入我们的QQ群：192252941 一起讨论。

网站加载缓慢的问题，是由于谷歌在国内被墙，所以导致无法访问，解决办法：编辑 app/assets/main.html第30行

<link href='//fonts.googleapis.com/css?family=Merriweather' rel='stylesheet' type='text/css'>

替换为360CDN

<link href='//fonts.useso.com/css?family=Merriweather' rel='stylesheet' type='text/css'>

编辑 app/assets/main.html 第32至39行

<!-- Google Analytics -->
<script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-39724129-1', 'auto');
  </script>

替换为(注释该代码块)

  <!-- Google Analytics -->
<!--  <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-39724129-1', 'auto');
  </script> -->

编辑 app/styles/bootstrap/_bootswatch.scss中9、10、11行

@import url(//fonts.googleapis.com/css?family=Arvo:400,700);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,700&subset=latin,latin-ext,cyrillic,vietnamese,cyrillic-ext,greek-ext,greek);
@import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:700&subset=latin,latin-ext,cyrillic-ext,greek-ext,greek,vietnamese,cyrillic);

替换为360CDN

@import url(//fonts.useso.com/css?family=Arvo:400,700);
@import url(//fonts.useso.com/css?family=Open+Sans:400,300,700&subset=latin,latin-ext,cyrillic,vietnamese,cyrillic-ext,greek-ext,greek);
@import url(//fonts.useso.com/css?family=Open+Sans+Condensed:700&subset=latin,latin-ext,cyrillic-ext,greek-ext,greek,vietnamese,cyrillic);

编辑 server_setup.coffee 178、179行

  setupCountryRedirectMiddleware app, "china", "CN", "zh", config.chinaDomain
  setupCountryRedirectMiddleware app, "brazil", "BR", "pt-BR", config.brazilDomain

替换为(实际是注释掉这两行,解决访问自建网站会跳转到其它codecombat网站问题)

  #setupCountryRedirectMiddleware app, "china", "CN", "zh", config.chinaDomain
  #setupCountryRedirectMiddleware app, "brazil", "BR", "pt-BR", config.brazilDomain