#為什麼選這個主題?

Google SSO是在我上完六角學院的Vue課程之後做的第一個專案，會做這個專案的原因是由於公司的需要整合所有系統的登入入口，剛好就這麼指派到我做這件事了，剛好當時我也是剛上完課程不久，於是就順便拿來當作練習題了~也算達到了一個里程碑~

至於為什麼是Google?
其實跟Google完全不相干~只是因為主管的一句話

你就做的跟Google一樣就好了！！

太蚌了~做完我就直接去Google投履歷~

天真如我，妄想完還是要回到現實...

#希望達到的目標

因為這個專案，幾乎是從0開始(只有上過Vue課程)，其它資源都是一步一腳印慢慢估狗出來的，中間研究過程耗掉了許多寶貴時間，俗話說: 時間就是金錢，難怪我都賺不到錢

希望藉由這系列文，讓跟我一樣菜鳥的工程師們，可以節省掉很多時間

雖然我的開發流程或是邏輯思考稱不上完美，但比上不足比下有餘，希望我的思維可以帶給觀看者一些啟發

最後，也是我最希望的，除了精進別人以外能精進自己更好，有任何需要改進的地方也希望可以有人提出來，大家互相指教

#文章大綱

目前規劃會分為前端與後端的專案

• 前端: 使用Vue與Vuetify實作畫面
• 後端: 使用Node.js與Express實作API

文章內容會是前後交替，基本上盡量同一篇就是只有前端或後端的內容xD
(但不保證一定xD)

#系列文適合誰

• 想要練習Vue&Vuetify的人
• javascript基本功已有並且可以實作出作品，想繼續更上層接觸的人
• 剛學習Vue的人，可以拿來當做練習題
• 公司有意願想開發SSO然後叫你做

#不適合誰

• 沒有接觸過javascript或是基本觀念不熟練，建議不要直接越級打怪

很難說不適合誰，想了解的人，碰到不會或沒聽過的觀念自然會去估狗
(因為我自己就是這樣來的)

#系列文傳送門

• Day 01. 前言
• Day 02. 專案規劃
• Day 03. F2E-建立專案
• Day 04. F2E-專案結構
• Day 05. F2E-首頁開發
• Day 06. F2E-登入頁開發
• Day 07. F2E-輸入帳號
• Day 08. F2E-選擇帳號
• Day 09. F2E-輸入密碼
• Day 10. F2E-表單驗證
• Day 11. B2E-建立專案
• Day 12. B2E-第一支API
• Day 13. B2E-還是第一支API
• Day 14. B2E-MongoDB安裝
• Day 15. B2E-API連線DB
• Day 16. F2E-Axios呼叫API
• Day 17. B2E-加入Token
• Day 18. B2E-Token邏輯修改
• Day 19. F2E&B2E-登入狀態驗證
• Day 20. F2E-頭像Menu
• Day 21. B2E-帳戶清單
• Day 22. F2E-帳戶清單
• Day 23. F2E-菜單功能
• Day 24. F2E&B2E-登出
• Day 25. F2E&B2E-帳號驗證
• Day 26. F2E-完善選擇帳戶
• Day 27. B2E-密碼加密
• Day 28. F2E-過渡動畫
• Day 29. F2E-完善過渡動畫
• Day 30. 結語

#雲端壓縮檔傳送門

F2E傳送門
B2E傳送門

我有參加六角學院的[鼠年全馬鐵人賽]，其中實作的部份都會放專案的雲端壓縮檔
但後來覺得這個做法不太可行，原因是如果之後專案有任何變動，又要再重新壓縮上傳雲端，實在是麻煩...
所以最後決定把專案最後結果放上就好，就算有變動也不影響~

第一次參加iT邦鐵人賽微緊張，請各路大神鞭小力點，謝謝！！