rap2安装部署笔记

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

相关推荐
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页