Integrate Facebook Login in iOS App

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.

1 2 3

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

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

1	pod install

Inside Appdelegate.swift

• write import statements

1 2	import FacebookLogin import FBSDKLoginKit

• write below codes in following methods

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

1	import FBSDKLoginKit

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

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

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

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

<!--      Facebook Begin      -->          <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>     <!--      Facebook End      -->

refer image to avoid any error