全端網站設計範例:後端登入驗證機制

本篇為「全端網站架構」中的後端範例及細節。需先建立專案至後端伺服器啟動(請參閱上一篇:全端網站設計範例:後端新增 Apollo server)。

登入機制的實做會用 JWT Token 儲存在瀏覽器 LocalStorage 的方式實做,不會在後端儲存使用者的 Session。雖然這種做法無法在後端撤銷特定使用者的登入 Token,但足夠輕量且開發較為容易。

繼續閱讀

全端網站設計範例:後端新增 Apollo server

本篇為「全端網站架構」中的後端範例及細節。需先建立專案(請參閱上一篇:全端網站設計範例:後端專案建立)。

由於此專案前後端用 GraphQL 作為 API 的形式,考慮到便利性,前後端都會使用 Apollo 所提供的框架。

主要參閱 Get started with Apollo Server 這篇官方教學文來實做。

繼續閱讀

全端網站架構

本篇記錄建置一個全端網站的架構設計概述,使用的框架、套件如下

  • Backend - Node.js + Apollo Server (GraphQL)
  • Frontend - React + Apollo Client (GraphQL)
  • Database - MySQL
  • Deployment - AWS EC2, Nginx
繼續閱讀