阿童木聊天室部署说明.md

阿童木聊天室部署说明

部署前端服务

1. 打包前端文件生成 dist 文件夹

  // genal-chat-client
  npm run build 

1. 将 dist 下所有文件放到 nginx 下的 html 文件夹中
2. 配置 nginx 的 gzip (提高传输速度)和请求级别

// nginx.conf
http {
  #nginx开启gzip
  #前端文件在build的时候已经配置好压缩,需要再配置一下nginx;
  gzip on; 
  gzip_static on;
  gzip_buffers 4 16k;
  gzip_comp_level 5;
  gzip_types text/plain application/javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg 
              image/gif image/png;
  
  #nginx请求级别配置
  location ^~/api/ {
          rewrite ^/api/(.*) /$1 break;
          proxy_pass http://localhost:3000;
  }

  location ^~/socket.io/ {
          proxy_pass http://localhost:3000;
          # 协议升级成websocket
          proxy_set_header Upgrade $http_upgrade;
          proxy_set_header Connection "upgrade";
  }     
}

数据库配置

1. 安装 mysql
2. 设置 mysql 账号密码
3. 配置后端 app.module.ts 中的 mysql 账号密码

// genal-chat-server/src/app.module.ts
@Module({
  imports: [
    TypeOrmModule.forRoot({
      type: 'mysql',
      port: 3306,
      username: 'root', // 默认账号
      password: '123456', // 默认密码
      database: 'chat',
      charset: "utf8mb4",
      autoLoadEntities: true,
      synchronize: true
    }),
  ],
})

4. 创建名为 chat 的数据库

部署后端服务

1. 安装 pm2

// genal-chat-server
npm i pm2 -g

2. 生成 dist 文件

// genal-chat-server
npm run start:dev 

3. 使用 pm2 运行

// genal-chat-server
npm run pm2