前后端项目是如何部署的

前后端项目是如何部署的

之前公司的前后端部署流程是这样的:

  1. 本地推送feature分支到远端gitlab。
  2. 在gitlab将feature分支merge到目标分支比如test分支(test分支上挂有任务)。
  3. merge完成后会触发任务,任务包括这几个阶段:
    3.1 运行测试任务。
    3.2 构建项目和编译目标代码。
    3.3 将Dockerfile(镜像)以及编译出的代码推送到目标服务器。
    3.4 在目标服务器上构建出Docker容器,启动Docker容器。

前端应用部署

  1. 打包前端应用
    前端应用最终会被打包成一些静态文件:html, css, js, jpg等格式。通常这些文件是在dist/目录下。

  2. 上传文件到服务器
    将这些静态文件通过ftp、scp上传到服务器。

  3. 配置web服务器
    配置web服务器,将上一步服务器上的静态文件目录设置为根目录,并处理未匹配到的路由。

比如,nginx配置:

conf
1
2
3
4
5
6
7
8
9
10
11
12
server {
listen 80;
server_name your-domain.com;

# 将对于路由/的请求匹配到/path/to/dist目录下的index.html
location / {
root /path/to/dist;
index index.html;
# 将未能匹配到的路由请求路由到index.html
try_files $uri $uri/ /index.html;
}
}

后端应用部署

  1. 打包微服务应用

评论