2010年8月19日 星期四

如何用 Asp.Net 取得 Face Book 的登入帳號資訊

這篇文章要為大家介紹如何用Asp.Net C# 去使用 FaceBook 的 Connect SDK,可以應用在:假如我是XX書局網路書店的會員,當我同時也是 FaceBook 的會員時,只要我曾經登入過FaceBook,我再進入XX書局網路書店時,就可以直接進入到XX書局的會員頁面,換句話說,XX書局網路書店和 FaceBook 的 會員帳號是可以整合在一起的


1. 在這裡登記FaceBook的應用程式 http://www.facebook.com/developers/ ,
    只要是用FaceBook提供的SDK,或開發FaceBook相關應用程式,如開心農場...等,
    就一定要在此登記,完成後FaceBook會給您一組安全序號,用還做安全的認證

填入您的應用程式名稱



會產生一組安全序號


填入您的聯外通資料


完成申請程序

這次要示範的是在自己的網頁程式中使用FaceBook的登入資訊,而不是開發像開心農場這種,
鉗入在FaceBook內的程式,所以可以不用去填入CANVAS的資料,同樣的,如果您要開發的是鉗入在FaceBook內的應用程式,那就要填入CANVAS的資料,而不用填入聯外通的資料。

2. 建立您的應用程式,可以直接參考微軟的說明文件,都是英文捏..看嚨謀..沒關係,
    Google都幫您翻譯好囉
    大致程序是先產生一個跨網域的html:xd_receiver.htm檔,放在您註冊的網站URL
    根目錄下,供FaceBook SDK使用, 為什麼要跨網域呢? 
    因為您的程式和 FaceBook 提供的 程式一定不會放在同一個網域阿

    接著在default.aspx的HTML Code填入一些相關的 FaceBook Code 及
    將 Sample Code的序號,
    改成您之前產生的API金鑰及安全序號,讓您的程式可以連結FaceBook 的
    登入功能並取得FaceBook的帳號相關資訊,小弟沒時間依依貼上程式碼,
    但是可以直接用官網提供的
    Sample Code 去Run,直接看Code,直接Run結果,再對照說明文件,
    才是快快樂樂寫程式啦~~~


3. 有一點需要注意的是:如果您是在單機測試使用 http://localhost 的環境
    那您一定要看這篇文張說明
    因為 FaceBook SDK 不適用localhost 的環境


修改方式如下:

1) 開啟 <%windows%>\system32\drivers\etc\hosts檔案

2) 修改內容:127.0.0.1       localhost
                         127.0.0.1      xxx.com.tw  

3) xxx.com.tw 就是您在facebook註冊的網站URL


程式執行

登入FaceBook



取得FaceBook帳號資訊








Related Posts Plugin for WordPress, Blogger...