iOS
FacebookSDK

FacebookSDKインテグレーション

手順1：SDKをインストールする

手動またはCocoaPods経由でSDKをインストールできます。後者のオプションが強く推奨されます。

これらの行をPodfile入れます：

target 'MyApp' do
  use_frameworks!

  pod 'FBSDKCoreKit'
  pod 'FBSDKLoginKit'
  pod 'FBSDKShareKit'
end

実行pod install 、端末とオープンに.xcworkspaceの代わりに.xcodeprojその後。

FBSDKLoginKitとFBSDKShareKitはオプションです。あなたはそれらを必要とするかもしれません。

ステップ2：Facebookにアプリを作成する

クイックスタート - 開発者のためのFacebookに移動し、アプリを作成します。

アプリを作成した後、FacebookからSDKのダウンロードを求められます。すでにCocoaPods経由でSDKをインストールしている場合は、この部分をスキップできます。

ステップ3： .plist編集

a。あなたのアプリがFacebookと "コミュニケーション"できるようにするには、 .plistファイルにいくつかの設定を入れる必要があります。 Facebookは、クイックスタートページでカスタマイズされたスニペットを提供します。

b。 .plistファイルをソースコードとして編集します。

c。カスタマイズしたスニペットをソースコードに貼り付けます。 注意してください！スニペットは、 <dict>タグの子でなければなりません。あなたのソースコードは次のようなものでなければなりません：

<plist version="1.0">
<dict>
    // ...
    //some default settings
    // ...
    <key>CFBundleURLTypes</key>
    <array>
        <dict>
            <key>CFBundleURLSchemes</key>
            <array>
                <string>fb{FBAppId}</string>
            </array>
        </dict>
    </array>
    <key>FacebookAppID</key>
    <string>{FBAppId}</string>
    <key>FacebookDisplayName</key>
    <string>{FBAppName}</string>
    <key>LSApplicationQueriesSchemes</key>
    <array>
        <string>fbapi</string>
        <string>fb-messenger-api</string>
        <string>fbauth2</string>
        <string>fbshareextension</string>
    </array>
<key>NSAppTransportSecurity</key>
<dict>
    <key>NSExceptionDomains</key>
    <dict>
        <key>facebook.com</key>
        <dict>
            <key>NSIncludesSubdomains</key>
            <true/>
            <key>NSExceptionRequiresForwardSecrecy</key>
            <false/>
        </dict>
        <key>fbcdn.net</key>
        <dict>
            <key>NSIncludesSubdomains</key>
            <true/>
            <key>NSExceptionRequiresForwardSecrecy</key>
            <false/>
        </dict>
        <key>akamaihd.net</key>
        <dict>
            <key>NSIncludesSubdomains</key>
            <true/>
            <key>NSExceptionRequiresForwardSecrecy</key>
            <false/>
        </dict>
    </dict>
</dict>
</plist>

スニペットを間違った場所に貼り付けると、問題が発生します。

ステップ4：Quick StartsページでバンドルIDをFacebookに伝えます。

=> バンドル識別子を取得する方法

ステップ5： AppDelegate.swift編集する

a。

import FBSDKCoreKit

b。

func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {
    FBSDKApplicationDelegate.sharedInstance().application(application, didFinishLaunchingWithOptions: launchOptions)
    return true
}

func application(application: UIApplication, openURL url: NSURL, sourceApplication: String?, annotation: AnyObject) -> Bool {
    return FBSDKApplicationDelegate.sharedInstance().application(application, openURL: url, sourceApplication: sourceApplication, annotation: annotation)
}

独自のカスタム「Facebookでログイン」ボタンを作成する

FacebookSDKに付属しているオリジナルのボタンの代わりに、 "Facebookにサインインする"ボタンのための独自のUIを設計することもあります。

1. あなたのストーリーボードで、UIButtonをドラッグして設定します。
2. Ctrl + IBActionとしてビューコントローラにボタンをドラッグします。
3. IBActionメソッドの内部では、実際のFacebookボタンのタップを次のようにシミュレートします。

迅速：

    let loginButton = FBSDKLoginButton()
    loginButton.delegate = self
    // Your Custom Permissions Array
    loginButton.readPermissions =
    [
                             "public_profile",
                             "email",
                             "user_about_me",
                             "user_photos"
    ]
    // Hiding the button
    loginButton.hidden = true
    self.view.addSubview(loginButton)
    // Simulating a tap for the actual Facebook SDK button
    loginButton.sendActionsForControlEvents(UIControlEvents.TouchUpInside)

目標-C：

FBSDKLoginButton *FBButton = [FBSDKLoginButton new];

// Your Custom Permissions Array
FBButton.readPermissions = @[@"public_profile",
                             @"email",
                             @"user_about_me",
                             @"user_photos"
                             ];
FBButton.loginBehavior = FBSDKLoginBehaviorNative;
[FBButton setDelegate:self];
[FBButton setHidden:true];
[loginButton addSubview:FBButton];

[FBButton sendActionsForControlEvents:UIControlEventTouchUpInside];

あなたは終わった。

Facebookのユーザーデータを取得する

ユーザーがアプリでFacebookにサインインした後、 FBButton.readPermissionsリクエストしたデータを取得します。

迅速：

enum FacebookParametesField : String
{
    case FIELDS_KEY = "fields"
    case FIELDS_VALUE = "id, email, picture, first_name, last_name"
}


if FBSDKAccessToken.currentAccessToken() != nil
{
//  Getting user facebook data
FBSDKGraphRequest(graphPath: "me", 
                 parameters: [FacebookParametesField.FIELDS_KEY.rawValue : FacebookParametesField.FIELDS_VALUE.rawValue])
.startWithCompletionHandler({ (graphConnection : FBSDKGraphRequestConnection!, result : AnyObject!, error : NSError!) -> Void in
    
        if error == nil
        {
            print("Facebook Graph phaze")

            let email = result["email"]
            let facebookToken = FBSDKAccessToken.currentAccessToken().tokenString
            let userFacebookId = result["id"]
            let firstName = result["first_name"]
            let lastName = result["last_name"]
            
            if let result = result as? Dictionary<String, AnyObject>
            {
                if let picture = result["picture"] as? Dictionary<String,AnyObject>
                {
                    if let data = picture["data"] as? Dictionary <String,AnyObject>
                    {
                        if let url = data["url"] as? String
                        {
                            //  Profile picture URL
                            let profilePictureURL = url
                        }
                    }
                }
            }
        }
    })
}