Angular+Jenkins+Nginx前端自動(dòng)化部署

longshengwang 發(fā)布于2019-07-25 14:40 / 3114人閱讀

摘要：拉取代碼執(zhí)行構(gòu)建通過上傳代碼到遠(yuǎn)程云服務(wù)器下載打開默認(rèn)配置文件清空配置文件并以下內(nèi)容重啟檢查運(yùn)行狀態(tài)，如果顯示綠色的和其他信息說明運(yùn)行成功

Jenkins

1.git拉取代碼
2.執(zhí)行shell構(gòu)建

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

3.通過ssh上傳代碼到遠(yuǎn)程云服務(wù)器

Nginx

1.下載Nginx

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

2.打開默認(rèn)配置文件

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

3.清空配置文件并copy以下內(nèi)容

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運(yùn)行狀態(tài)，如果顯示綠色的“active”和其他信息說明運(yùn)行成功

 sudo systemctl status nginx

GPU云服務(wù)器云服務(wù)器 Jenkins自動(dòng)化部署部署前端到云服務(wù)器nginx 前端自動(dòng)化 nginx部署https

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/40360.html

相關(guān)文章

使用Jenkins持續(xù)集成前端項(xiàng)目并自動(dòng)化部署到Nginx服務(wù)器

摘要：上午折騰了一下持續(xù)集成，由于公司使用自己搭建的服務(wù)器來進(jìn)行代碼管理，因此這里是針對服務(wù)器來進(jìn)行的配置，后面稍微介紹了下針對管理的項(xiàng)目的配置之前項(xiàng)目每次修改之后都需要本地一次手動(dòng)發(fā)布到服務(wù)器上方便測試和產(chǎn)品查看，有了持續(xù)集成之后只要或者提交之上午折騰了一下Jenkins持續(xù)集成，由于公司使用自己搭建的svn服務(wù)器來進(jìn)行代碼管理，因此這里Jenkins是針對svn服務(wù)器來進(jìn)行的配置，后面...

liukai90 2019-07-25 14:11 評論0 收藏0
一套基礎(chǔ)自動(dòng)化部署搭建過程

摘要：問題背景公司初創(chuàng)技術(shù)團(tuán)隊(duì)，沒有任何基礎(chǔ)設(shè)施的情況下，需要搭建一系列管理以及自動(dòng)化部署等工具所以引發(fā)了下面一系列的部署過程，歷時(shí)兩天，中間也是碰到各種問題，但最終把基本工具全部搭建成功，耶，下面帶大家一起看下此次搭建過程。問題背景公司初創(chuàng)技術(shù)團(tuán)隊(duì)，沒有任何基礎(chǔ)設(shè)施的情況下，需要搭建一系列code管理以及自動(dòng)化部署等工具....所以引發(fā)了下面一系列的部署過程，歷時(shí)兩天，中間也是碰到各種...

mzlogin 2019-07-25 14:51 評論0 收藏0
使用Jenkins進(jìn)行持續(xù)部署（PHP代碼）

摘要：查看初始密碼，這里我們的容器是首次進(jìn)入，需要先安裝插件，這里我們選擇手工的去選擇一些插件就行了，因?yàn)槲覀內(nèi)绻皇羌傻脑捰貌涣硕嗌俨寮寮x擇我就不截圖說明了，和里面得插件可以先取消。在docker項(xiàng)目中單機(jī)構(gòu)建jenkins使用gitlab的webhook對項(xiàng)目進(jìn)行持續(xù)部署注意本次項(xiàng)目是php項(xiàng)目沒有build和test部分，至于test部分我們下一節(jié)進(jìn)行，本次只是進(jìn)行一個(gè)提交部署...

fjcgreat 2019-06-28 13:30 評論0 收藏0
前端自學(xué)筆記 - 第二篇(vuePress自動(dòng)部署 & 后臺項(xiàng)目自學(xué))

摘要：今天部署好了項(xiàng)目，現(xiàn)在寫好了博客頁面，只要一提交，會自動(dòng)打包并且部署如果部署失敗，還會發(fā)送郵件提醒。但今天為了自動(dòng)化部署項(xiàng)目，掛了三四十次了，真是慘不忍睹。。。而這第二個(gè)項(xiàng)目，將會是第一個(gè)的深入。長期更新前端自學(xué)筆記，歡迎關(guān)注前端自學(xué)筆記 - 第一篇(nginx/flutter/后臺系統(tǒng)/vuepress博客）一、jenkins自動(dòng)部署vuePress博客項(xiàng)目自動(dòng)化部署項(xiàng)目de...

zzzmh 2019-08-26 10:43 評論0 收藏0
使用 Jenkins 自動(dòng)部署 Docker 服務(wù)（二、構(gòu)建部署篇）

摘要：如果還沒有搭建好可以使用的，請先移步到這篇文章進(jìn)行搭建使用自動(dòng)部署服務(wù)一搭建篇目標(biāo)通過實(shí)現(xiàn)推送代碼后自動(dòng)部署基于的服務(wù)準(zhǔn)備工作獲取示例項(xiàng)目或者直接復(fù)制以下文件內(nèi)容獲取示例項(xiàng)目項(xiàng)目文件頁面文件鏡像文件部署文件部署腳本文件頁面文件項(xiàng)目很簡單，如果還沒有搭建好可以使用 Docker 的 Jenkins，請先移步到這篇文章進(jìn)行搭建使用 Jenkins 自動(dòng)部署 Docker 服務(wù)（一、Je...

denson 2019-06-28 16:34 評論0 收藏0