Skip to content

Knowband Blog | Ecommerce Modules

Magento, Prestashop, Opencart, Shopify

Tag: SDK do facebook

Facebook login in iOS

Objetivos do blog

Implemente o login do Facebook usando o Facebook SDK no aplicativo iOS. OU você pode baixar o projeto de amostra de este link.

Procedimento para implementar

1. Crie um novo projeto Xcode. E abra o projeto.

Projeto Xcode

2. Abra o Terminal e digite "cd ". Em seguida, arraste o arquivo de projeto do Xcode para o terminal. Isso adicionará o caminho da pasta do projeto no Terminal. Em seguida, exclua o nome do projeto"Amostra Facebook Login.xcodeproj"do comando. Comando final no Xcode será como"cd / Usuários / macpro / Desktop / iOS / Login no Facebook da Amostra /", este é o caminho do projeto.

3. No terminal, use o comando "pod init", isso criará um podfile para o projeto.

4. Use o comando "nano podfile", isso irá abrir o podfile no modo de edição. O add abaixo pods no arquivo.

pod 'FBSDKCoreKit'

pod 'FBSDKShareKit'

pod 'FBSDKLoginKit'

5. O podfile será parecido com a imagem abaixo.

6. Use o comando "controle + X", para sair do arquivo e salvar o podfile.

7. Comando de execução "instalação de pod"para instalar o podfile no projeto. Você verá o terminal do processo como abaixo:

8. Após a conclusão da instalação, feche o projeto xcode. Vá para a pasta do projeto, você verá um novo projeto chamado "[nome do seu projeto] .wcWorkspace". Abra este projeto.

9. Abra o arquivo chamado "AppDelegate.swift"no seu projeto. Importar"FBSDKCoreKit"e adicione o código abaixo no aplicativo func (_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?)

FBSDKApplicationDelegate.sharedInstance () ?. aplicativo (aplicativo, didFinishLaunchingWithOptions: launchOptions)

O código será parecido com abaixo:

10. Acesse este link para criar um novo projeto no Facebook – https://developers.facebook.com/apps/

11. Clique em "Adicione um novo aplicativoMsgstr "Digite o nome do seu projeto e prossiga.

12. Preencha os detalhes na próxima página. Vamos para "Configurações"no menu esquerdo, então vá para"básico"e preencha os detalhes.

13. Ir para o final da página. Clique em "Adicionar plataforma". Em seguida, preencha sua ID do pacote de aplicativos e você verá uma tela como abaixo:

14. Então vá para o seu projeto Xcode. Abra o arquivo info.plist (clique com o botão direito -> Abrir como -> Código Fonte) e adicione o código abaixo em seu arquivo info.plist.

<key> CFBundleURLTypes </ key> <array> <dict> <key> CFBundleURLSchemes </ key> <array <string> fb [seu ID do aplicativo do Facebook que você obterá na etapa 11] </ string> </ array> < / dict> </ array> <key> FacebookAppID </ key> <string> [o seu ID de aplicativo do facebook que você obterá na etapa 11] </ string> <key> FacebookDisplayName </ key> <string> [seu aplicativo do facebook Nome] </ string>

15. Abra seu ViewController onde você deseja adicionar o botão Facebook para login. Importe "FBSDKLoginKit" e adicione o código abaixo na função viewDidLoad ().

// Criando uma instância do botão de login do facebook. let loginButton = FBSDKLoginButton () // Configurando permissão para o botão do facebook. loginButton.readPermissions = ["email", "public_profile"] // Configurando o delegate do botão do facebook para que possamos acessar a resposta que recebemos do facebook após o login. loginButton.delegate = self // Centralizando o botão de login do facboiok e adicionando o botão na visualização principal loginButton.center = self.view.center self.view.addSubview (loginButton)

16. Adicione o delegado do botão Facebook e os métodos delegados.

17. Para obter os detalhes do usuário, você precisa adicionar o código abaixo em func loginButton (_ loginButton: FBSDKLoginButton !, didCompleteWith resultado: FBSDKLoginManagerLoginResult !, erro: Erro!) Delegate método do botão Facebook.

// Se recebermos token em resposta, isso significa que o login do Facebook é bem-sucedido. Abaixo do código é usado para obter detalhes do usuário após o login do Facebook ser bem-sucedido. if ((FBSDKAccessToken.current ())! = nil) {FBSDKGraphRequest (graphPath: "me", parâmetros: ["campos": "id, nome, primeiro_nome, último_nome, email"]). start (completionHandler: {(conexão , result, error) -> Anular em if (error == nil) {// Result conterá os detalhes do usuário que podem ser obtidos. print (result ?? "" ")}})}

18. O código final será parecido com abaixo:

19. Execute o projeto e use o botão "Log in". Você estará logado no Facebook. Você receberá os detalhes do usuário na variável "result", a partir da qual você poderá analisar os detalhes em seu projeto.

Resumo

Depois de seguir o procedimento acima, você poderá implementar a autenticação do Facebook nos aplicativos do iOS.


Posted on March 11, 2019August 22, 2019Author Akash SharmaCategories DicasTags dicas iOS, iOS App, Login do Facebook, SDK do facebook, SDK do facebook, SDK do facebook, tutorial
Proudly powered by WordPress
Please wait...

Newsletter Subscription

Subscribe With Us and Get Latest Updates
SUBSCRIBE
Exit mobile version