[教學]用Facebook帳號登入你的網站

在開始之前...你必須先向facebook註冊你的網站

https://developers.facebook.com/



完成後即可得到你的

應用程式ID/API鑰匙=> 即後面會用到的client_id

網站URL=> 這應該是你自己設定的後面也會用到redirect_uri

應用程式密鑰=> 後面會用到的client_secret



完成註冊後就可以開始以下步驟了



Step1: 做登入的按鍵

這按鍵的只要加上這個超連結就行了

https://www.facebook.com/dialog/oauth?client_id=你的client_id&redirect_uri=http://www.7998.com.tw/



Step2: 在你的登入頁面需要加入一個code的參數 以便facebook將資料帶進來

在使用者按下登入的按鍵後facebook會讓使用者登入後再導回到你的網站並附帶一個code的參數


http://www.7998.com.tw/?code=2345eashdfhasdfjasdkfjasdlfjlasdj......這code是我亂打的 = ="



Step3: 利用facebook 傳來的code參數向facebook取得access_token

https://graph.facebook.com/oauth/access_token?client_id=應用程式ID/API鑰匙&redirect_uri=你的網址&client_secret=應用程式密鑰&code=2345eashdfhasdfjasdkfjasdlfjlasdj



會得到facebook 回傳的資料

access_token=asdfasdbja;ljserowjelrjlwjksejlfjsl....這當然也是我亂打的= ="



Step4: 利用access_token就可以取的使用者的資料了

https://graph.facebook.com/me?access_token=asdfasdbja;ljserowjelrjlwjksejlfjsl


詳細流程可以看facebook的官方說明
https://developers.facebook.com/docs/authentication/