{"id":25140,"date":"2019-03-11T05:52:59","date_gmt":"2019-03-11T05:52:59","guid":{"rendered":"https:\/\/www.knowband.com\/blog\/?p=25116\/"},"modified":"2019-08-20T13:00:37","modified_gmt":"2019-03-11T05:52:59","slug":"facebook-login-in-ios","status":"publish","type":"post","link":"https:\/\/www.knowband.com\/blog\/es\/sin-categorizar\/facebook-login-in-ios\/","title":{"rendered":"Facebook login in iOS"},"content":{"rendered":"

Objetivos del blog.<\/strong><\/h2>\n

Implementar el inicio de sesi\u00f3n de Facebook utilizando el SDK de Facebook en la aplicaci\u00f3n iOS. O puede descargar el proyecto de muestra de este enlace<\/a>.<\/p>\n

Procedimiento para implementar<\/strong><\/h3>\n

1.<\/strong> Crea un nuevo proyecto de Xcode. Y abrir el proyecto.<\/p>\n

\"Proyecto<\/a><\/p>\n

2.<\/strong> Abra la Terminal y escriba "cd<\/strong> ". Luego arrastre el archivo del proyecto desde Xcode a la terminal. Esto agregar\u00e1 la ruta de la carpeta del proyecto a la Terminal. Luego elimine el nombre del proyecto"Ejemplo de Facebook Login.xcodeproj<\/strong>"desde el comando. El comando final en Xcode ser\u00e1 como"cd \/ Users \/ macpro \/ Desktop \/ iOS \/ Sample Facebook Login \/<\/strong>", este es el camino del proyecto.<\/p>\n

\"camino<\/a><\/p>\n

3.<\/strong> En la terminal, use el comando "pod init<\/strong>", esto crear\u00e1 un podfile para el proyecto.<\/p>\n

4.<\/strong> Utilizar comando "nano podfile<\/strong>", esto abrir\u00e1 el podfile en modo de edici\u00f3n. El agregar abajo pods en el archivo.<\/p>\n

pod 'FBSDKCoreKit'<\/strong><\/p>\n

pod 'FBSDKShareKit'<\/strong><\/p>\n

pod 'FBSDKLoginKit'<\/strong><\/p>\n

5.<\/strong> El podfile se ver\u00e1 como debajo de la captura de pantalla.<\/p>\n

\"podfile\"<\/a><\/p>\n

6.<\/strong> Utilizar comando "control + X<\/strong>", para salir del archivo y guardar el archivo pod.<\/p>\n

7.<\/strong> Ejecutar comando "instalaci\u00f3n de la vaina<\/strong>"para instalar el archivo pod en el proyecto. Ver\u00e1 el terminal de proceso como se muestra a continuaci\u00f3n:<\/p>\n

\"podfile-instalaci\u00f3n\"<\/a><\/p>\n

8.<\/strong> Una vez completada la instalaci\u00f3n, cierre el proyecto xcode. Ve a la carpeta del proyecto, ver\u00e1s un nuevo proyecto llamado "[nombre de tu proyecto] .wcWorkspace<\/strong>". Abre este proyecto.<\/p>\n

9.<\/strong> Abrir archivo llamado "AppDelegate.swift<\/strong>"en tu proyecto. Importar"FBSDKCoreKit<\/strong>"y agregue el c\u00f3digo a continuaci\u00f3n en la aplicaci\u00f3n de funci\u00f3n (_ aplicaci\u00f3n: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?)<\/p>\n

FBSDKApplicationDelegate.sharedInstance () ?. application (application, didFinishLaunchingWithOptions: launchOptions)<\/pre>\n
El c\u00f3digo se ver\u00e1 a continuaci\u00f3n:<\/p>\n
\"c\u00f3digo\"<\/a><\/p>\n
10.<\/strong> Vaya a este enlace para crear un nuevo proyecto de Facebook – https:\/\/developers.facebook.com\/apps\/<\/a><\/p>\n
11.<\/strong> Haga clic en “A\u00f1adir una nueva aplicaci\u00f3n<\/strong>". Ingrese el nombre de su proyecto y proceda.<\/p>\n
\"a\u00f1adir<\/a><\/p>\n
12.<\/strong> Llene los detalles en la siguiente p\u00e1gina. Ir "Ajustes<\/strong>"en el men\u00fa de la izquierda, vaya a"Basic<\/strong>"y rellene los detalles.<\/p>\n
\"Configure\"<\/a><\/p>\n
13.<\/strong> Ir al final de la p\u00e1gina. Haga clic en "A\u00f1adir plataforma<\/strong>". Luego llene su ID de paquete de aplicaciones y ver\u00e1 una pantalla como la siguiente:<\/p>\n
\"a\u00f1adir<\/a><\/p>\n
14.<\/strong> Luego ve a tu proyecto Xcode. Abra el archivo info.plist (haga clic con el bot\u00f3n derecho -> Abrir como -> C\u00f3digo fuente), luego agregue el siguiente c\u00f3digo en su archivo info.plist.<\/p>\n
<key> CFBundleURLTypes <\/key> <array> <dict> <key> CFBundleURLSchemes <\/key> <array <string> fb [su ID de aplicaci\u00f3n de Facebook que obtendr\u00e1 en el paso 11] <\/string> <\/array> < \/ dict> <\/array> <key> FacebookAppID <\/key> <string> [su ID de aplicaci\u00f3n de facebook que obtendr\u00e1 en el paso 11] <\/string> <key> FacebookDisplayName <\/key> <string> [su aplicaci\u00f3n de facebook Nombre] <\/string><\/pre>\n
15.<\/strong> Abra su ViewController donde desea agregar el bot\u00f3n de Facebook para iniciar sesi\u00f3n. Importe "FBSDKLoginKit" y agregue el siguiente c\u00f3digo en la funci\u00f3n viewDidLoad ().<\/p>\n
\/\/ Creando una instancia de bot\u00f3n de inicio de sesi\u00f3n de facebook. let loginButton = FBSDKLoginButton () \/\/ Configuraci\u00f3n del permiso para el bot\u00f3n de Facebook. loginButton.readPermissions = ["email", "public_profile"] \/\/ Configuraci\u00f3n del delegado del bot\u00f3n de facebook para que podamos acceder a la respuesta que recibimos de facebook despu\u00e9s de iniciar sesi\u00f3n. loginButton.delegate = self \/\/ Centrando el bot\u00f3n de inicio de sesi\u00f3n de facboiok y agregando el bot\u00f3n en la vista principal loginButton.center = self.view.center self.view.addSubview (loginButton)<\/pre>\n
16.<\/strong> A\u00f1adir delegado de bot\u00f3n de Facebook y los m\u00e9todos de delegado.<\/p>\n
17.<\/strong> Para obtener los detalles del usuario, debe agregar el siguiente c\u00f3digo en la funci\u00f3n loginButton (_ loginButton: FBSDKLoginButton!, DidCompleteWith resultado: FBSDKLoginManagerLoginResult !, error: Error!) M\u00e9todo delegado del bot\u00f3n de Facebook.<\/p>\n
\/\/ Si recibimos el token en respuesta, eso significa que el inicio de sesi\u00f3n de Facebook es exitoso. El siguiente c\u00f3digo se utiliza para obtener detalles del usuario despu\u00e9s de que el inicio de sesi\u00f3n de Facebook sea exitoso. if ((FBSDKAccessToken.current ())! = nil) {FBSDKGraphRequest (graphPath: "me", par\u00e1metros: ["fields": "id, name, first_name, last_name, email"]). start (completedHandler: {(connection , resultado, error) -> No v\u00e1lido si (error == nil) {\/\/ El resultado contendr\u00e1 los detalles del usuario que se pueden recuperar. imprimir (\u00bfresultado? "")}})}<\/pre>\n
18.<\/strong> El c\u00f3digo final se ver\u00e1 a continuaci\u00f3n:<\/p>\n
\"nuevo<\/a><\/p>\n
19.<\/strong> Ejecute el proyecto y use el bot\u00f3n "Iniciar sesi\u00f3n". Se iniciar\u00e1 sesi\u00f3n en el Facebook. Obtendr\u00e1 los detalles del usuario en la variable "resultado", desde la cual puede analizar los detalles en su proyecto.<\/p>\n
Resumen<\/strong><\/h3>\n
Despu\u00e9s de seguir el procedimiento anterior, podr\u00e1 implementar la autenticaci\u00f3n de Facebook en las aplicaciones iOS.