我的React / Koa 項目上線——健身筆記

FitNote 健身筆記

FitNote的誕生是爲了更好地記錄在力量訓練中負重的變化狀況，也能夠說是力量訓練筆記本。

體驗地址：fitnote.inhere.top 體驗帳號：abc / 123456

暫時暫未開放註冊，有須要能夠留言給你開通帳號。

開發詳情

前端

項目地址

前端基於React.js 16.0 +並採用material-ui前端UI框架。

目前項目不復雜，並未使用Redux等狀態管理工具。

技術涉及：

• React V16部分新特性。
• React-Router 4。
• 封裝Axios做爲BaseService，統一處理接口。
• PWA漸進式程序，能夠像原生App同樣添加在設備應用中，並支持離線使用。（目前還在開發Service Worker，暫時離線功能不支持數據保存於獲取）

後端

項目地址

後端Koa-Server-Base地址，拎包使用

採用Koa.js數據庫使用MySQL 5.7，對框架數據處理層——dao層進行封裝，使用繼承來模塊化Module等等，很大程度上提高系統易用性與安全性。

特性

• 模塊化業務層。（每一個Module自行管理Router/Dao/Controller）
• 抽象Middleware層，每一個模塊能夠更方便的組合本身須要的中間件。
• 統一錯誤捕獲與處理。
• 統一解碼jwt。
• 封裝消息處理，統一管理API消息。
• 記錄訪問。

安全策略：

• 採用JWT（Json Web Token）來作接口安全檢查，並封裝權限效驗中間件。
• 封裝數據庫類，統一處理數據庫層面可能發生的安全問題。
• 記錄每一次的API進/出，能夠更具須要處理與分析風險。
• 使用log4js記錄、管理系統日誌。

項目截圖