ASP.NET Identity Oauth-FB 登入

 

一、至FB開發人員中心設定APP程式

可直接輸入https://developers.facebook.com/apps/

當註冊成FB的develope之後,直接到MyApps頁籤,

新增一個App應用程式

選擇網站類型

輸入專案名稱

再輸入你的網址,

先假設你的測試網址為https://localhost:44301/

下一步即可完成。

重新進入MyApps的Identity專案

需記住appID與AppSecret

 

二、接下來看.NET專案設定的部分

先新增一個名為FBIdentity_project預設有會員登入專案,

並於專案下方的屬性,開啟SSL設定後會自動產生SSL URL,

注意:此時的SSL URL就是先前在FB所設定的網址,

目前看來app Secret與FB設定網址的先後順序沒有影響

於專案右鍵屬性->Web頁籤的project url改為SSL URL,

也就是https://localhost:44301/

於App_Start \ Startup.Auth.cs裡的FB接口輸入AppID與AppSecret後儲存

app.UseFacebookAuthentication(
   appId: "602958939840854",
   appSecret: "9136292f66073304b91eb99880e1dcdd");

啟動專案後於log in可看到FB登入按鈕

驗證成功畫面

你會發現在 AspNetUserLogins 這張資料表中

登入紀錄已經寫上去了

 

參考資料:

只要詳細閱讀應可成功使用FB的 single sing on

Create an ASP.NET MVC 5 App with Facebook, Twitter, LinkedIn and Google OAuth2 Sign-on (C#)

【ASP.net MVC】專案放置 Facebook 登入-- OAuth 認證(2)

[ASP.net MVC 4] 使用微軟內建的facebook OAuth登入範本的補充資訊,以瘋狂賣客網站為例