Angular+Jenkins+Nginx前端自动化部署

时间 2019-12-09

标签 angular+jenkins+nginx angular jenkins nginx 前端自动化部署栏目 AngularJS 繁體版

原文原文链接

Jenkins

1.git拉取代码
2.执行shell构建html

npm cache clean -f
npm install --registry=https://registry.npm.taobao.org 
./node_modules/.bin/ng build  --prod --aot

3.经过ssh上传代码到远程云服务器node

Nginx

1.下载Nginxnginx

$ sudo apt-get update
$ sudo apt-get install nginx

2.打开默认配置文件git

sudo vi /etc/nginx/sites-available/default

3.清空配置文件并copy如下内容shell

server {
    listen 80 default_server;
    listen [::]:80 default_server;
 
    root /var/www/html;
    index index.html index.htm index.nginx-debian.html;
 
    server_name _;
 
    location / {
        try_files $uri $uri/ /index.html =404;
    }
}

4.重启Nginxnpm

sudo systemctl restart nginx

5.检查Nginx运行状态，若是显示绿色的“active”和其余信息说明运行成功bash

sudo systemctl status nginx