Spug官網

一、Spug

Spug 面向中小型企業設計的輕量級無 Agent 的自動化運維平臺，整合了主機管理、主機批量執行、主機在線終端、檔案在線上傳下載、應用發布部署、在線任務計劃、配置中心、監控、報警等一系列功能，
具體介紹官網都有，此處不在贅述，

二、Spug安裝

docker安裝spug:
1）拉去鏡像

docker pull registry.aliyuncs.com/openspug/spug
[root@nb1 sbin]# docker images
REPOSITORY                            TAG           IMAGE ID       CREATED       SIZE
registry.aliyuncs.com/openspug/spug   latest        7238bc64e27d   2 days ago    687MB

2）啟動容器
我這邊監聽主機8082埠，spug的資料映射到/data/spug_data

docker run -d --restart=always --name=spug -p 8082:80 -v /data/spug_data/:/data registry.aliyuncs.com/openspug/spug
[root@nb1 spug_data]# docker ps
CONTAINER ID   IMAGE                                 COMMAND                  CREATED        STATUS                           PORTS                                                  NAMES
bb001c1db674   registry.aliyuncs.com/openspug/spug   "/entrypoint.sh"         41 hours ago   Up 50 minutes                    0.0.0.0:8082->80/tcp, :::8082->80/tcp                  spug

3） 初始化
以下操作會創建一個用戶名為 admin 密碼為 spug.dev 的管理員賬戶，可自行替換管理員賬戶，

docker exec spug init_spug admin spug.dev
# 執行完畢后需要重啟容器
docker restart spug

-----> 在瀏覽器中輸入 http://192.168.1.27:8082 訪問，
用戶名： admin
密碼： spug.dev

登錄后：

至此安裝完畢，

三、Spug部署前端專案

這里給大家直通下，Nginx安裝方法：Nginx從入門到實戰（二）：Linux安裝Nginx
整體部署流程：
1、前端專案打包成build.zip
2、通過Spug上傳服務器
3、解壓到nginx服務器運行
首先需要配置Spug
1）準備作業：
a、新建主機

b、新建環境（區分不同環境（開發、測驗、生產等））

2）點擊選單： 應用發布 —> 應用管理 —> 新建

新建后：

3）點擊右側的“新建發布”按鈕：


下一步：


4）新建“發布申請”

四、發布

點擊發布申請右邊的 發布—>確定


全部日志如下：

10:19:21 等待調度...        就緒√
10:19:21 資料傳輸...
transfer completed
10:19:21 解壓部署...
Archive:  /usr/local/item/apppkg/build.zip
  inflating: build/asset-manifest.json  
  inflating: build/index.html        
  inflating: build/logo192.png       
  inflating: build/logo512.png       
 extracting: build/logoIcon.png      
  inflating: build/manifest.json     
  inflating: build/precache-manifest.0a55e84501116214ec04fbabb6b22b42.js  
 extracting: build/robots.txt        
  inflating: build/service-worker.js  
   creating: build/static/
   creating: build/static/css/
  inflating: build/static/css/2.929389fa.chunk.css  
  inflating: build/static/css/2.929389fa.chunk.css.map  
  inflating: build/static/css/main.43003f87.chunk.css  
  inflating: build/static/css/main.43003f87.chunk.css.map  
   creating: build/static/js/
  inflating: build/static/js/2.a2e6080c.chunk.js  
  inflating: build/static/js/2.a2e6080c.chunk.js.LICENSE.txt  
  inflating: build/static/js/2.a2e6080c.chunk.js.map  
  inflating: build/static/js/main.dabcf044.chunk.js  
  inflating: build/static/js/main.dabcf044.chunk.js.map  
  inflating: build/static/js/runtime-main.b861e341.js  
  inflating: build/static/js/runtime-main.b861e341.js.map  
   creating: build/static/media/
 extracting: build/static/media/loginbgi.9504acc7.png  
  inflating: build/static/media/titleImage.b3474249.png  

10:19:22 ** 發布成功 **

可以看到，nginx部署目錄下已經有內容了：

測驗：http://192.168.1.127/#/login

END