2013年6月23日 星期日

[Xcode]在程式裡面加入Facebook Login的功能(一)

詳細的步驟在Facebook Developer的網站上。
事後來看,實作真的很簡單,(如果有仔細看文件的話! XD)
首先簡單說明一下步驟;
i. 下載並安裝Facebook SDK。
ii. 在Facebook上申請並取得一個app ID。
iii. 設定你的Xcode。
iv. 開始撰寫程式。


i. 下載安裝Facebook SDK:

1. 和字面上的意思一樣,首先先到FB的開發者網頁,然後下載他的SDK與範例回來。
 
螢幕快照 2013 06 24 上午7 03 12

下載回來的檔案會長這樣是個pkg檔,可以直接安裝。
螢幕快照 2013 06 24 上午7 13 02
2. 打開並且安裝SDK完成。
這時候和我一樣還不太熟悉OSX系統的人應該和我一樣,就看著他默默裝完了,然後還不知道他把東西放在哪。
沒有意外的話,檔案會放在文件->Facebook SDK這個資料夾底下。
第一個步驟下載安裝SDK完成嘍。

ii. 在Facebook上申請並取得一個app ID:

1. 回到Facebook Developer app頁面,選擇建立新的應用程式。
 
螢幕快照 2013 06 24 上午7 24 12
輸入所畫面要求的訊息,然後按下繼續,然後會跳出驗證碼視窗,輸入正確的驗證碼後繼續。
螢幕快照 2013 06 24 上午7 28 42
然後就會產生一個FB應用程式嚕,記下其中的App ID,等一下撰寫程式的時候會用到。
螢幕快照 2013 06 24 上午7 31 25
到此,第二個步驟也完成了。

iii. 設定你的Xcode;

1. 首先建立一個Project 在這裡我們選了一個Single View的 Project,首先加入這幾個framework
Account.framework
AdSupprot.framework 
Social.frameworkSecurity.framework
libsqlite3.dylib


然後點選Add Other
 
螢幕快照 2013 06 24 上午7 49 40
文件底下Facebook SDK的資料夾底下把Facebook.framework加入。
在Frameworks的資料夾上點右鍵,選擇Add Files to ..
 螢幕快照 2013 06 24 上午10 38 31
然後再到其下的Recourse 將FacebookSDKResources.bundleFBUserSettingsViewResources.bundle加進來。(這個步驟會影響到後面FB Login的View是否能正常顯示的出來。)

所需要加入的framework如下。
 螢幕快照 2013 06 24 上午7 58 09
2. 設定App ID
 首先先到plist底下新增兩個Row,名稱分別為
 FacebookAppID  輸入剛剛在Xocde所申請到的App ID
 FacebookDisplayName 輸入剛剛所申請的App 名稱
 
螢幕快照 2013 06 24 上午8 08 28
加油,還差一點!

 

沒有留言 :

張貼留言