Swift version of Facebook iOS SDK and how to access data in Response

Question

I have taken over a Swift project and need to add Facebook login functionality. I am getting it to mostly work but am having a problem with this sample code here (https://developers.facebook.com/docs/swift/graph):

import FacebookCore

struct MyProfileRequest: GraphRequestProtocol {
  struct Response: GraphResponseProtocol {
    init(rawResponse: Any?) {
      // Decode JSON from rawResponse into other properties here.
    }
  }

  var graphPath = "/me"
  var parameters: [String : Any]? = ["fields": "id, name"]
  var accessToken = AccessToken.current
  var httpMethod: GraphRequestHTTPMethod = .GET
  var apiVersion: GraphAPIVersion = .defaultVersion
}


let connection = GraphRequestConnection()
connection.add(MyProfileRequest()) { response, result in
  switch result {
  case .success(let response):
    print("Custom Graph Request Succeeded: \(response)")
    print("My facebook id is \(response.dictionaryValue?["id"])")
    print("My name is \(response.dictionaryValue?["name"])")
  case .failed(let error):
    print("Custom Graph Request Failed: \(error)")
  }
}
connection.start()

I'm getting an error on compiling the for the line with the dictionaryValue optional saying /Users/jt/a-dev/tabfb/tabfb/LoginViewController.swift:72:31: Value of type 'MyProfileRequest.Response' has no member 'dictionaryValue' . How would I access the user name or id using this?

Answer 1

I faced this problem today as well. I got the user id and name inside MyProfileRequest

struct Response: GraphResponseProtocol {
    init(rawResponse: Any?) {
        // Decode JSON from rawResponse into other properties here.
        guard let response = rawResponse as? Dictionary<String, Any> else {
            return
        }

        if let name = response["name"],
            let id = response["id"] {

            print(name)
            print(id)
        }
    }
}

EDIT: I redesigned my code like this to use the values in .success(let response) case

struct Response: GraphResponseProtocol {

    var name: String?
    var id: String?
    var gender: String?
    var email: String?
    var profilePictureUrl: String?

    init(rawResponse: Any?) {
        // Decode JSON from rawResponse into other properties here.
        guard let response = rawResponse as? Dictionary<String, Any> else {
            return
        }

        if let name = response["name"] as? String {
            self.name = name
        }

        if let id = response["id"] as? String {
            self.id = id
        }

        if let gender = response["gender"] as? String {
            self.gender = gender
        }

        if let email = response["email"] as? String {
            self.email = email
        }

        if let picture = response["picture"] as? Dictionary<String, Any> {

            if let data = picture["data"] as? Dictionary<String, Any> {
                if let url = data["url"] as? String {
                    self.profilePictureUrl = url
                }
            }
        }
    }
}

And in the success case you can get the values like this:

let connection = GraphRequestConnection()
connection.add(MyProfileRequest()) { response, result in
  switch result {
  case .success(let response):
    print("My facebook id is \(response.id!)") //Make sure to safely unwrap these :)
    print("My name is \(response.name!)")
  case .failed(let error):
    print("Custom Graph Request Failed: \(error)")
 }
}
connection.start()

Answer 2

import FBSDKLoginKit //FBSDKLoginKit installs automatically when you install FacebookCore through CocoaPods

 ///Inside your view controller
func loginButton(_ loginButton: FBSDKLoginButton!, didCompleteWith result: FBSDKLoginManagerLoginResult!, error: Error!) {
    /// DEFAULT
    //fired when fb logged in through fb's default login btn
    if error != nil {
        print(error)
        return
    }

    showDetails()
}

fileprivate func showDetails(){
    FBSDKGraphRequest(graphPath: "/me", parameters: ["fields": "id, name, first_name, last_name, email, gender"]).start { (connection, result, err) in
        ////use link for more fields:::https://developers.facebook.com/docs/graph-api/reference/user
        if err != nil {
            print("Failed to start graph request:", err ?? "")
            return
        }

        let dict: NSMutableDictionary = result as! NSMutableDictionary
        print("The result dict of fb profile::: \(dict)")
        let email = dict["email"] as! String!
         print("The result dict[email] of fb profile::: \(email)")
        let userID = dict["id"] as! String
        print("The result dict[id] of fb profile::: \(userID)")

//            self.profileImage.image = UIImage(named: "profile")
        let facebookProfileUrl = "http://graph.facebook.com/\(userID)/picture?type=large"

    }
}

//make sure you add read permissions for email and public profile

override func viewDidLoad(){
    super.viewDidLoad()
    loginButtonFromFB.delegate = self //inherit FBSDKLoginButtonDelegate to your class
    loginButtonFromFB.readPermissions = ["email", "public_profile"]
}