FB 登入實作的部分,我想大家參考官方文件應該就可以很清楚了,有範例程式碼加上全中文,我想應該沒什麼困難! 這邊想記錄的主要是 FB 客製化登入按鈕實作 與 FB登入的個人資料串接。 PS. 囧,當初接FB登入的時候一直拿不到使用者 email !! 備註:在以下步驟之前,要先自己參考官方文件說明創建一個facebook的APP FB客製化按鈕實作 首先我們先使用HTML及CSS製作一個客製化的按鈕 接下來我們必須寫javascript的部分,我們需要存取使用者公開資料與email 這樣就可以完成一個客製化的FB登入按鈕囉! FB登入個人資料串接 接下來我們進一步的在後端嘗試拿取使用者所授權的個人資料 我們可以透過上面編寫的程式碼,在後端得到使用者的 access token 透過 graph api 去存取使用者的個人資料 例如: GET  https://graph.facebook.com/me?fields=id,name,email&access_token=’+token graph api 會回傳: {   “id“: “xxx”,   “name“: “xxx“,   “email“: “[email protected]” } 這樣就可以成功地拿取到使用者的資訊囉。 另外,也可以透過 Graph API 測試工具做測試 PS. 記得 fields 一定要填上你所要拿取的欄位,不然只能拿到基本的ID與名字。 參考資料: https://developers.facebook.com/docs/facebook-login/web