Ziele des Blogs
Implementieren Sie die Facebook-Anmeldung mit dem Facebook SDK in der iOS-App. ODER Sie können das Beispielprojekt von herunterladen diesen Link.
Vorgehensweise zur Implementierung
1. Erstellen Sie ein neues Xcode-Projekt. Und öffne das Projekt.
2. Öffne das Terminal und tippe "cd "Ziehen Sie dann die Projektdatei von Xcode auf das Terminal. Dadurch wird der Pfad des Projektordners in das Terminal eingefügt. Löschen Sie anschließend den Projektnamen."Beispiel für Facebook Login.xcodeproj"Aus dem Befehl. Der endgültige Befehl in Xcode lautet"cd / Users / macpro / Desktop / iOS / Facebook-Beispielanmeldung /", das ist der Pfad des Projekts.
3. Verwenden Sie im Terminal den Befehl "pod initmsgstr "" "wird ein Podfile für das Projekt erstellt.
4. Befehl verwenden "Nano-Podfilemsgstr "" "öffnet das Podfile im Bearbeitungsmodus. Die folgenden Pods in der Datei hinzufügen.
Pod 'FBSDKCoreKit'
Pod 'FBSDKShareKit'
Pod 'FBSDKLoginKit'
5. Das Podfile sieht folgendermaßen aus: Screenshot.
6. Befehl verwenden "Strg + X", um die Datei zu verlassen und das Podfile zu speichern.
7. Führen Sie den Befehl aus "Pod installieren", um die Poddatei im Projekt zu installieren. Sie sehen das Prozess-Terminal wie folgt:
8. Schließen Sie nach Abschluss der Installation das xcode-Projekt. Gehe in den Projektordner, dort siehst du ein neues Projekt mit dem Namen "[Ihr Projektname] .wcWorkspace". Öffnen Sie dieses Projekt.
9. Datei mit dem Namen "Öffnen"AppDelegate.swift"In Ihrem Projekt. Importieren"FBSDKCoreKit"und folgenden Code in der Funkanwendung hinzufügen (_ Anwendung: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?)
FBSDKApplicationDelegate.sharedInstance () ?. application (application, didFinishLaunchingWithOptions: launchOptions)
Der Code wird wie folgt aussehen:
10. Gehen Sie zu diesem Link, um ein neues Facebook-Projekt zu erstellen – https://developers.facebook.com/apps/
11. Klicken Sie auf "Neue App hinzufügen". Geben Sie Ihren Projektnamen ein und fahren Sie fort.
12. Füllen Sie die Details auf der nächsten Seite aus. Gehe zu "Einstellungen"im linken Menü, dann gehe zu"Basic"und fülle die Details aus.
13. Zum Ende der Seite gehen. Klicke auf "Plattform hinzufügen". Dann geben Sie die ID Ihres Apps-Bundles ein und Sie sehen einen Bildschirm wie folgt:
14. Dann gehe zu deinem Xcode Projekt. Öffnen Sie die Datei info.plist (Rechtsklick -> Öffnen als -> Quellcode) und fügen Sie den folgenden Code in Ihre info.plist-Datei ein.
<key> CFBundleURLTypes </ key> <array> <dict> <key> CFBundleURLSchemes </ key> <array <string> fb [Ihre Facebook-App-ID, die Sie in Schritt 11 erhalten] </ string> </ array> < / dict> </ array> <key> FacebookAppID </ key> <string> [Ihre Facebook-App-ID, die Sie in Schritt 11 erhalten] </ string> <key> FacebookDisplayName </ key> <string> [Ihre Facebook-App Name] </ string>
15. Öffnen Sie Ihren ViewController, in dem Sie die Facebook-Schaltfläche für die Anmeldung hinzufügen möchten. Importieren Sie "FBSDKLoginKit" und fügen Sie den folgenden Code in die Funktion viewDidLoad () ein.
// Eine Instanz der Facebook-Anmeldeschaltfläche erstellen. let loginButton = FBSDKLoginButton () // Berechtigung für Facebook-Button festlegen. loginButton.readPermissions = ["email", "public_profile"] // Den Delegierten der Facebook-Schaltfläche so einstellen, dass wir nach der Anmeldung auf die Antwort von Facebook zugreifen können. loginButton.delegate = self // Zentrieren der Facboiok-Anmeldeschaltfläche und Hinzufügen der Schaltfläche in der Hauptansicht loginButton.center = self.view.center self.view.addSubview (loginButton)
16. Fügen Sie den Facebook-Button delegieren und die Delegierungsmethoden hinzu.
17. Um die Benutzerdetails zu erhalten, müssen Sie den folgenden Code in func loginButton (_ loginButton: FBSDKLoginButton !, didCompleteWith result: FBSDKLoginManagerLoginResult !, error: Error!) Hinzufügen, um die Methode der Facebook-Schaltfläche zu delegieren.
// Wenn wir als Antwort ein Token erhalten, bedeutet dies, dass die Facebook-Anmeldung erfolgreich ist. Der folgende Code wird verwendet, um Benutzerdetails abzurufen, nachdem die Facebook-Anmeldung erfolgreich war. if ((FBSDKAccessToken.current ())! = nil) {FBSDKGraphRequest (graphPath: "me", parameters: ["fields": "id, name, vorname, nachname, email"]). start (completionHandler: {(connection , result, error) -> Ungültig, wenn (error == nil) {// Result enthält die Benutzerdetails, die abgerufen werden können. print (result ?? "")}}}
18. Der endgültige Code sieht wie folgt aus:
19. Führen Sie das Projekt aus und klicken Sie auf die Schaltfläche "Anmelden". Sie werden auf Facebook eingeloggt. Sie erhalten die Benutzerdetails in der Variablen "result", aus der Sie die Details in Ihr Projekt einfügen können.
Zusammenfassung
Nach dem oben beschriebenen Verfahren können Sie die Facebook-Authentifizierung in iOS-Apps implementieren.
