RAP2简介

本教程简介

环境要求

服务端 delos 环境搭建

构建项目

启动项目

客户端 dolores 环境搭建

构建项目

启动项目

RAP2简介

RAP2 是在 RAP1 基础上重做的新项目，它能给你提供方便的接口文档管理、Mock、导出等功能，包含两个组件(对应两个 Github Repository)。

rap2-delos: 后端数据 API 服务器，基于 Koa + MySQLlink
rap2-dolores: 前端静态资源，基于 React link

详见github: https://github.com/thx/rap2-delos

本教程简介

RAP2提供了Docker 快速部署和手动部署两种方式,本教程参考github教程提供了手动部署中的本地搭建方式

环境要求

Git
Node.js 8.9.4+
MySQL 5.7+
Redis 4.0+

服务端 delos 环境搭建

构建项目

构建项目前，请确认 Node，Redis，MySQL 服务均能正常使用

克隆GitHub上的项目；

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

环境配置
创建数据库

Mac or Linux

mysql -e 'CREATE DATABASE IF NOT EXISTS RAP2_DELOS_APP DEFAULT CHARSET utf8 COLLATE utf8_general_ci';

Windows 环境

进入 mysql 命令后执行

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

配置文件

目录：rap2-delos/src/config
文件：config.dev.ts;其中 dev，表示开发环境，其他同理
修改：config.dev.ts文件中db对象中username，password参数与本地或者开发环境的数据库信息匹配

启动项目

安装项目依赖包

项目根目录下执行

# 安装项目所需依赖
$ npm install# 全局安装PM2
$ npm install -g pm2# 安装 TypeScript 编译包
$ npm install typescript -g

编译

npm run build

修改了项目的代码之后一定重新编译，不然修改不起作用。

一定要先编译，如果先初始化数据库，会提示dist目录不存在

初始化数据库
项目根目录下执行 (该过程比较慢，耐心等待初始化完成)

npm run create-db

编译启动项目
执行 mocha 测试用例和 js 代码规范检查

npm run check

开发模式
启动开发模式的服务器监视并在发生代码变更时自动重启 (第一次运行比较慢，请耐心等待)

npm run dev

生产模式
启动生产模式服务器

npm start

看到浏览器中如下提示，表示服务端 delos 已经部署成功

RAP2 后端服务已启动，请从前端服务 (rap2-dolores) 访问。 RAP2 back-end server is started, please visit via front-end service (rap2-dolores).

或者在程序控制台出现如下 Log，表示服务端 delos 已经部署成功

客户端 dolores 环境搭建

构建项目

获取源代码

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

环境配置
配置文件
目录：rap2-dolores/src/config
文件：config.dev.js; 其中 dev，表示开发环境，其他同理
修改：config.dev.js文件，serve地址是服务端 rap2-delos部署成功后的地址，默认：'http://localhost:8080'

启动项目

安装项目依赖包
项目根目录下执行

npm install

编译启动项目

开发模式
自动监视改变后重新编译

npm run dev

生产模式
编译 React 生产包

npm run build

用 serve 命令或 nginx 服务器路由到编译产出的 build 文件夹作为静态服务器即可

serve -s ./build -p 80

看到浏览器中出现登录页面，表示部署成功

参考网址:

https://github.com/thx/rap2-delos

https://github.com/thx/rap2-dolores

https://incoder.org/2018/03/27/rap2/

https://blog.csdn.net/TianKongDeTangGuo/article/details/87191743

RAP2本地开发环境部署相关推荐

西秦的ACE-Python教程一、Python本地开发环境部署
西秦的ACE-Python教程一.Python本地开发环境部署西秦级别: 论坛版主发帖 1357 云币 2782 加关注写私信只看楼主更多操作楼主发表于: 10-10 从今天 ...
linux history nginx,vue-router History 本地开发环境和nginx配置
vue-router mode=history本地开发环境配置解决方法1.修改webpack的的devServer配置项(devServe存在于,rvue-cli2在webapck.config.j ...
本地开发环境与生产环境布局有偏差问题
本地开发环境与生产环境布局有偏差问题背景本地开发布局时好好的,发现打包部署后有偏差,发现本地开发环境和生产环境获取的document.body.clientWidth值不一致同个窗口大小,本地h ...
Linux——Django 开发环境部署（二）python版本控制器pyenv
python版本控制器pyenv 之前的那篇是说明了django环境的site package完全独立出来了,但是使用的python解释器还是系统的,为了继续独立出来,甚至是达到ruby的rvm的自 ...
在 Mac/win7 下上使用 Vagrant 打造本地开发环境
1. vagrant介绍 1.1 vagrant能做什么做Web开发(java/php/python/ruby...)少不了要在本地搭建好开发环境,虽然说目前各种脚本/语言都有对应的Windows版 ...
极智开发 | 华为云ECS本地开发环境搭建
欢迎关注我的公众号 [极智视界],获取我的更多笔记分享大家好,我是极智视界,本文介绍一下华为云ECS本地开发环境搭建. 云上的 AI 应用部署,一定是 AI 应用部署的重要分支.云( ...
FIBOS入坑指南——本地开发环境搭建
FIBOS是什么? FIBOS 是一个结合 FIBJS 以及 EOS 的 JavaScript 的运行平台,它使得 EOS 提供可编程性,并允许使用 JavaScript 编写智能合约.FIBOS 平 ...
五部搞定Android开发环境部署——费UC噶不过详细的Android开发环境搭建教程
五步搞定Android开发环境部署--非常详细的Android开发环境搭建教程引言在windows安装Android的开发环境不简单也说不上算复杂,本文写给第一次想在自己Windows上建立 ...
轻量级JavaWeb开发环境部署
本文章是结合轻量级JavaWeb企业级应用实战所写的学习总结记录文章,开发环境部署文章仍然使用的是我的旧文章习惯,在下一章我会使用新的文章书写习惯来更清晰和简便的记录 Tomcat的安装 tomcat ...

RAP2本地开发环境部署

RAP2简介

本教程简介

环境要求

服务端 delos 环境搭建

构建项目

启动项目

客户端 dolores 环境搭建

构建项目

启动项目

RAP2本地开发环境部署相关推荐

最新文章

热门文章