CHAPTER 28 · PRACTICE WORKSPACE

Netlify 部署、證據格式預檢與期末展示

以自己的 Production URL 與 commit 完成格式預檢，再由教師或同儕人工驗收與展示

01 Starter 0/3
  1. 01Starter讀懂作品骨架
  2. 02Checkpoint 1加入第一項能力
  3. 03Checkpoint 2累積第二項能力
  4. 04Solution核對完整結果

TASK STATUS

三項任務目前狀態

TASK-01本階段處理

預檢 Production URL 格式

修改檔案：script.js

完成後看見：拒絕 example.com、localhost 與非 HTTPS 網址

TASK-02稍後處理

預檢 commit、問題描述與手機勾選

修改檔案：script.js

完成後看見：拒絕空白或過短 commit，並列出待修格式

TASK-03稍後處理

安全產生期末展示草稿

修改檔案：script.js

完成後看見：以 textContent 與 createElement 產生草稿，明列仍待人工驗收

WORKSPACE

本階段實作區

先確認作品目前能做什麼、還缺什麼，再從 TASK-01 開始修改。

FOCUS TASK · TASK-01

現在只處理：預檢 Production URL 格式

修改：script.js

完成後：拒絕 example.com、localhost 與非 HTTPS 網址

講解時展開：2 個小型比較

Production URL vs localhost｜展示網址要過濾

比較：正式展示需要 HTTPS production URL，localhost 或 example.com 只能作為本機／佔位，不應通過預檢。

現在做：在 Checkpoint 1 依序將 https://portfolio.example.com、https://localhost:8888、http://student-portfolio.netlify.app 與 https://student-portfolio.netlify.app 填入 #url 送出；記錄前三筆被拒絕、最後一筆顯示仍需人工開啟確認。

看預期與證據

預期：只有非範例、非本機的 HTTPS URL 通過格式預檢；通過只代表字串格式合格，不代表站點可達。

證據：留下四個 URL、各自的 #status 文案與 #showcase 仍為空的五項證據。

網址格式 vs 真實可達｜兩層驗收

比較：格式檢查只能先排除錯誤輸入，不能代替實際開啟與展示驗收。

現在做：在 Checkpoint 1 填入 https://student-portfolio.netlify.app 送出，確認 #status 顯示「URL 格式預檢通過；仍需人工開啟確認」，並確認 #showcase 沒有自動產生展示內容。

看預期與證據

預期：格式預檢只處理 protocol、host 與禁用網域；真實可達性、版本與功能仍必須由另一位驗收者實際開啟。

證據：留下通過 URL、#status 的人工驗收提醒、空的 #showcase 與未發出網路請求的操作說明四項證據。

需要排錯時查看：任務循環（觀察 → 預測 → 實作 → 故障 → 驗收）
  1. A｜觀察：在 Starter 準備 example.com、http://localhost 與一個候選 HTTPS Netlify URL，確認 isProductionUrl 目前對所有輸入都回 false。
  2. B｜預測：填入 HTTPS 正式網址，再分別測試 example.com、localhost 與 HTTP 網址。
  3. C｜實作：在 script.js 的 isProductionUrl() 完成「預檢 Production URL 格式」，一次只處理本任務責任。
  4. D｜故障：若結果不一致，先依原操作重現，再檢查 isProductionUrl() 與 script.js，最後重跑原操作。
  5. E｜驗收：拒絕 example.com、localhost 與非 HTTPS 網址

完成條件：DONE-01：拒絕 example.com、localhost 與非 HTTPS 網址

只做格式預檢，仍需人工驗收

Production 證據格式預檢

尚未執行格式預檢

CONTINUE

開始 TASK-01

前往 Checkpoint 1，依要求完成「預檢 Production URL 格式」。

前往 Checkpoint 1：完成 TASK-01

FINAL HANDOFF

第 27 章 → 第 28 章結業證據

接收：第 27 章只提供 mock queue、offline 保留與 retry／preflight 證據；本章不把 mock 結果當成 Production deploy，也不共用第 27 章的 runtime。

本章交付：自己的 HTTPS Production URL、實際存在於 repo history 的 commit、手機行動網路操作與教師／同儕人工驗收紀錄；格式預檢只負責先排除明顯錯誤。

結業邊界：展示草稿不能取代人工開站、版本比對與手機驗證；任何 token、密碼或私人資料都不可放入展示證據。

回到第 28 章成果證據