工作上主要負責的專案分為三個:
- SmartxOffice
Electron & Vue2 為基底所製作的辦公事軟體,可供 Mac 與 Window 使用。具備審批與即時通訊聊天等辦公室軟體常見功能。與一般通訊軟體不同之處,此軟體的訊息不落地,全為API提供。
功能上像是 Slack 融合 104企業大師。
- SurveyWeb
Vite & Typescript 搭配 Qiankun 製作的問卷填寫與問卷結果 WebVeiw,供 PC, Android, IOS 端口使用,也具備未來彈性擴充的功能。若照過往架構,這些頁面會被不同端口重複開發,且這些端口都需要透過下載更新,版本迭代緩慢加上重複造輪。故導入微前端,獨立開發、維護、運行,降低耦合,統一流程行為。
功能上像是 SurveyCake 的簡易版。
- AdminWeb
Vite & Typescript 為基底製作的後台管理頁面。因業務需求,把 SmartxOffice(上述專案) 中的監控、公告與權限相關管理部分拆出來的獨立頁面。而後又新增了創建問卷等功能。
因為是非公開的產品,且需要VPN才能使用,所以沒辦法直接給檔案或是網址讓大家操作。
下面截圖與錄影了部分操作或畫面讓大家能理解我在旺晁負責的專案樣貌。有不清楚或想深入了解的部分(Code),歡迎聯繫面試。
我自己有寫文件與筆記的習慣,在過去一年的工作中,應寫有萬餘字了。人的大腦確實記不住這麼多東西,文件筆記這東西不管是做留存、提醒、交接等都相當有幫助。
也節錄幾個工作上的文件與筆記:
-
WebSocket 重連開發的文件
App WebSocket 重連
-
Survey Web 前端的 API 文件
Survey Web API
-
熱更新文件
熱更新
-
開發流程與推版
開發流程與推版
-
記憶體洩漏
記憶體洩漏
1. SmartxOffice 專案
Overview
App 大略樣貌
https://youtu.be/nvXHGktI5LA
Chat
聊天操作1
群組聊天的常見操作。
https://youtu.be/ZTRtrq--mQw
Chat
聊天操作2
往上滑,載入大量訊息。
https://youtu.be/HLcIbqMrP3Y
Chat
聊天通知