AIoT & Cloud & Edge & Machine Learning

【 Cloud 】部署 Ghost Blog App 到 Fly.io 雲端平台

Archer

Aug 31, 2022 • 4 min read

Photo by Nathan Anderson / Unsplash

內容

學習目標
前置準備作業
專案最終目錄結構
部署 Ghost Blog App 到 Fly.io

學習目標

如何部署 Ghost Blog App 到 Fly.io 雲端平台

前置準備作業

已建立 Fly.io 帳號並能正常登入
- Fly.io 的網址為 https://fly.io/
已於電腦端安裝 flyctl
- https://fly.io/docs/hands-on/install-flyctl/

專案最終目錄結構

└── ghost-blog-sample
    └── fly.toml → 執行完 flyctl 指令後會產生

部署 Ghost Blog App 到 Fly.io

Step 1. 透過 flyctl 登入到 Fly.io

請在終端機輸入下方指令
```
flyctl auth login
```

Step 2. 建立 App

請在終端機輸入下方指令

flyctl launch --image=ghost:5.12.0-alpine --no-deploy

---2022-08-31---3.02.50

Step 3. 建立 1 GB 儲存空間以存放 Blog 內容

請在終端機輸入下方指令
- 空間名稱 ( VOLUME-NAME ) 只能為字母、數字與底線，本範使用 ghost_data
```
flyctl volumes create VOLUME-NAME --size 1
```

Step 4. 修改 fly.toml 檔案

修改資訊如下
- 修改 [env] 區塊中的 url 為唯一可識別的網址
- 新增 [mounts] 區塊到 [[services]] 區塊前其內容如下
```
[mounts]
  source="ghost_data"
  destination="/var/lib/ghost/content"
```
- 修改 [[services]] 區塊中的 internal_port 為 2368
原始內容
修改後內容
- 修改第 12 行、第 18 到 20 行與第 24 行等內容

Step 5. 設定 Ghost 執行於 development 模式

5.1 從 fly.toml 檔案中的第 3 行取得 App 名稱
5.2 請在終端機輸入下方指令
- 修改下方指令中的 APP-NAME 為 5.1 所取得的名稱
```
flyctl secrets set -a APP-NAME NODE_ENV=development
```

Step 6. 部署 Ghost App 到 Fly.io

請在終端機輸入下方指令
```
flyctl deploy
```

Step 7. 查看部署狀態

請在終端機輸入下方指令
```
flyctl status
```

Step 8. 開啟 App

請在終端機輸入下方指令
```
flyctl open
```
進入到後台模式
- 透過瀏覽器開啟 https://
  .fly.dev/ghost
  - 設定管理者登入帳號與密碼等資訊
  - 後台畫面
  - 新增文章
  - 發佈文章
  - 文章發佈完成
  - 新增的文章顯示於前台

Step 9. 開啟 Fly.io

---2022-08-31---3.22.23

GitHub

ArcherHuang @ GitHub

List of blogs