Deployment: Heroku

更新

5. 重新上傳 Heroku：.env＆FACEBOOK for Developers

前言

佈署 Heroku，以整合第三方 API－Imgur 和切換成 MySQL Database 為例，步驟和指令：

1. 前置作業
   (1) 建立個人 Heroku 帳號
   (2) Heroku CLI：Download and install
2. PostgreSQL ( Heroku 預設 )
3. 整合 Imgur API
4. PostgreSQL 換成 MySQL (ClearDB MySQL)
5. 重新上傳 Heroku：.env＆FACEBOOK for Developers

2. PostgreSQL ( Heroku 預設 )

(1) 安裝套件：node-postgres

(2) 修改 config/config.json 的 production 模式

(3) 建立 git commit

(4) Heroku CLI 初始化

(5) 佈署至 Heroku

(6) Heroku 啟動專案

(7) 建立 Heroku 新資料庫

(8) app.js 修改 Port

(9) 定義啟動腳本 Procfile

(10) 重新 commit，並上傳 Heroku。

(11) 執行 Migration & Seeder

3. 整合 Imgur API

(1) 註冊 Imgur 帳號

(2) 安裝套件：imgur-node-api

(3) 本地測試

(4) 設定環境變數清單 .env

4. PostgreSQL 換成MySQL (ClearDB MySQL)

(1) 安裝 ClearDB

(2) Heroku－Billing

(3) Heroku－Settings

(4) 重新 commit

(5) MySQL Workbench 連線遠端 Heroku

5. 重新上傳 Heroku：.env＆FACEBOOK for Developers

POSTMAN (API 測試工具軟體)：
Heroku－JWT 登入測試成功

1. Method：POST
2. URL：
   https://side-project-ecommerce.herokuapp.com/api/signin
3. Body 填寫測試帳號：KEY－VALUE
   (1) email－root@example.com
   (2) password－12345678
4. 先紀錄 Token，等會測試其他 API 會使用 Token。

POSTMAN (API 測試工具軟體)：
Heroku－Operational data API sorted by categories 測試成功

1. Method：GET
2. URL：
   https://side-project-ecommerce.herokuapp.com/api/admin/data/v1
3. Header 填寫測試帳號：KEY－VALUE
   (1) Authorization－Bearer＋空格＋"Token"

※ 注意：因為 Server 產生的 Token，會放入 Header 內的 Authorization。

參考資訊

1. Alpha Camp－JavaScript 全端開發課程
2. Heroku 官網
3. Facebook for Developers 官網
4. Windows：何謂 PaaS？
5. Windows：何謂 SaaS (Software as a Service，軟體即服務)？
6. XMind — Mind Mapping Software