先看一次：自己做的帳號密碼系統，前後端在做什麼

在講「使用 Google 登入」之前，先看清楚如果什麼都自己來，一套帳號密碼系統長什麼樣子。有了這個基準，才看得出第三方登入到底幫你省掉了什麼。

下面左邊是使用者的手機，右邊是你的後端。整套流程只有四個動作：註冊、登入、拿著通行證做事、通行證失效。跟著做一次。

剛才那四個動作，是這套系統會動起來的最低要求。但要能真的上線，還有一串事情得自己扛。下面這六張卡都只是先簡單提一下，每一件展開來都夠講一整堂課，這裡不深入。

承上一段：與其自己保管密碼，不如把「證明你是你」這一步交給 Google。

使用者按下那顆按鈕之後，畫面背後會依序經過這幾個階段：

1. 導向 Google 授權頁：你的網站把使用者帶到 Google 的授權頁，並說明網站是誰、想要什麼資料。
2. 使用者授權：輸入你的 Google 帳號與密碼，並在授權頁面上決定要不要同意網站取得你的資訊。
3. 拿回授權碼：Google 把使用者送回你的網站，並帶著一張只能用一次的授權碼，通常會附在網址上。
4. 後端換資料：你的後端拿授權碼去跟 Google 換使用者資料，這一步在兩台伺服器之間進行。
5. 建立登入狀態：後端在自己的資料庫建好帳號，發出你自己的通行證。

下面把每個階段拆開，看它們各自由誰發起、帶了什麼。

看完兩條路，該回答的問題是：什麼時候用哪一個。點下面每一個項目，看兩種做法各自的答案。

這一課把「為什麼第三方登入比較省事、又省在哪裡」講完了。帶走這三個重點：