2012年11月1日 星期四

如何用 javascript 取得 facebook 的登入 login 帳號資訊

現在的網站及網路上的各種行銷活動很流行與 facebook 做結合,當然 facebook 的官網也會提供 API 讓程式設計師來使用,

之前的文章提到:如何用 Asp.Net 取得 Face Book 的登入帳號資訊
但那畢竟是使用 third-party 的方式來使用 facebook api , third-party 有可能會因為沒有即時跟上 facebook api 版本 的異動而失效,或作者不再提供更新的風險,
建議最好還是使用官網提供的標準 API ,

很不幸的,目前 facebook API 只提供 php , javascript , ios , android 的版本,那如果是使用其他程式語言,例如 asp.net , python...等的網站,要如何來應用呢?

其實很簡單,我們可以使用 javascript 的 facebook API 來完成我們想要的功能

1. 首先,先 include 官網的 javascript
script src="http://connect.facebook.net/en_US/all.js"

2. 在 html body 的 區段 下 寫入下列的 html code

div id="fb-root"    


3.  寫入下列的 javascript code , 並到 facebook官網申請應用程式APP ID , 如下圖的範例 appId : "4523"



4. 貼上下面的 html code , 顯示 facebook 的登入按鈕



5. 將取得的 facebook ID 利用 javascript 傳入到自己的程式
如上圖的code , 
window.location = "activity.aspx?user_id=" + user_id;
其中,user_id 就是  透過 facebook api 抓到的 facebook user id , 就樣就可以完成 facebook 的 login 程式囉,來看一下執行結果~~





Related Posts Plugin for WordPress, Blogger...