WEBVIEW 重構計畫

今天大概來說

• 為什麼要重構
• 我認為 iframe 更好的理由
• 專案現況概覽
• 我需要請 H5 同事們幫忙的部分

為什麼要重構 (1) - 內部因素

• 前端工具版本老舊
• 多語系做法不完善
• 樣式做法不理想
• 逆來順受，接受太多畸形的需求
• 打包給 H5 引入的方式，對於雙方都不好管理維護
• 效能有優化的空間
• 程式碼有太多秘密
• 需要移除投注記錄

為什麼要重構 (2) - 外部因素

• 前情提要：投注記錄換其他團隊開發
• 新投注記錄樣式與目前的 WEBVIEW 其他頁面相差巨大
• 新投注記錄可能是提供網址給 H5，和 WEBVIEW 現況不同
• 我覺得新投注記錄上線後，老闆會感覺與幫助頁面差異太大，然後說要改

WEBVIEW 的故事

WEBVIEW 的故事

WEBVIEW 的故事

WEBVIEW 的故事

我認為 iframe 更好的理由

• 可以單獨發布更新
• 可以單獨測試
• 可以單獨 CDN
• 減少遊戲大廳整體檔案大小
• 減少與遊戲互相影響的可能性
• 與 COCOS 情境更接近
• 兩邊專案程式碼都能簡化

新專案概況

• 框架還是 NextJS.... 升級至最新版本
• Astro 才是最佳選項，但是兼容問題很大
• CSS 樣式改使用 Tailwindcss
• 多語系使用 react-intl 配合 Crowdin CLI
• 使用 react-query 管理 API 請求
• 採用 Typescript
• 不知道幹什麼的程式碼都不保留
• 太奇怪的需求... 直接偷偷幹掉

接下來的計畫（需要 H5 同事幫忙）

• 我提供一版網頁，部署到測試環境，裏面只會先有一個遊戲的幫助頁面，請 H5 開發一版以 iframe 串接幫助頁面的遊戲大廳
• 請 H5 簡單測試兼容性問題，看能不能在 APP 裡正常使用
• 如果發現問題可以找我討論，一起解決
• 如果沒發現什麼大問題，我再找麥哥說這個事，爭取他同意
• 然後會安排更多人力維護。歡迎所有人參與開發（非強迫）
• 關於上線時間，我預計有三種可能
• 第一種：和投注記錄重構版本一起上（我不知道那是什麼時候）
• 第二種：和 H5 多語系一起上（此時 COCOS 應該還沒有多語系，我可以只顯示中文語系給他們用）
• 第三種：沒有人在乎，做完了但不測也不上，無限期停滯（我會想辦法推進）

魅族中興華為打不開