MVC 5應用程序與Facebook、Google OAuth2登入

  • 2097
  • 0
  • MVC
  • 2020-12-05

Facebook、Google OAuth2登入

上週日7/23,因為太無聊
所以就上網找關於MVC的教學文章
無意間發現了微軟的一些MVC教學
於是看了一下,發現好像有一個功能
現在比較常見到,尤其是手機遊戲
或是網頁的拍賣網站都利用Facebook、Gooogel等帳號
來進行登入,於是我看了微軟的教學文件
邊看邊做,就做出來了
所以在這邊分享給大家
之前接案的時候也有做過,所以不算陌生

廢話不多說直接來

1、首先打開你的Visual studio,建立一個專案,選擇Web Applaction
2、選擇MVC範本,然後按下確定建立專案
3、接著建立完成後打開App_start的目錄,底下有一個Startup.Auth.cs
     請把它點開然後程式碼拉到最下面會到我框起來的地方先把他取消註解
4、請到Google Developers Console 建立一個 應用程式憑證,連結之後畫面應該長這樣,請按下建立憑證
5、選擇網路應用程式,如果你是App就選看你是哪一種的
6、先回到Visual sudio 點開你的專案,先把專案改成使用SSL,並且記住SSL的網址
7、回到Google設定頁面,已授權的Javascript來源,請填上你SSL的網址,下面已授權重新導向URl請填上SSL網誌/Signin-google
8儲存之後,回來看用戶端ID跟用戶端密碼,把它們填入到你的專案內
9、然後執行你的專案,登入選項選Google,然後登入你的google帳號密碼
10、登入成功後第一次會問你要不要註冊,就選註冊吧
11、註冊完之後就成功登入了,下次也可以用這個方式繼續登入
PS:Facebook的登入也是依此類推,但是FB比較機車的是他比較嚴格
        FB不接受 locahost,必須要有一個網域名稱,另外也是強迫要有SSL必須是https
        要府和以上條件,再設定的時候FB才會讓你過,如果缺少其中一個都設定都不會讓你通過
        以上,如果有問題可以在底下留言給我QQ