iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

30天Vue出Google SSO 系列

前端使用最熱門前端框架[Vue]搭配[Vuetify]套件實作,後端使用[Nodejs]與[MongoDB]資料庫實作,完美複製Google的單一登入入口(Single Sign-On)..............................................簡易版xD

參賽天數 9 天 | 共 30 篇文章 | 20 人訂閱 訂閱系列文 RSS系列文
DAY 9

Day 21. B2E-帳戶清單

今天會做兩個API 帳戶清單: 包含已登入、未登入的帳戶 帳戶移除: 顧名思義就是把清單中的帳戶移除 開啟後端(b2e)專案開始吧~ #帳戶清單API實...

2020-10-06 ‧ 由 餅乾 分享
DAY 9

Day 22. F2E-帳戶清單

回到前端,要來接上帳戶清單資料囉!! #串接帳戶清單API 開啟前端(f2e)專案開始吧!! #Step 1 打開 /views/Index.vue呼叫帳戶...

2020-10-06 ‧ 由 餅乾 分享
DAY 9

Day 23. F2E-菜單功能

今天要來將頭像菜單中的 [登入] 和 [移除] 功能實作出來唷~ #登入功能 開啟前端(f2e)專案開始吧!! #Step 1 擴展面板的登入會導向 [驗證...

2020-10-07 ‧ 由 餅乾 分享
DAY 9

Day 24. F2E&B2E-登出

今天要來做頭像菜單的最後一個功能 - 登出 內容包含登出時要呼叫的API及處理!! #登出API 登出API相對前面做過的API來說算最簡單的,因為不需要連...

2020-10-08 ‧ 由 餅乾 分享
DAY 9

Day 25. F2E&B2E-帳號驗證

今天這篇目標進度要來做輸入帳號的驗證 為什麼會有這篇的誕生呢? 原因是因為...我把它給忘了xD 之前在做登入驗證時,偷懶跳過了驗證直接讓帳號通過: if (...

2020-10-09 ‧ 由 餅乾 分享
DAY 9

Day 26. F2E-完善選擇帳戶

今天這篇也是被遺忘的xD 趕快把他補起來哈哈 #接上真實資料 在 Day 08. F2E-選擇帳號 時已經將畫面做完,並且使用假資料來生成忘記製作過程可以回...

2020-10-13 ‧ 由 餅乾 分享
DAY 9

Day 27. B2E-密碼加密

還記得第2天在做專案規劃時,有提到一個目標「加密敏感資料實現資安管理」嗎?目前我們的密碼還是一樣放在資料庫上全裸 今天進度目標要來將密碼加密存放,並實作比對密...

2020-10-13 ‧ 由 餅乾 分享

Day 28. F2E-過渡動畫

系列文接近尾聲,專案最後要來做一個過渡動畫效果 我們要做的效果是向左/右滑入滑出,效果可以參考 Vue-過渡模式 搭配 Vue Router 做出路由的過渡動...

2020-10-14 ‧ 由 餅乾 分享

Day 29. F2E-完善過渡動畫

昨天後來在看效果時,有發現過渡動畫的元素已經完全超出卡片組件的範圍了,這個不是我們想要的效果理想中的效果是要在卡片組件中完成,不能超出範圍 #加上進度條 這...

2020-10-15 ‧ 由 餅乾 分享

Day 30. 結語

#結語 最後一天,專案完成了,鐵人賽完賽不過第9天就中斷了比賽真的是覺得太~~~~~~~~~~~~~~~可惜了!!! 一開始覺得連續30天的挑戰雖然沒有接觸過...

2020-10-15 ‧ 由 餅乾 分享