選擇模組
L1 後台模擬預覽是日常編輯主路徑(editor / site-proxy / scan / WYSIWYG picker)。 L2 Chrome Extension用來在真實商家站複核——兩層共用 preview 產物,不是二選一。
Popups
packages/popupL1:editor + site-proxy 模擬預覽 → 審批 / 發布 → popup.js
開啟 →Banners
packages/bannerL1:scan + proxy picker 模擬預覽 → auto-loader
開啟 →Chrome Extensions
L2 複核L2:真實站複核(與 L1 共用 preview 產物)
開啟 →預覽兩層
L1 後台模擬預覽(主力)
- Popup:Editor 內嵌預覽 +
site-proxyiframe + preview JS - Banner:Scan 截圖、slot 框、
proxy/ rendered DOM picker - 適合:調設定、選插入位、快速迭代
Chrome Extension(複核)
- 在真實分頁注入與上架等價的 preview
- 補 L1:真實 CSS / SPA / z-index / CLS、主站差異
- 適合:上線前最後確認
詳見 docs/EXTENSIONS.md (線上 repo;本地同路徑)。
站台總覽(Platform)
聚合 popup sites + banner site_settings(唯讀合併,尚未共用寫入)。
| 站台 | Domain | Store ID | 來源 |
|---|---|---|---|
| 載入中… | |||
開發備註
- Shell:
http://localhost:8100/· 線上:https://pbm.n1k.tw/ - L1 Popup:
/popup/· L1 Banner:/banner/ - L2 Popup extension server:
{origin}/popup - Platform API:
/api/v1/platform/sites·/api/v1/platform/collect