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

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

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

Jenkins

1.git拉取代碼
2.執(zhí)行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運行狀態(tài)，如果顯示綠色的“active”和其他信息說明運行成功

 sudo systemctl status nginx

GPU云服務器云服務器 Jenkins自動化部署部署前端到云服務器nginx 前端自動化 nginx部署https

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

轉載請注明本文地址：http://systransis.cn/yun/40360.html

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

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

liukai90 2019-07-25 14:11 評論0 收藏0
一套基礎自動化部署搭建過程

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

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

摘要：查看初始密碼，這里我們的容器是首次進入，需要先安裝插件，這里我們選擇手工的去選擇一些插件就行了，因為我們如果只是集成的話用不了多少插件插件選擇我就不截圖說明了，和里面得插件可以先取消。在docker項目中單機構建jenkins使用gitlab的webhook對項目進行持續(xù)部署注意本次項目是php項目沒有build和test部分，至于test部分我們下一節(jié)進行，本次只是進行一個提交部署...

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

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

zzzmh 2019-08-26 10:43 評論0 收藏0
使用 Jenkins 自動部署 Docker 服務（二、構建部署篇）

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

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