{"id":25145,"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-22T00:40:07","modified_gmt":"2019-03-11T05:52:59","slug":"facebook-login-in-ios","status":"publish","type":"post","link":"https:\/\/www.knowband.com\/blog\/pt-br\/dicas\/facebook-login-in-ios\/","title":{"rendered":"Facebook login in iOS"},"content":{"rendered":"

Objetivos do blog<\/strong><\/h2>\n

Implemente o login do Facebook usando o Facebook SDK no aplicativo iOS. OU voc\u00ea pode baixar o projeto de amostra de este link<\/a>.<\/p>\n

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

1.<\/strong> Crie um novo projeto Xcode. E abra o projeto.<\/p>\n

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

2.<\/strong> Abra o Terminal e digite "cd<\/strong> ". Em seguida, arraste o arquivo de projeto do Xcode para o terminal. Isso adicionar\u00e1 o caminho da pasta do projeto no Terminal. Em seguida, exclua o nome do projeto"Amostra Facebook Login.xcodeproj<\/strong>"do comando. Comando final no Xcode ser\u00e1 como"cd \/ Usu\u00e1rios \/ macpro \/ Desktop \/ iOS \/ Login no Facebook da Amostra \/<\/strong>", este \u00e9 o caminho do projeto.<\/p>\n

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

3.<\/strong> No terminal, use o comando "pod init<\/strong>", isso criar\u00e1 um podfile para o projeto.<\/p>\n

4.<\/strong> Use o comando "nano podfile<\/strong>", isso ir\u00e1 abrir o podfile no modo de edi\u00e7\u00e3o. O add abaixo pods no arquivo.<\/p>\n

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

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

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

5.<\/strong> O podfile ser\u00e1 parecido com a imagem abaixo.<\/p>\n

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

6.<\/strong> Use o comando "controle + X<\/strong>", para sair do arquivo e salvar o podfile.<\/p>\n

7.<\/strong> Comando de execu\u00e7\u00e3o "instala\u00e7\u00e3o de pod<\/strong>"para instalar o podfile no projeto. Voc\u00ea ver\u00e1 o terminal do processo como abaixo:<\/p>\n

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

8.<\/strong> Ap\u00f3s a conclus\u00e3o da instala\u00e7\u00e3o, feche o projeto xcode. V\u00e1 para a pasta do projeto, voc\u00ea ver\u00e1 um novo projeto chamado "[nome do seu projeto] .wcWorkspace<\/strong>". Abra este projeto.<\/p>\n

9.<\/strong> Abra o arquivo chamado "AppDelegate.swift<\/strong>"no seu projeto. Importar"FBSDKCoreKit<\/strong>"e adicione o c\u00f3digo abaixo no aplicativo func (_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?)<\/p>\n

FBSDKApplicationDelegate.sharedInstance () ?. aplicativo (aplicativo, didFinishLaunchingWithOptions: launchOptions)<\/pre>\n
O c\u00f3digo ser\u00e1 parecido com abaixo:<\/p>\n
\"c\u00f3digo\"<\/a><\/p>\n
10.<\/strong> Acesse este link para criar um novo projeto no Facebook – https:\/\/developers.facebook.com\/apps\/<\/a><\/p>\n
11.<\/strong> Clique em "Adicione um novo aplicativo<\/strong>Msgstr "Digite o nome do seu projeto e prossiga.<\/p>\n
\"adicionar<\/a><\/p>\n
12.<\/strong> Preencha os detalhes na pr\u00f3xima p\u00e1gina. Vamos para "Configura\u00e7\u00f5es<\/strong>"no menu esquerdo, ent\u00e3o v\u00e1 para"b\u00e1sico<\/strong>"e preencha os detalhes.<\/p>\n
\"instala\u00e7\u00e3o\"<\/a><\/p>\n
13.<\/strong> Ir para o final da p\u00e1gina. Clique em "Adicionar plataforma<\/strong>". Em seguida, preencha sua ID do pacote de aplicativos e voc\u00ea ver\u00e1 uma tela como abaixo:<\/p>\n
\"adicionar<\/a><\/p>\n
14.<\/strong> Ent\u00e3o v\u00e1 para o seu projeto Xcode. Abra o arquivo info.plist (clique com o bot\u00e3o direito -> Abrir como -> C\u00f3digo Fonte) e adicione o c\u00f3digo abaixo em seu arquivo info.plist.<\/p>\n
<key> CFBundleURLTypes <\/ key> <array> <dict> <key> CFBundleURLSchemes <\/ key> <array <string> fb [seu ID do aplicativo do Facebook que voc\u00ea obter\u00e1 na etapa 11] <\/ string> <\/ array> < \/ dict> <\/ array> <key> FacebookAppID <\/ key> <string> [o seu ID de aplicativo do facebook que voc\u00ea obter\u00e1 na etapa 11] <\/ string> <key> FacebookDisplayName <\/ key> <string> [seu aplicativo do facebook Nome] <\/ string><\/pre>\n
15.<\/strong> Abra seu ViewController onde voc\u00ea deseja adicionar o bot\u00e3o Facebook para login. Importe "FBSDKLoginKit" e adicione o c\u00f3digo abaixo na fun\u00e7\u00e3o viewDidLoad ().<\/p>\n
\/\/ Criando uma inst\u00e2ncia do bot\u00e3o de login do facebook. let loginButton = FBSDKLoginButton () \/\/ Configurando permiss\u00e3o para o bot\u00e3o do facebook. loginButton.readPermissions = ["email", "public_profile"] \/\/ Configurando o delegate do bot\u00e3o do facebook para que possamos acessar a resposta que recebemos do facebook ap\u00f3s o login. loginButton.delegate = self \/\/ Centralizando o bot\u00e3o de login do facboiok e adicionando o bot\u00e3o na visualiza\u00e7\u00e3o principal loginButton.center = self.view.center self.view.addSubview (loginButton)<\/pre>\n
16.<\/strong> Adicione o delegado do bot\u00e3o Facebook e os m\u00e9todos delegados.<\/p>\n
17.<\/strong> Para obter os detalhes do usu\u00e1rio, voc\u00ea precisa adicionar o c\u00f3digo abaixo em func loginButton (_ loginButton: FBSDKLoginButton !, didCompleteWith resultado: FBSDKLoginManagerLoginResult !, erro: Erro!) Delegate m\u00e9todo do bot\u00e3o Facebook.<\/p>\n
\/\/ Se recebermos token em resposta, isso significa que o login do Facebook \u00e9 bem-sucedido. Abaixo do c\u00f3digo \u00e9 usado para obter detalhes do usu\u00e1rio ap\u00f3s o login do Facebook ser bem-sucedido. if ((FBSDKAccessToken.current ())! = nil) {FBSDKGraphRequest (graphPath: "me", par\u00e2metros: ["campos": "id, nome, primeiro_nome, \u00faltimo_nome, email"]). start (completionHandler: {(conex\u00e3o , result, error) -> Anular em if (error == nil) {\/\/ Result conter\u00e1 os detalhes do usu\u00e1rio que podem ser obtidos. print (result ?? "" ")}})}<\/pre>\n
18.<\/strong> O c\u00f3digo final ser\u00e1 parecido com abaixo:<\/p>\n
\"novo<\/a><\/p>\n
19.<\/strong> Execute o projeto e use o bot\u00e3o "Log in". Voc\u00ea estar\u00e1 logado no Facebook. Voc\u00ea receber\u00e1 os detalhes do usu\u00e1rio na vari\u00e1vel "result", a partir da qual voc\u00ea poder\u00e1 analisar os detalhes em seu projeto.<\/p>\n
Resumo<\/strong><\/h3>\n
Depois de seguir o procedimento acima, voc\u00ea poder\u00e1 implementar a autentica\u00e7\u00e3o do Facebook nos aplicativos do iOS.