陳鍾誠

第 11 章 – 上線與維護

對於《上線與維護》佈署的規劃，我們可以使用 UML 的《元件圖》 (Component Diagram) 和佈署圖 (Deployment Diagram) 表達。

佈署圖 (Deployment Diagram)

UML 的佈署圖符號主要有下列圖示：

@startuml
actor actor
agent agent
artifact artifact
boundary boundary
card card
cloud cloud
component component
control control
database database
entity entity
file file
folder folder
frame frame
interface  interface
node node
package package
queue queue
stack stack
rectangle rectangle
storage storage
usecase usecase
@enduml

範例 : 沒有使用資料庫

@startuml

cloud "網路"
actor "使用者"
interface HTTP

node "伺服器" {
  package "Node.js" {
    [Koa]
    folder BlogMVC [
      server.js -- 伺服器，MVC 中的 (C)
      model.js -- 負責資料存取 (M)
      view.js -- 負責畫面呈現 (V)
    ]
    Koa --> BlogMVC
  }
}

使用者 <-> 網路
網路 - HTTP
HTTP - 伺服器

@enduml

範例 – 使用資料庫

@startuml

cloud "網路"
cloud "內部網路"
actor "使用者"
interface HTTP
database MongoDB
storage blog

node "網站伺服器" {

  package "Node.js" {
    [Koa]
    folder BlogMVC [
      server.js -- 伺服器，MVC 中的 (C)
      model.js -- 負責資料存取 (M)
      view.js -- 負責畫面呈現 (V)
    ]
    Koa --> BlogMVC
  }
}

node "資料庫伺服器" {
  database MongoDB {
  }
}

使用者 <-> 網路
網路 - HTTP
HTTP -- 網站伺服器
網站伺服器 <--> 內部網路
內部網路 <-> 資料庫伺服器
@enduml

佈署平台

對於 node.js 的網站，您可以選擇以下類型的佈署平台：

自建主機: 架設在自己機器上，可選擇採用 Linux / Windows 等系統，然後要自己申請對外 IP，這樣才能讓別人連上。
- 如果只是要讓外網使用者連上進行測試，像是 ngrok 這樣的臨時網址是可以用的，但不太能長久營運。
IaaS : Linode, DigitalOcean, Vultr (虛擬私有主機), Amazon EC2, Google Cloud Platform (GCP)
PaaS : Azure, Amazon, Heroku, Firebase, …

對於 Node.js 的佈署環境選擇，也有很多種不同的選擇：

作業系統: Linux / Windows
容器： Docker + Docker Compose
網站： Apache, Ngnix
Node.js 的永久執行： PM2 / Forever
網路框架: http, Koa, Express ….

佈署是件複雜的事情，所以要盡量做到完全自動化，要達到自動佈署，您可以採用以下的一些 DevOps 方案

Jenkins : Continuous Integration & Deploy 方案
Husky : 讓 git commit 時可以掛上一些動作。

練習 – blogMVC 系統佈署

選定佈署平台
- ex: Linode
第一次佈署上去
- 使用 git + pm2
加上 SSL : 使用 https://www.sslforfree.com/
- 參考: nodejs Express + 10 分鐘申請 letsencrypt
- 參考: 免費 SSL 申請
- 參考: SSL For Free 免費 SSL 憑證申請，使用 Let’s Encrypt 最簡單方法教學！
- 也可以使用 nginx + Let’s Encrypt
學習使用 DevOps 的方法
- TravisCI – 持續整合測試
- husky – 讓 git commit 時可以掛上一些動作。

Edit on GitHub