NFC Wi-Fi 業者後台(MVP)
先把業者自助設定介面做出來:多組 Wi-Fi、點位/房號、住客連結、匯出
資料儲存:localStorage(Demo)
清空資料
① Wi-Fi 設定(Profiles)
Profile 名稱
加密方式
WPA2
WPA3
OPEN(無密碼)
Wi-Fi 名稱(SSID)
密碼
顯示密碼給住客
關(預設)
開
備註(選填)
新增/更新 Profile
清空表單
設為預設 Profile
Profiles 列表(點「編輯」載入表單)
名稱
SSID
加密
預設
操作
② 點位/房號(Guest Links)
點位名稱
使用哪個 Wi-Fi Profile
你的網站網域(用來組住客連結)
MVP 可先填任何可打開的網址。正式上線再換成你的網域。
住客頁路徑(可改)
支援 {slug} 變數,例如 101、lobby…
新增點位
批次建立房號(101~120)
匯出 CSV
③ 寫入 NTAG215(建議方式)
✅ 最穩:把 NFC 標籤寫成「URL」。住客感應後開啟住客頁,再由住客頁提供「加入 Wi-Fi / 複製密碼 / 開啟設定」備援。
寫入步驟(NFC Tools)
1) Write → Add a record → URL/URI
2) 貼上住客連結 → Write → 靠近 NTAG215
3) 先不要 Lock Tag,測完流程再決定
點位列表(可複製連結去寫 NFC;QR 可用住客連結另行產生)
點位
Profile
住客連結
操作
住客頁(你之後要做的對應介面)
你現在做的是「業者設定端」。下一步會需要一個
Guest Page
:讀取 slug → 找到對應 Profile → 顯示 SSID,並提供:
- 主按鈕:加入 Wi-Fi(若可行)
- 備援:複製密碼 / 開啟 Wi-Fi 設定
如果你要,我也可以把 Guest Page 的範本一起產出(同樣先用 localStorage / 或假資料)。