本項目技術棧:Electron + React + Mobx + Express + Mongoose
產品目標:實現一個分享我的副業的網站(線上測試地址),採用 Electron 爬蟲知乎的副業話題下的優質答案,經審覈經過後上線,容許用戶評論,及用戶自主發佈本身的副業,其它用戶可查看、評論及收藏。本項目涉及到前端、Electron 管理端、Node 後端、Mongodb 數據庫整套內容,將要介紹的內容以下(文章將會提供項目 Github 地址及交流羣(q:374706257)):前端
Node 服務端:數據庫
- 如何搭建一個能夠接入多項目的 Node Express 服務構架,通用模塊和通用路由與業務的抽離;
- 理解 Session(會話保持)是入門後臺的基礎,用戶系統的登錄 +(驗證碼) 註冊的實現;
- 數據庫分庫分表的思路,分離業務表和通用表,分離開發、測試、線上數據庫;
- 阿里雲 Ecs 服務器、Linux 環境搭建 Node、Mongod、Nginx 服務端環境以及配合可視化工具方便控制;
- 理解創建數據校驗模塊,校驗一切數據類型的重要性;
- Node Express 錯誤處理機制的封裝處理;
- 普通用戶如何利用第四方聚合支付工具正常接入微信支付和支付寶支付,打造本身的收費系統;
- 付費文章內容,非會員用戶查看時如何保證只輸出部份內容;
- 掌握 Mongodb Mongoose 聯表查詢的高級聚合語法,封裝聯表查詢方法,避免數據庫設計重複字段問題;
- 創建黑名單用戶的權限控制系統,監控黑名單用戶發佈內容;
11 .創建敏感詞系統,監控命中敏感詞的評論與文章;後端
- 如何利用接口的時效性與加密字段保證接口的安全,以及請求頻率控制,防止 DDos 攻擊;
- 服務端如何防範 Xss、Csrf 攻擊的常規操做,利用好現有工具庫;
- 服務端內存緩存的利用與更新,解決使用率高,更新率低的資源的頻繁調度;
- Email 通知模塊的簡單運用;
- PM2 部署項目的使用;
- Nginx 多個實際項目經常使用的配置;
18 數據一致性如何保證;緩存
Electron 端:安全
- Electron 項目的基礎結構;
- 爬蟲與反爬蟲的解決方案對比(Electron 的 Js 注入銀彈);
- Electron 多線程的通信方案,如何作到清晰劃分;
- LowDb 本地文件數據庫資源存儲,同步更新到線上數據庫,不再怕線上資源丟失;
- Electron 下載優質文章的同時,如何下載對應的圖片到本地文件夾,並及時顯示出來;
- 優質內容 Pdf 一鍵製做發佈;
- Electron 打包與更新方案;
- Electorn 在 Windows 下的開發環境問題以及打包環境問題終極解決方案;
- 圖片批處理壓縮的工具介紹;
React 端:服務器
- 前端項目數據流兩種模式的對比;
- 錯誤監控系統與用戶分析系統的創建,利用好 IndexDB 數據庫,減輕服務端壓力;
- 前端優化打包後體積的常規解決方案;
- 阿里雲 OSS 與 CDN 的應用介紹;
- 兼容手機和 PC 的最簡單的方案;
- 漫談前端 SEO 解決方案;
- 前端經常使用工具庫介紹;
- 金融行業 TradeView 工具解決方案;