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 11. B2E-建立專案

今天開始會是後端的API專案開發~ 前端是系統的包裝,後端是系統的核心拿蛋糕來說,前端就是做蛋糕外層的裝飾及點綴,後端就是蛋糕的內餡一個好的蛋糕,外層不僅要做...

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

Day 12. B2E-第一支API

今天進度預計目標是要建立第一支API - 登入 因為還沒用到跟資料庫,所以先使用假資料做比對的動作 真的是很會用各種假資料阿xD #API開發 第一次都...

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

Day 13. B2E-還是第一支API

API沒寫完睡不著...半夜爬起來繼續寫 #Step 8 昨天做好了 controller ,接著來做對應的 module !!複習一下: contro...

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

Day 14. B2E-MongoDB安裝

今天來安裝資料庫及建立預設的帳號密碼,在API呼叫時會連線進來比對~ 此專案用的資料庫是MongoDB 今天就不詳細介紹它直接進入實作題吧~ #下載及安裝...

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

Day 15. B2E-API連線DB

上一篇安裝的 Compass 工具真的很好玩,後來我又自己玩了一下xD不過很可惜今天用不到它了~ 今天進度目標是要把後端API連線資料庫,做真實資料的判斷!!...

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

Day 16. F2E-Axios呼叫API

後端第一支API完成後要回到前端囉~進度目標是實作登入對後端進行驗證!! 開發一個系統,最困難的就是前後端的交流,前端連不到後端的情況時常發生,而且都不好處理...

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

Day 17. B2E-加入Token

學會了前端對後端的API串接,並且實作了登入的動作雖然很開心,但是就只有登入而已!!換句話說,就是後端只告訴你「哦~你的帳號密碼是對的,好蚌蚌喔,讓你登入吧~...

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

Day 18. B2E-Token邏輯修改

Token Bug 已經讓它飛很久了,是時候開殺了~ #Token邏輯修改 首先規劃要回到原本controller及module的初衷,controller...

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

Day 19. F2E&B2E-登入狀態驗證

複習一下,第一支API做的登入會將Token以簽章加密的方式存入cookie而存入之後就可以在需要做登入狀態驗證的頁面上,再次將Token傳到後端來驗證,藉此...

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

Day 20. F2E-頭像Menu

今天很開心的要回到前端的專案,要開始來完善首頁的部分!!話說寫這篇在參考Vuetify官網時,突然發現它竟然改版了...中文翻譯要登入才能用,而且版面變的很詭...

2020-10-05 ‧ 由 餅乾 分享