App
使用 ReactNative 作為 App 的主要開發工具,搭配 redux, redux thunk, 等相關套件作為 storage,以 http request 的方式去介接後端的 API。因為專案的特別功能需求,引入「極光推送」功能與「Openinstall 推廣」功能,此部分需接觸原生 sdk。使用 Microsoft 提供的 code-push 套件功能,搭架一個可以只有 javascript 代碼熱更新的更新機制,提供更輕量的 APP 更新。
Web
以 RWD 的響應概念去設計排版。使用 React 作為框架去開發,搭配 redux, redux-thunk, 等相關套件作為 storage,以 http request 的方式去介接後端的 API。引入 PWA 的功能,讓用戶可以享受 native 的設計,並且不會佔用 mobile 太多空間。
Web
拋棄舊有的前後端混合在一起的代碼,將前端代碼分離出來設計,搭配 API 的設計與後端配合。
以 Next.js 做為 SSR 的架構下去設計網頁主架構,代碼設計上搭配 redux 與 context 的概念應用在其適用的部分。畫面 UI 上使用 material-ui 相關工具套用。
App (Android)
此 App 主要用來擷取收帳通知與資訊。監聽 Mobile 上 Notification 的資訊,擷取需要的通知與資訊,以 API 的方式將資訊送往後端並記錄在資料庫。代碼上以 Java 撰寫。