透過 Vue + FastAPI 完成 LINE Login 一鍵式登入
前言
碰巧最近有個日文五十音消除遊戲的 Side Project 正在實作中，參考之前鐵人賽文章，實作上發現有些內容可能是年久失修，導致實作上不太順利，碰巧近期 LINE Login 的官方文件也有更新，並且搭配之前實作的範例是使用 (Screen-LINE-Bullets)，來延伸 Side Project，以下就為各位介紹一下其中使用 LINE Login 的一些過程。
TL;DR
- LINE Login 範例從 Flask 轉到 Vue+FastAPI
- 前後端分離
- 前端用兩個頁面清楚展示 LINE Login SSO 步驟
- 後端兩個 API
- 取得認證導向網址
- 認證 JWT 中的使用者參數
- 環境變數都放後端(較安全)