1.簡介
RAP2是在RAP1基礎上重做的新專案，它包含兩個元件(對應兩個Github Repository)。
rap2-delos: 後端資料API伺服器，基於Koa + MySQLlink
rap2-dolores: 前端靜態資源，基於React link
官方演示demo地址:http://rap2.taobao.org/
2.獲取原始碼

git clone https://github.com/thx/rap2-delos.git
git clone https://github.com/thx/rap2-dolores.git

3.安裝部署後端API伺服器
3.1環境要求
    Node.js 8.9.4+
    MySQL 5.7+
    Redis 4.0+
3.2準備工作
node.js安裝參考：http://www.runoob.com/nodejs/nodejs-install-setup.html
mysql安裝參考：https://blog.csdn.net/xuxile/article/details/82912513
redis安裝參考：https://blog.csdn.net/xuxile/article/details/52679353
3.3建立建立資料庫

CREATE DATABASE IF NOT EXISTS RAP2 DEFAULT CHARSET utf8 COLLATE utf8_general_ci;

3.4配置檔案
目錄：rap2-delos/src/config
檔案：config.dev.ts;其中dev，表示開發環境，其他同理
修改：config.dev.ts檔案中db物件中username，password引數與本地或者開發環境的資料庫資訊匹配
3.5安裝依賴包
專案根目錄下執行：

npm install

3.6安裝TypeScript模組

npm install -g tslint typescript
 

3.7編譯原始碼

npm run build

3.8初始化資料庫
專案根目錄下執行：

npm run create-db

3.9啟動服務
開發模式(監視並在發生程式碼變更時自動重啟):

npm run dev

生產模式:

npm start

啟動成功終端會提示如下：

[PM2] Process successfully started
┌──────────────────┬────┬──────┬───────┬────────┬─────────┬────────┬─────┬──────────┬──────┬──────────┐
│ App name         │ id │ mode │ pid   │ status │ restart │ uptime │ cpu │ mem      │ user │ watching │
├──────────────────┼────┼──────┼───────┼────────┼─────────┼────────┼─────┼──────────┼──────┼──────────┤
│ rap-server-delos │ 0  │ fork │ 53223 │ online │ 950     │ 0s     │ 0%  │ 9.3 MB   │ root │ disabled │
└──────────────────┴────┴──────┴───────┴────────┴─────────┴────────┴─────┴──────────┴──────┴──────────┘
 

訪問瀏覽器會提示 RAP2後端服務已啟動，請從前端服務(rap2-dolores)訪問。
4.安裝部署前端靜態資源
4.1配置檔案
目錄：rap2-dolores/src/config
檔案：config.dev.js;其中dev，表示開發環境，其他同理
修改：config.dev.js檔案中後端介面地址根據需要修改
4.2安裝依賴包
切換到根目錄：

npm install

4.3編譯原始碼
切換到根目錄：

npm run build

4.4安裝serve

npm install -g serve

4.4啟動服務
用serve命令或nginx伺服器路由到編譯產出的build資料夾作為靜態伺服器即可
後臺執行:

serve -s ./build -p 18081 &

4.5常見問題
錯誤提示：

gyp ERR! configure error gyp ERR! stack Error: EACCES: permission denied,
mkdir '/data/server/rap2-dolores/node_modules/node-sass/.node-gyp'

解決方案：

在專案根目錄建立.npmrc檔案，複製下面程式碼到該檔案：
phantomjs_cdnurl=http://cnpmjs.org/downloads
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
registry=https://registry.npm.taobao.org
刪除之前安裝node-sass包
npm uninstall node-sass
重新安裝
npm install -g node-sass -unsafe-perm

執行成功後 再執行：

npm install

4.6參考資料
佔位符可參考：
https://blog.csdn.net/u011613356/article/details/81087238?utm_source=blogxgwz3
佔位符     解釋
@cname     中文人名
@id     身份證id
@title     中文title
@city     中文城市
@ip     ip 地址
@email     email
@url     url地址
@csentence(1,5)     生成1到5個字的中文句子
@cparagraph     生成中文段落
@string(11)     輸出11 個字元長度的字串
@float(0,10)     0 到 10 的浮點數
@integer(60,70)     60 到 70 之間的整數
@boolean     boolean 型別 true,false