centos7部署rap2

centos7部署rap2

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

rap2-delos 后端API服务器

安装 redis

安装 mysql

创建数据库

CREATE DATABASE IF NOT EXISTS RAP2_DELOS_APP DEFAULT CHARSET utf8 COLLATE utf8_general_ci

下载源码

初始化，在项目根目录下

npm install

修改配置文件，数据库 和 redis 的配置

/config/config.dev.js

    pool: {
import { IConfigOptions } from "../types";

let config: IConfigOptions = {
  version: '2.3',
  serve: {
    port: 8090,
  },
  keys: ['some secret hurr'],
  session: {
    key: 'rap2:sess',
  },
  db: {
    dialect: 'mysql',
    host: '127.0.0.1',
    port: 3306,
    username: 'root',
    password: '123456',
    database: 'RAP2_DELOS_APP',
    pool: {
      max: 5,
      min: 0,
      idle: 10000,
    },
    logging: false,
  },
  redis: {
    host:'localhost',
    port:6379,
    auth_pass:'123456',
  },
  mail: {
    host: 'smtp-mail.outlook.com',
    port: 587,
    secure: false,
    auth: {
      user: 'rap2_notify@outlook.com',
      pass: ''
    }
  },
  mailSender: 'rap2_notify@outlook.com',


}

export default config

安装 && TypeScript编译，根目录下

npm install -g typescript
npm run build

初始化数据库表，根目录下

npm run create-db

启动开发模式的服务器 监视并在发生代码变更时自动重启

npm run dev

在服务器上，使用 pm2

npm install -g pm2

用他替代：npm run dev，就可以写成：pm2 start npm – run dev，项目启动

$ pm2 start npm -- run dev

>>>> In-memory PM2 is out-of-date, do:
>>>> $ pm2 update
In memory PM2 version: 2.10.4
Local PM2 version: 3.2.3

[PM2] Starting /usr/bin/npm in fork_mode (1 instance)
[PM2] Done.
┌──────────────────┬────┬─────────┬──────┬───────┬────────┬─────────┬────────┬─────┬───────────┬─────────┬──────────┐
│ App name         │ id │ version │ mode │ pid   │ status │ restart │ uptime │ cpu │ mem       │ user    │ watching │
├──────────────────┼────┼─────────┼──────┼───────┼────────┼─────────┼────────┼─────┼───────────┼─────────┼──────────┤
│ npm              │ 1  │ N/A     │ fork │ 18468 │ online │ 0       │ 0s     │ 0%  │ 6.8 MB    │ hcadmin │ disabled │
│ rap-server-delos │ 0  │ N/A     │ fork │ 30697 │ online │ 0       │ 21m    │ 0%  │ 26.1 MB   │ hcadmin │ disabled │
└──────────────────┴────┴─────────┴──────┴───────┴────────┴─────────┴────────┴─────┴───────────┴─────────┴──────────┘
 Use `pm2 show <id|name>` to get more details about an app

验证是否安装成功，访问刚才配置的端口号 http://127.0.0.1:8090/ 返回如下信息，则表示安装成功

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

rap2-dolores 前端静态资源

可以先在本地打包好，再上传到服务器

下载地址

development 开发模式

初始化

npm install

# config development mode server API path in /src/config/config.dev.js
# 配置开发模式后端服务器的地址。 /src/config/config.dev.js

# test cases 测试用例
npm run test

# will watch & serve automatically 会自动监视改变后重新编译
npm run dev

production

# 1. config server API path in /src/config/config.prod.js(production config file)
# 1. 配置后端服务器的地址。 /src/config/config.prod.js(生产模式配置文件)

# 2. produce react production package
# 2. 编译React生产包
npm run build

# 3. use serve or nginx to serve the static build directory
# 3. 用serve命令或nginx服务器路由到编译产出的build文件夹作为静态服务器即可

npm install -g serve

serve -s ./build -p 80

部署到 tomcat

• 将 build 下的内容复制到 webapp/ROOT 下
• 启动即可

可能会报404错误，在退出时，找不到路径，修改 tomcat web.xml 如下

    <welcome-file-list>
        <welcome-file>index.html</welcome-file>
        <welcome-file>index.htm</welcome-file>
        <welcome-file>index.jsp</welcome-file>
    </welcome-file-list>

   <error-page>
        <error-code>404</error-code>
        <location>/index.html</location>
    </error-page>

重启 tomcat 可正常使用

用户密码加密规则

md5(md5($pass))

参考链接

PM2来部署nodejs服务器永久开启

Vue项目webpack打包部署到Tomcat

通过create-react-app创建的react项目，build以后，在tomcat中部署配置