Facebook login in iOS

Cele bloga

Zaimplementuj logowanie na Facebooku za pomocą pakietu Facebook SDK w aplikacji na iOS. LUB możesz pobrać przykładowy projekt z ten link.

Procedura wdrożenia

1. Utwórz nowy projekt Xcode. I otwórz projekt.

Projekt Xcode

2. Otwórz terminal i wpisz "cd Następnie przeciągnij plik projektu z Xcode do terminalu, który doda ścieżkę folderu projektu do Terminalu, a następnie usuń nazwę projektu "Przykładowe Facebook Login.xcodeproj"z polecenia, ostatnie polecenie w Xcode będzie jak"cd / Users / macpro / Desktop / iOS / Sample Facebook Zaloguj się /", to jest ścieżka projektu.

ścieżka projektu

3. W terminalu użyj polecenia "pod init", stworzy to plik podfile dla projektu.

4. Użyj polecenia "nano podfile", to otworzy plik podfile w trybie edycji .Dodaj poniżej strąki w pliku.

pod "FBSDKCoreKit"

pod "FBSDKShareKit"

pod 'FBSDKLoginKit'

5. Podfile będzie wyglądać jak poniżej zrzutu ekranu.

podfile

6. Użyj polecenia "kontrola + X", aby wyjść z pliku i zapisać plik podfile.

7. Uruchom polecenie "pod zainstalować"aby zainstalować plik podfile w projekcie. Zobaczysz terminal procesowy, jak poniżej:

Podfile-instalacja

8. Po zakończeniu instalacji zamknij projekt xcode. Przejdź do folderu projektu, zobaczysz nowy projekt o nazwie "[nazwa twojego projektu] .wcWorkspaceOtwórz ten projekt.

9. Otwórz plik o nazwie "AppDelegate.swift"w twoim projekcie."FBSDKCoreKit"i dodaj poniższy kod w aplikacji func (_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?)

Aplikacja FBSDKApplicationDelegate.sharedInstance () ?. (aplikacja, didFinishLaunchingWithOptions: launchOptions)

Kod będzie wyglądał jak poniżej:

kod

10. Przejdź do tego linku, aby utworzyć nowy projekt na Facebooku – https://developers.facebook.com/apps/

10. Kliknij "Dodaj nową aplikacjęWpisz swoją nazwę projektu i kontynuuj.

dodaj nową aplikację

10. Wypełnij szczegóły na następnej stronie. Iść do "Ustawienia"w lewym menu, a następnie przejdź do"Podstawowy"i wypełnij szczegóły.

ustawienie

10. Idź na dół strony. Kliknij "Dodaj platformęNastępnie wypełnij identyfikator pakietu aplikacji i zobaczysz ekran jak poniżej:

Dodatkowa platforma

10. Następnie przejdź do projektu Xcode. Otwórz plik info.plist (prawy przycisk myszy -> Otwórz jako -> kod źródłowy), a następnie dodaj poniższy kod do pliku info.plist.

<key> CFBundleURLTypes </ key> <array> <dict> <key> CFBundleURLSchemes </ key> <array <string> fb [Twój identyfikator aplikacji Facebook, który otrzymasz w kroku 11] </ string> </ array> < / dict> </ array> <key> FacebookAppID </ key> <string> [Twój identyfikator aplikacji Facebook, który otrzymasz w kroku 11] </ string> <key> FacebookDisplayName </ key> <string> [your facebook App Nazwa] </ string>

10. Otwórz swój ViewController, gdzie chcesz dodać przycisk Facebook do logowania. Zaimportuj "FBSDKLoginKit" i dodaj poniższy kod w funkcji viewDidLoad ().

// Tworzenie instancji przycisku logowania facebook. let loginButton = FBSDKLoginButton () // Ustawianie uprawnień do przycisku facebook. loginButton.readPermissions = ["email", "public_profile"] // Ustawianie przycisku delegata facebooka, abyśmy mogli uzyskać dostęp do odpowiedzi, którą otrzymujemy z Facebooka po zalogowaniu. loginButton.delegate = self // Wyśrodkowanie przycisku logowania facboiok i dodanie przycisku w widoku głównym loginButton.center = self.view.center self.view.addSubview (loginButton)

10. Dodaj delegata przycisku Facebook i metody delegatów.

10. Aby uzyskać dane użytkownika, musisz dodać poniższy kod w func loginButton (_ loginButton: FBSDKLoginButton !, didCompleteWith result: FBSDKLoginManagerLoginResult !, error: Error!) Delegować metodę przycisku Facebook.

// Jeśli otrzymamy token w odpowiedzi, oznacza to, że logowanie na Facebooku zakończyło się powodzeniem. Poniższy kod służy do uzyskania informacji o użytkowniku po pomyślnym zalogowaniu się na Facebooku. if ((FBSDKAccessToken.current ())! = nil) {FBSDKGraphRequest (graphPath: "me", parametry: ["fields": "id, name, first_name, last_name, email"]). start (completionHandler: {(połączenie , result, error) -> Void in if (error == zero) {// Wynik zawiera dane użytkownika, które można pobrać. print (result ?? "")}})}

10. Końcowy kod będzie wyglądał jak poniżej:

nowy kod

10. Uruchom projekt i użyj przycisku "Zaloguj się". Będziesz zalogowany na Facebooku. Otrzymasz dane użytkownika w zmiennej "wynik", z której możesz przeanalizować szczegóły w projekcie.

Podsumowanie

Po wykonaniu powyższej procedury będziesz w stanie zaimplementować uwierzytelnianie Facebooka w aplikacjach na iOS.


Akash Sharma

Akash Sharma

I'm Akash Sharma, an engineering graduate and software developer by profession. Challenges fascinate me and I like solving them.

Leave a Reply

Your email address will not be published. Required fields are marked *