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

摘要:Jenkins:1.git拉取代码,2.执行shell构建,3.通过ssh上传代码到远程云服务器。Nginx:1.下载Nginx,2.打开默认配置文件,3.清空配置文件并copy以下内容,4.重启Nginx

Jenkins

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

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

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


Nginx

1.下载Nginx

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

2.打开默认配置文件

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

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

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.重启Nginx

sudo systemctl restart nginx

5.检查Nginx运行状态,如果显示绿色的“active”和其他信息说明运行成功

sudo systemctl status nginx

本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://shenqiku.cn/article/FLY_2192