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

更新日期: 2019-03-03 阅读: 3.3k 标签: Jenkins

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://fly63.com/article/detial/2192

使用jenkins进行前端项目自动部署

使用jenkins进行前端项目自动部署:后端的nodeJS项目可以使用pm2进行自动部署,由于前端项目打包后是静态资源,不需要进程守护。一般地,前端项目使用jenkins来进行自动部署,包括打包、测试等一系列流程。本文将详细介绍jenkins的使用

Jenkins API 使用

Jenkins 是一款流行的开源持续集成工具,可以用来做一些软件开发的自动化工作,如打包,测试,自动部署等。Jenkins 中有 view 和 job 的概念, view 相当于组, job 则是具体的任务。

使用 Docker 安装 Jenkins 的方式

本篇内容非常简单,讲述了如何快速在 Docker 上部署一个 Jenkins 实例,避免多采坑,浪费不必要的练习时间。

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!