CHAPTER 24 · PRACTICE WORKSPACE

即時資料模型與 Firebase 介面

完成可追蹤、可取消、可模擬訂閱失敗並重試的 memory adapter 即時留言原型,不冒充 Firebase

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

TASK STATUS

三項任務目前狀態

TASK-01本階段處理

訂閱主畫面並留下 adapter trace

修改檔案:script.js

完成後看見:主畫面 subscriber 收到初始 snapshot,trace 顯示 subscribe 與 notify

TASK-02稍後處理

安全渲染並管理第二 Console subscriber

修改檔案:script.js

完成後看見:留言以純文字渲染,Console subscriber 可訂閱並可 unsubscribe

TASK-03稍後處理

模擬訂閱失敗、復原重試並新增留言

修改檔案:script.js

完成後看見:失敗時保留舊留言且無幽靈 listener,retry 後畫面與 Console subscriber 同時收到新 snapshot

WORKSPACE

本階段實作區

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

MEMORY ADAPTER(只練介面,不是 Firebase 連線)

可追蹤的即時留言

本頁每次重新整理都會建立獨立記憶體,不會跨分頁同步。

尚未訂閱

訂閱生命週期控制

目前 subscriber:0 個

    Adapter trace

      CONTINUE

      開始 TASK-01

      前往 Checkpoint 1,依要求完成「訂閱主畫面並留下 adapter trace」。

      前往 Checkpoint 1:完成 TASK-01