第 3 章：實作與設計購物車網站

02 - 網站開發架構探討 - MVC 架構、前後端分離

Firebase + Node.js 購物車網站開發實戰

第 1 章：課程準備工作共 3 堂課

01 - 課程介紹

第 2 章：Node Express 網站建置共 13 堂課

01 - node.js 程式語言基礎 - 了解基本環境

17:13

02 - 了解 javascript 模組化寫法 - require

11:53

03 - 了解 javascript 同步與非同步

20:01

04 - node express 安裝 - 使用 generator 產生網站骨架

05:31

05 - node express 架構探討 - app.js

08:26

06 - node express 架構探討 - public

08:07

07 - node express 提供網站圖標 favicon

03:25

08 - node express 架構探討 - router

05:59

09 - HTTP request - get、parameter

16:35

10 - HTTP response - 回傳 ejs 模版

13:35

11 - HTTP request - post 實作 form 表單

08:20

12 - HTTP response - json、redirect

06:34

13 - node express 架構探討 - middleware 中介程式

22:11

第 3 章：實作與設計購物車網站共 8 堂課

01 - 準備購物車網頁 - 課程範例下載

05:08

02 - 網站開發架構探討 - MVC 架構、前後端分離

09:49

03 - node express 架構探討 - views、ejs

11:31

04 - 網站共用區塊 - include

09:36

05 - 了解 ejs 模版語法 - 基本語法

08:51

06 - 了解 ejs 模版語法 - res 傳送 data

09:42

07 - app.js 全域物件 - 傳送到 ejs 模版

08:23

08 - 購物車實作檔案下載

第 4 章：操作 firebase firestore 資料庫共 11 堂課

01 - 了解 firebase firestore 結構

15:19

02 - 建立產品資料表：firestore 資料庫規畫技巧

25:10

03 - 使用 firebase admin 操作 firestore

06:22

04 - node mvc - model 資料模型建立

20:23

05 - firestore 新增資料 - 建立產品資料

22:45

06 - firestore 更新資料 - 更新產品資料

16:44

07 - firestore 刪除資料 - 刪除產品資料

03:28

08 - firestore 查詢資料 - 查詢產品資料

18:31

09 - firestore 查詢資料 - 條件語句

18:04

10 - firestore 排序與索引機制

19:39

11 - firestore 批次更新與刪除

10:51

第 5 章：firebase Authentication - 建立購物車會員機制共 11 堂課

01 - firebase Authentication 實作會員登入/註冊頁面

10:00

02 - 建立會員資料表：firestore 資料庫規畫技巧

07:50

03 - 會員註冊功能實作 - 提供 rest api

33:14

04 - 會員密碼登入實作 - 回傳 idToken

16:05

05 - 註冊成功 -發送 email 會員認證信

12:22

06 - 忘記密碼：發送重設密碼信件

05:17

07 - 了解 node.js session - 處理網站登入登出

21:24

08 - 使用 firestore 保存 session

07:20

09 - 使用 session 認證已登入的會員

08:30

10 - 使用 jwt token 認證已登入的會員

20:11

11 - 會員資料與密碼更新

16:14

第 6 章：購物車網站功能實作 - 串接金流共 10 堂課

01 - 金流串接基本知識 - 金流串接準備工作

08:29

02 - 商品加入購物車 - 使用 session

26:35

03 - 商品結帳頁面 - 產生訂單

19:43

04 - 建立訂單資料表：firestore 資料庫規畫技巧

15:11

05 - 建立訂單資料表：非會員下訂單功能

12:55

06 - 藍新金流串接 - 設定開發環境變數

09 - 綠界金流串接 - 下載官方 node.js sdk

12:11

10 - 綠界金流串接 - 資料加密與回傳 form 表單

28:56

第 7 章：使用 firebase Cloud functions - 實作無伺服器的後端應用共 8 堂課

01 - firebase functions 初始化建置

07:58

02 - firebase functions 實作 HTTP 請求

12:23

03 - 藍新金流串接 - 處理付款回傳程式

28:10

04 - 佈署 firebase functions - 測試藍新金流

22:56

05 - 藍新金流串接 - 付款成功寫回訂單

16:06

06 - 綠界金流串接 - 付款回傳程式與寫回訂單

24:35

07 - 綠界金流串接 - 電子發票串接

35:39

08 - 綠界金流串接 - 後台對帳與刷退機制

04:56

第 8 章：購物車網站 - CMS 後台管理系統共 8 堂課

01 - 了解內容管理系統 CMS - 檔案下載與安裝

22:08

02 - 使用 firebase hosting 存放網站資源

05 - firebase Storage 上傳檔案圖片功能

第 9 章：專題實作 - 購物車網站頁面套版共 7 堂課

04 - 購物車網站套版 - 提供彈性的產品分類資料

12:28

05 - [修正] 9.3 單元部份錯誤

01:41

06 - 購物車網站套版 - 產品內容頁面與推薦商品

04:01

07 - 購物車網站實作 - 產品分頁機制

49:22

第 10 章：架設與佈署網站上線 - 使用 google gcp 共 8 堂課

01 - linux server 建立 - 使用 google gcp

26:07

02 - 登入 linux主機 - linux 基本指令介紹

25:18

03 - 使用 pm2 架設 node.js 站台

23:03

04 - 伺服器環境安裝 node.js、pm2、nginx、git

07:41

05 - linux 使用 git 佈署 node.js 網站

18:42

06 - 網域註冊與設定 DNS A 記錄

10:48

07 - nginx 反向代理設定

19:59

08 - https 憑證設定 - 網站上線

09:29

第 11 章：解決 FireStore 複雜的查詢技巧共 6 堂課

01 - 使用第三方服務解決網站複雜的查詢 - Aligolia 安裝與介紹

11:03

02 - Firestore 更新資料自動同步至 Aligolia

第 12 章：email 寄信與訂閱功能實作共 6 堂課

01 - sendGrid 註冊

08:11

02 - sendGrid 綁定網域與認證

11:03

03 - 實作寄信程式 - 串接 sendGrid api

09:56

04 - firebase functions 資料觸發器

22:04

05 - Authentication 會員觸發器

03:39

06 - firebase 排程程式 - 電子報功能實作

37:23

第 13 章：實作可擴展的 firebase架構、rest api 機制、最新後台CMS下載共 11 堂課

01 - 課程13章前檔案下載 - 更新付款與發票程式

02 - Gcp Load Balancar - 負載平衡與自動擴展主機

50:34

03 - 實作一個可快速複製的網站架構 - 最新 CMS 後台下載

25:55

04 - 可彈性複製的 firebase 資料庫架構

22:57

05 - REST API 程式骨架建立

29:09

08 - 【2024年最新】了解 CORS 原理

09 - 【2024年最新】imagekit 網站圖片優化處理

10 - 【2024年最新】網站開發安全性議題 - csrf、xss攻擊

11 - 【2024年最新】google 登入機制 - oauth 運作原理