Objectifs du blog
Implémentez la connexion Facebook avec le SDK Facebook dans l'application iOS. OU vous pouvez télécharger le projet exemple à partir de ce lien.
Procédure à mettre en œuvre
1. Créez un nouveau projet Xcode. Et ouvrez le projet.
2. Ouvrez le terminal et tapez "cd ". Faites ensuite glisser le fichier de projet de Xcode vers le terminal. Le chemin du dossier du projet sera ajouté au terminal. Ensuite, supprimez le nom du projet"Exemple de Facebook Login.xcodeproj"de la commande. La commande finale dans Xcode sera comme"cd / Utilisateurs / macpro / Bureau / iOS / Exemple de connexion à Facebook /", c’est le chemin du projet.
3. En terminal, utilisez la commande "pod init", cela créera un podfile pour le projet.
4. Utilisez la commande "nano podfile", cela ouvrira le podfile en mode édition. Les pods suivants seront ajoutés dans le fichier.
pod 'FBSDKCoreKit'
pod 'FBSDKShareKit'
pod 'FBSDKLoginKit'
5. Le podfile ressemblera à l'image ci-dessous.
6. Utilisez la commande "contrôle + X", pour quitter le fichier et sauvegarder le podfile.
7. Exécuter la commande "installation de pod"pour installer le podfile dans le projet. Vous verrez le terminal de processus comme ci-dessous:
8. Une fois l'installation terminée, fermez le projet xcode. Allez dans le dossier du projet, vous verrez un nouveau projet nommé "[votre nom de projet] .wcWorkspace". Ouvrez ce projet.
9. Ouvrir le fichier nommé "AppDelegate.swift"dans votre projet. Importer"FBSDKCoreKit"et ajouter le code ci-dessous dans l’application func (_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?)
FBSDKApplicationDelegate.sharedInstance () ?. application (application, didFinishLaunchingWithOptions: launchOptions)
Le code ressemblera à celui ci-dessous:
10. Cliquez sur ce lien pour créer un nouveau projet Facebook – https://developers.facebook.com/apps/
11. Cliquez sur "Ajouter une nouvelle application". Entrez le nom de votre projet et continuez.
12. Remplissez les détails à la page suivante. Aller à "Réglages"dans le menu de gauche, puis aller à"Essentiel"et remplissez les détails.
13. Aller au bas de la page. Cliquer sur "Ajouter une plateforme". Ensuite, remplissez votre identifiant de paquet d'applications et vous verrez un écran comme ci-dessous:
14. Ensuite, accédez à votre projet Xcode. Ouvrez le fichier info.plist (clic droit -> Ouvrir en tant que -> code source), puis ajoutez le code ci-dessous dans votre fichier info.plist.
<key> CFBundleURLTypes </ key> <array> <dict> <clé> CFBundleURLSchemes </ key> <array <string> fb [votre identifiant d'application Facebook que vous obtiendrez à l'étape 11] </ string> </ array> < / dict> </ array> <key> FacebookAppID </ key> <string> [votre identifiant d'application facebook que vous obtiendrez à l'étape 11] </ string> <key> FacebookDisplayName </ key> <string> [votre application facebook Nom] </ string>
15. Ouvrez votre ViewController à l'endroit où vous souhaitez ajouter un bouton Facebook pour vous connecter. Importez "FBSDKLoginKit" et ajoutez le code ci-dessous dans la fonction viewDidLoad ().
// Création d'une instance de bouton de connexion facebook. let loginButton = FBSDKLoginButton () // Définition de l'autorisation du bouton Facebook. loginButton.readPermissions = ["email", "public_profile"] // Définition du délégué du bouton facebook afin que nous puissions accéder à la réponse que nous recevons de facebook après la connexion. loginButton.delegate = self // Centrage du bouton de connexion de facboiok et ajout du bouton dans la vue principale loginButton.center = self.view.center self.view.addSubview (loginButton)
16. Ajoutez un délégué de bouton Facebook et les méthodes de délégué.
17. Pour obtenir les détails de l'utilisateur, vous devez ajouter le code ci-dessous dans func loginButton (_ loginButton: FBSDKLoginButton !, didCompleteWith, résultat: FBSDKLoginManagerLoginResult !, erreur: erreur du bouton Facebook.
// Si nous obtenons un jeton en réponse, cela signifie que la connexion à Facebook est une réussite. Le code ci-dessous est utilisé pour obtenir les détails de l'utilisateur une fois que la connexion à Facebook a abouti. if ((FBSDKAccessToken.current ())! = nil) {FBSDKGraphRequest (graphPath: "moi", paramètres: ["champs": "id, nom, prénom, nom_de_rôle, email"]). start (completionHandler: {(connexion , result, error) -> Nul si (error == nil) {// Le résultat contiendra les détails de l'utilisateur pouvant être récupérés. print (result ?? ")}})}
18. Le code final ressemblera à celui ci-dessous:
19. Exécutez le projet et utilisez le bouton "Connexion". Vous serez connecté à Facebook. Vous obtiendrez les détails de l'utilisateur dans la variable "result", à partir de laquelle vous pourrez analyser les détails dans votre projet.
Résumé
Après avoir suivi la procédure ci-dessus, vous pourrez implémenter l'authentification Facebook dans les applications iOS.