## 採用技術:
Vue3(Pinia, JSX), TypeScript(TSX), TailwindCSS, Element Plus, Node.js, PWA, WebSocket, Webauthn
## 功能開發:
- 引入 PWA 到全品牌網站,移除傳統 Cordva App,減免公司股東購買超級簽成本。
- 結合導入 Webauthn,在網頁端實作 FaceID/TouchID,確保 H5 網站盡力貼合 App 使用體驗,並獲得客戶好評提升用戶留存率。
- 運用 WS 和 心跳機制 hook,確保內部後台系統維持正常連線,訊息通知能正常發送。
- 使用 proto3 格式與軟連結,讓前後端專案保持參數同步便於開發。
## 專案維護(資訊安全):
- 為保護舊品牌網站,解決帳號被盜問題,和 Backend 以及 MIS 同仁,引入 fingerprint plugin,透過監控流量和帳號登入的地理位置,封鎖惡意登入,降低營運成本。
- 優化 OTP 驗證流程,結合 visitID 加強保護客戶帳號,並結合 Email 驗證,降低簡訊驗證服務成本。
## 專案優化(多主題 & 數據追蹤):
- 專案埋設 Gtag 追蹤碼,提供營運方數據追蹤。
- 全品牌網站,加入 cssVars 做全站主題更換,配合 UI/UX 設計,強化網站多色系供使用者選擇。
- 結合 Google Sheet API 將維護頁功能進行自動化,方便 PM 變動維護時間,同時降低版更成本。