{"id":25141,"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-20T04:10:34","modified_gmt":"2019-03-11T05:52:59","slug":"facebook-login-in-ios","status":"publish","type":"post","link":"https:\/\/www.knowband.com\/blog\/fr\/conseils-fr\/facebook-login-in-ios\/","title":{"rendered":"Facebook login in iOS"},"content":{"rendered":"

Objectifs du blog<\/strong><\/h2>\n

Impl\u00e9mentez la connexion Facebook avec le SDK Facebook dans l'application iOS. OU vous pouvez t\u00e9l\u00e9charger le projet exemple \u00e0 partir de ce lien<\/a>.<\/p>\n

Proc\u00e9dure \u00e0 mettre en \u0153uvre<\/strong><\/h3>\n

1.<\/strong> Cr\u00e9ez un nouveau projet Xcode. Et ouvrez le projet.<\/p>\n

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

2.<\/strong> Ouvrez le terminal et tapez "cd<\/strong> ". Faites ensuite glisser le fichier de projet de Xcode vers le terminal. Le chemin du dossier du projet sera ajout\u00e9 au terminal. Ensuite, supprimez le nom du projet"Exemple de Facebook Login.xcodeproj<\/strong>"de la commande. La commande finale dans Xcode sera comme"cd \/ Utilisateurs \/ macpro \/ Bureau \/ iOS \/ Exemple de connexion \u00e0 Facebook \/<\/strong>", c\u2019est le chemin du projet.<\/p>\n

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

3.<\/strong> En terminal, utilisez la commande "pod init<\/strong>", cela cr\u00e9era un podfile pour le projet.<\/p>\n

4.<\/strong> Utilisez la commande "nano podfile<\/strong>", cela ouvrira le podfile en mode \u00e9dition. Les pods suivants seront ajout\u00e9s dans le fichier.<\/p>\n

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

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

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

5.<\/strong> Le podfile ressemblera \u00e0 l'image ci-dessous.<\/p>\n

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

6.<\/strong> Utilisez la commande "contr\u00f4le + X<\/strong>", pour quitter le fichier et sauvegarder le podfile.<\/p>\n

7.<\/strong> Ex\u00e9cuter la commande "installation de pod<\/strong>"pour installer le podfile dans le projet. Vous verrez le terminal de processus comme ci-dessous:<\/p>\n

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

8.<\/strong> Une fois l'installation termin\u00e9e, fermez le projet xcode. Allez dans le dossier du projet, vous verrez un nouveau projet nomm\u00e9 "[votre nom de projet] .wcWorkspace<\/strong>". Ouvrez ce projet.<\/p>\n

9.<\/strong> Ouvrir le fichier nomm\u00e9 "AppDelegate.swift<\/strong>"dans votre projet. Importer"FBSDKCoreKit<\/strong>"et ajouter le code ci-dessous dans l\u2019application func (_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?)<\/p>\n

FBSDKApplicationDelegate.sharedInstance () ?. application (application, didFinishLaunchingWithOptions: launchOptions)<\/pre>\n
Le code ressemblera \u00e0 celui ci-dessous:<\/p>\n
\"code\"<\/a><\/p>\n
10. <\/strong> Cliquez sur ce lien pour cr\u00e9er un nouveau projet Facebook – https:\/\/developers.facebook.com\/apps\/<\/a><\/p>\n
11. <\/strong> Cliquez sur "Ajouter une nouvelle application<\/strong>". Entrez le nom de votre projet et continuez.<\/p>\n
\"ajouter<\/a><\/p>\n
12. <\/strong> Remplissez les d\u00e9tails \u00e0 la page suivante. Aller \u00e0 "R\u00e9glages<\/strong>"dans le menu de gauche, puis aller \u00e0"Essentiel<\/strong>"et remplissez les d\u00e9tails.<\/p>\n
\"installation\"<\/a><\/p>\n
13. <\/strong> Aller au bas de la page. Cliquer sur "Ajouter une plateforme<\/strong>". Ensuite, remplissez votre identifiant de paquet d'applications et vous verrez un \u00e9cran comme ci-dessous:<\/p>\n
\"ajouter-plate-forme\"<\/a><\/p>\n
14. <\/strong> Ensuite, acc\u00e9dez \u00e0 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.<\/p>\n
<key> CFBundleURLTypes <\/ key> <array> <dict> <cl\u00e9> CFBundleURLSchemes <\/ key> <array <string> fb [votre identifiant d'application Facebook que vous obtiendrez \u00e0 l'\u00e9tape 11] <\/ string> <\/ array> < \/ dict> <\/ array> <key> FacebookAppID <\/ key> <string> [votre identifiant d'application facebook que vous obtiendrez \u00e0 l'\u00e9tape 11] <\/ string> <key> FacebookDisplayName <\/ key> <string> [votre application facebook Nom] <\/ string><\/pre>\n
15. <\/strong> Ouvrez votre ViewController \u00e0 l'endroit o\u00f9 vous souhaitez ajouter un bouton Facebook pour vous connecter. Importez "FBSDKLoginKit" et ajoutez le code ci-dessous dans la fonction viewDidLoad ().<\/p>\n
\/\/ Cr\u00e9ation d'une instance de bouton de connexion facebook. let loginButton = FBSDKLoginButton () \/\/ D\u00e9finition de l'autorisation du bouton Facebook. loginButton.readPermissions = ["email", "public_profile"] \/\/ D\u00e9finition du d\u00e9l\u00e9gu\u00e9 du bouton facebook afin que nous puissions acc\u00e9der \u00e0 la r\u00e9ponse que nous recevons de facebook apr\u00e8s 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)<\/pre>\n
16. <\/strong> Ajoutez un d\u00e9l\u00e9gu\u00e9 de bouton Facebook et les m\u00e9thodes de d\u00e9l\u00e9gu\u00e9.<\/p>\n
17. <\/strong> Pour obtenir les d\u00e9tails de l'utilisateur, vous devez ajouter le code ci-dessous dans func loginButton (_ loginButton: FBSDKLoginButton !, didCompleteWith, r\u00e9sultat: FBSDKLoginManagerLoginResult !, erreur: erreur du bouton Facebook.<\/p>\n
\/\/ Si nous obtenons un jeton en r\u00e9ponse, cela signifie que la connexion \u00e0 Facebook est une r\u00e9ussite. Le code ci-dessous est utilis\u00e9 pour obtenir les d\u00e9tails de l'utilisateur une fois que la connexion \u00e0 Facebook a abouti. if ((FBSDKAccessToken.current ())! = nil) {FBSDKGraphRequest (graphPath: "moi", param\u00e8tres: ["champs": "id, nom, pr\u00e9nom, nom_de_r\u00f4le, email"]). start (completionHandler: {(connexion , result, error) -> Nul si (error == nil) {\/\/ Le r\u00e9sultat contiendra les d\u00e9tails de l'utilisateur pouvant \u00eatre r\u00e9cup\u00e9r\u00e9s. print (result ?? ")}})}<\/pre>\n
18. <\/strong> Le code final ressemblera \u00e0 celui ci-dessous:<\/p>\n
\"nouveau<\/a><\/p>\n
19. <\/strong> Ex\u00e9cutez le projet et utilisez le bouton "Connexion". Vous serez connect\u00e9 \u00e0 Facebook. Vous obtiendrez les d\u00e9tails de l'utilisateur dans la variable "result", \u00e0 partir de laquelle vous pourrez analyser les d\u00e9tails dans votre projet.<\/p>\n
R\u00e9sum\u00e9<\/strong><\/h3>\n
Apr\u00e8s avoir suivi la proc\u00e9dure ci-dessus, vous pourrez impl\u00e9menter l'authentification Facebook dans les applications iOS.