熟習 strapi

主體參考 🍝 Cooking a Deliveroo clone with Next.js (React), GraphQL, Strapi and Stripe - 🏗️ Setup

搭建 human zoo 購買系統 :)

• PM2 (進程管理工具)
• Strapi (後端)
• PM2 部署並監控 Strapi
• PostgreSQL (數據庫)
• Strapi & PostgreSQL 連接
  1. 更換 Strapi 原始數據庫 (SQLite -> PostgreSQL)
• 學習 Tudis serverCode (理清其中邏輯)
• Next.js (前端)
• Docker 微服務化

• PM2

  策略:

  1. 搭建簡單 Express 網站,並監控

  結果:

  1. 使用 PM2 的 ecosystem.json 或者 ecosystem.ymal 來對應不同環境(生產,開發,測試等) 來切換部署

  2. 監控

     $ pm2 monit # 優雅地監控不同應用

  3. 開機自啓動

  Upcoming:

  1. 重啓觸發機制
  2. PM2編程接口

  Reference:

  1. pm2 使用教程
  2. PM2实用入门指南 (大佬教程)
  3. PM2 SINGLE PAGE DOC
  4. PM2 Cheatsheet (救命手冊)
  5. Create New Express.js Apps in Minutes with Express Generator

  Repository:

  1. pm2

• Strapi

  策略:

  1. 在 local 搭建 Strapi
  2. 導入數據,並設定訪問 API 規程與權限
  3. 用 Postman 測試

  結果:

  1. 手動頁面輸入數據
  2. 連接表數據之間的關系

  Upcoming:

  1. 優化導入數據方式(非手動頁面導入)

  Reference:

  1. Tutorial
  2. Strapi.js Crash Course | Headless CMS
  3. strapi入门第一篇
  4. strapi入门——第二篇
  5. Strapi 学习

  Repository:

  1. toyProject_strapi

• PM2 部署並監控 Strapi

  策略:

  1. 直接部署和監控 Strapi

  結果:

  1. 使用 PM2 的 ecosystem.config.js 配置文件

     $ pm2 start ecosystem.config.js

  Upcoming:

  1. 修改 ecosystem.config.js 文件,更高級監控 Strapi
  2. + PM2 Upcoming

  Reference:

  1. N/A

• PostgreSQL

  策略:

  1. 使用 Docker 部署 PostgreSQL
  2. 使用 pgAdmin 可視化並 CRUD 其中數據

• Srapi 連接 PostgreSQL

  How to Install & Configure Strapi with PostgreSQL

  How To Install PostgreSQL on Ubuntu 20.04 [Quickstart]

  PostgreSQL: PostgreSQL Tutorial

  Upcoming: 數據庫可視化: pgAdmin

• Next.js 前端搭建

• 前後端關聯

1. Tutorial
2. 🍝 Cooking a Deliveroo clone with Next.js (React), GraphQL, Strapi and Stripe - 🏗️ Setup
3. How to Install & Configure Strapi with PostgreSQL
4. How To Install PostgreSQL on Ubuntu 20.04 [Quickstart]
5. PostgreSQL Tutorial
6. pgAdmin