Integrate Facebook Login in iOS App

Rakesh Sharma

19 February 2018

Facebook Login in Swift 3

Hello guys, this post is about Facebook Login in Swift 3.

Create a Podfile in your project and write the following code inside.

pod 'FacebookCore' pod 'FacebookLogin' pod 'FBSDKLoginKit'

1
2
3

  pod 'FacebookCore'
  pod 'FacebookLogin'
  pod 'FBSDKLoginKit'

save and close Podfile. Then run command in terminal to install facebook framework

pod install

1

pod install

Inside Appdelegate.swift

write import statements

import FacebookLogin import FBSDKLoginKit

1
2

import FacebookLogin
import FBSDKLoginKit

write below codes in following methods

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool { let value:Bool = FBSDKApplicationDelegate.sharedInstance().application(application, didFinishLaunchingWithOptions: launchOptions) return value } func applicationWillResignActive(_ application: UIApplication) { FBSDKAppEvents.activateApp() } func application(_ application: UIApplication, open url: URL, sourceApplication: String?, annotation: Any) -> Bool { let valueFacebook: Bool = FBSDKApplicationDelegate.sharedInstance().application(application, open: url, sourceApplication: sourceApplication, annotation: annotation) return valueFacebook } @available(iOS 9.0, *) func application(_ app: UIApplication, open url: URL, options: [UIApplicationOpenURLOptionsKey : Any]) -> Bool { let valueFacebook: Bool = FBSDKApplicationDelegate.sharedInstance().application(app, open: url, sourceApplication: "UIApplicationOpenURLOptionsKey", annotation: nil) return valueFacebook }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
        let value:Bool = FBSDKApplicationDelegate.sharedInstance().application(application, didFinishLaunchingWithOptions: launchOptions)
        return value

    }

func applicationWillResignActive(_ application: UIApplication) {
        FBSDKAppEvents.activateApp()
    }

func application(_ application: UIApplication, open url: URL, sourceApplication: String?, annotation: Any) -> Bool {
        let valueFacebook: Bool = FBSDKApplicationDelegate.sharedInstance().application(application, open: url, sourceApplication: sourceApplication, annotation: annotation)

        return valueFacebook
    }

@available(iOS 9.0, *)
func application(_ app: UIApplication, open url: URL, options: [UIApplicationOpenURLOptionsKey : Any]) -> Bool {
        let valueFacebook: Bool = FBSDKApplicationDelegate.sharedInstance().application(app, open: url, sourceApplication: "UIApplicationOpenURLOptionsKey", annotation: nil)

        return valueFacebook
    }

Inside ViewController in which you are going to create Facebook button to login

Write import statement

import FBSDKLoginKit

1

import FBSDKLoginKit

Create IBAction method on Facebook UIButton and write below code inside that method

@IBAction func facebookBtnAction(_ sender: Any) { let loginView : FBSDKLoginManager = FBSDKLoginManager() loginView.loginBehavior = FBSDKLoginBehavior.web loginView.logIn(withReadPermissions:["public_profile","user_friends","email"], from: self) { loginResult,error in if(error != nil){ print("error") } else{ self.loginManagerDidComplete() } } }

1
2
3
4
5
6
7
8
9
10
11
12
13
14

@IBAction func facebookBtnAction(_ sender: Any) {
        let loginView : FBSDKLoginManager = FBSDKLoginManager()
        loginView.loginBehavior = FBSDKLoginBehavior.web

        loginView.logIn(withReadPermissions:["public_profile","user_friends","email"], from: self) {
            loginResult,error in
            if(error != nil){
                print("error")
            }
            else{
                self.loginManagerDidComplete()
            }
        }
    }

Now write code for loginManagerDidComplete() method

func loginManagerDidComplete() { if((FBSDKAccessToken.current()) != nil){ FBSDKGraphRequest(graphPath: "me", parameters: ["fields": "id, name, first_name, last_name, picture.type(large), email"]).start(completionHandler: { (connection, result, error) -> Void in if (error == nil){ let dict = result as! [String : AnyObject] // print(dict) var dict2 = [String : Any]() let sessionId = sharedPrefrence.object(forKey:"wk_token"); dict2["wk_token"] = sessionId; dict2["firstname"] = dict["first_name"] dict2["lastname"] = dict["last_name"] dict2["email"] = dict["email"] dict2["personId"] = dict["id"] print("Facebook Details: ", dict2) // Now you can call api by passing this dictionary self.SocialLoginAPICall(dict: dict2) } }) } }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

func loginManagerDidComplete()   {

        if((FBSDKAccessToken.current()) != nil){
            FBSDKGraphRequest(graphPath: "me", parameters: ["fields": "id, name, first_name, last_name, picture.type(large), email"]).start(completionHandler: { (connection, result, error) -> Void in
                if (error == nil){

                    let dict = result as! [String : AnyObject]
                    //        print(dict)
                    var dict2 =  [String : Any]()
                    let sessionId = sharedPrefrence.object(forKey:"wk_token");
                    dict2["wk_token"] = sessionId;
                    dict2["firstname"] = dict["first_name"]
                    dict2["lastname"] = dict["last_name"]
                    dict2["email"] = dict["email"]
                    dict2["personId"] = dict["id"]

                    print("Facebook Details: ", dict2)

                    // Now you can call api by passing this dictionary
                    self.SocialLoginAPICall(dict: dict2)

                }
            })
        }

    }

Important step (don’t forget):

When you create the Application for the particular app on developer.facebook.com must note down the App ID. It is very important for next step.
Right-click on the Info.plist in Xcode and select “Open As -> Source code”

paste below code inside Info.plist file refer below image

<key>CFBundleURLTypes</key> <array> <dict> <key>CFBundleURLSchemes</key> <array> <string>fb123</string> </array> </dict> </array> <key>FacebookAppID</key> <string>123</string> <key>FacebookDisplayName</key> <string>SocialLogin</string> <key>LSApplicationQueriesSchemes</key> <array> <string>fbapi</string> <string>fb-messenger-share-api</string> <string>fbauth2</string> <string>fbshareextension</string> </array> 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

  

    <key>CFBundleURLTypes</key>
    <array>
        <dict>
            <key>CFBundleURLSchemes</key>
            <array>
                <string>fb123</string>
            </array>
        </dict>
    </array>
    <key>FacebookAppID</key>
    <string>123</string>
    <key>FacebookDisplayName</key>
    <string>SocialLogin</string>


    <key>LSApplicationQueriesSchemes</key>
    <array>
        <string>fbapi</string>
        <string>fb-messenger-share-api</string>
        <string>fbauth2</string>
        <string>fbshareextension</string>
    </array>

refer image to avoid any error