【教學】Facebook SDK 前傳:準備Social一下


由於官方教學文件太深奧了,總是需要看一堆文件才能懂。

小弟希望用最簡單的方式讓大家分享如何使用Facebook SDK。


這系列預計會有三部曲,分別簡單的示範如何登入、抓取資料、發佈消息,以及有無限多的外傳來補充不足XD,希望大家不吝給予建議。



開始吧!


要存取Facebook上的資料,大概流程:

向Facebook要求憑證 -> Facebook認證 -> 使用者授權 -> 取得憑證 -> 憑證存取資料

Facebook SDK使用OAuth2.0來進行認證,SDK處理好了不用自己做,但想知道OAuth2.0做法可以參考這邊

我們需要建立一個Facebook App取得需要認證的基本資訊及設定,再設定專案以放入必要的資訊,準備好:

1. 一個Facebook帳號。
2. Facebook SDK for iOS ,v3.1以上,按這裡可以找到
3. 建立一個空白iOS App.



OK!先建立一個Facebook App:


1. 先登入Facebook Developer,然後進入Apps。





2. 第一次登入Developer,Facebook要求你升級成開發者帳號Developer Account,做完身家調查後,按下’Create New App' 。



3. 填入必要App Name,建議與iOS App的名字一樣,因為在讓使用者認證時會顯示的是這個名字,你不會希望看到在用A app時跑出B app要存取你的資料這種畫面吧?!
    App Namespace以後在使用Open Graph時會用到。



4. Captcha ! 世上最難的題目。



5. 建好了,記下App ID、App Secret待會設定會用到。



6. 點擊下方'Native iOS App'選項,輸入剛剛開好iOS App專案的Bundle ID,要一模一樣。
    iPhone&iPad App Store ID如果使用者沒有安裝你的APP,FB可以幫你推播到App Store,看情況用囉。



Facebook App設定好了,換專案:


1. 記得 'App ID' and 'App Secret'? 輸入這些欄位到.plist.

    -    FacebookAppID                : App ID囉!   
    -    FacebookDisplayName    : 認證時會顯示的名字,如果不想用Safari開啓認證畫面,這欄省略。
    -    URL types
        -    item 0
            -    URL Schemes
                -    item 0                    : "fb" + App ID放這邊。(感謝Tom Hsu)




2. 導入必要的Framework :

    a. AdSupport
    b. Accounts
    c. CoreLocation
    d. FacebookSDK
    e. libsqlite3.dylib
    f.  Social
    g. Security
   


    Facebook SDK不要忘記。



設定完成!


繼續下一步:【教學】Facebook  SDK 首部曲:登入Facebook(這是我的一小步...卻是人類...咦?這麼多人啊?)




參考文件: 

Wiki - OAuth




How to create a Facebook Developer account

Register and Configure a Facebook Application


留言

  1. 作者已經移除這則留言。

    回覆刪除
  2. 台灣市場的App Name會是中文,比如『可愛記事本』,而Bundle ID 在xcode會顯示如com.azuz.-----,就是以橫線表示。facebook這裡輸入這樣可以嗎?謝謝。

    回覆刪除

張貼留言

這個網誌中的熱門文章

【給程式新手】陰魂不散的物件導向?

【教學】Facebook SDK 首部曲:登入Facebook(這是我的一小步...卻是人類...咦?這麼多人啊?)