這支影片要帶你一步一步,用最簡單的方式,完成一個純 JavaScript 的前端登入模組。

我們不使用任何框架、不寫 jQuery,只靠最基本的 HTML 和原生 JavaScript,就能做到完整的登入流程,包括:

傳送帳號密碼到後端 API
接收回傳的 token 並儲存
顯示登入後的主畫面與歡迎詞

這套架構簡單好懂,很適合剛學前端的人跟著練習,學會怎麼從「按下登入」開始,連接到後端、儲存 token、顯示內容,搞懂整個流程怎麼走。

影片中所有畫面、功能,都可以輕鬆複製修改,做出你自己的小系統。

00:00 ASP.NET WebAPI專案執行html檔案設定
01:52 登入頁面HTML開發
03:04 登入頁面JavaScript開發
06:16 前端登入模組測試