Flutter+Firebase – Mit Twitter authentifizieren | Komentor

Ich war wirklich aufgeregt, das neueste Update zu sehen Flutter Firebase Auth-Plugin die Unterstützung für Twitter hinzufügt und beschlossen, es auszuprobieren.

Aber bevor wir beginnen, habe ich die folgenden Annahmen getroffen

  • Flutter wurde auf Ihrem Computer installiert. Wenn Sie Hilfe benötigen, hat das Flutter-Team detaillierte Informationen Schritt-für-Schritt-Artikel wie man das hinbekommt.
  • Erstellt eine Twitter-App. Weitere Informationen finden Sie unter Twitters-App-Seite
  • Sie haben ein Firebase-Projekt mit Unterstützung für Android und iOS erstellt. Wenn Hilfe benötigt wird Dies Artikel erklärt die Schritte.
  • Aktivierte Twitter-Authentifizierung für Ihr Firebase-Projekt. Sie können dies tun, indem Sie folgen Schritt 5 von Bevor Sie beginnen Sektion hier
  • Beides heruntergeladen und hinzugefügt GoogleService-Info.plist und google-services.json Dateien in das Runner-Verzeichnis für iOS und android->app für Android.


letzte App-Demo (Android)

Um unseren Zweck zu erreichen, werden die folgenden Plugins (aufgelistet in pubspec.yaml) wurden verwendet

dependencies: firebase_auth: '^0.5.9'//we need to get a FirebaseUser
  google_sign_in: '^3.0.3' //not really needed
  flutter_twitter_login: "^1.1.0" //helps with Twitter OAuth dance
  flutter: sdk: flutter

Authentifizierung mit Twitter

Zuerst bekommen wir a TwitterLogin verwenden flutter_twitter_login Plugin

final TwitterLogin twitterLogin = new TwitterLogin( consumerKey: Strings.twitterApiKey, 
consumerSecret: Strings.twitterApiSecret
);

Zweitens bekommen wir die TwitterLoginResult, TwitterLoginStatus und TwitterSession. Dies auch mit flutter_twitter_login.

_twitterLoginResult = await twitterLogin.authorize();
_currentUserTwitterSession = _twitterLoginResult.session;
_twitterLoginStatus = _twitterLoginResult.status;

Wir brauchen TwitterSession zum Abrufen von Token und Geheimnissen, die von benötigt werden FirebaseAuth.instance.signInWithTwitter(…)

Jetzt, wo wir unsere haben TwitterSessionwird unser dritter Schritt darin bestehen, a zu erhalten FirebaseUser sofern die Twitter-Anmeldung erfolgreich war.

_currentUser = await _firebaseAuth.signInWithTwitter(
    authToken: _currentUserTwitterSession?.token ?? '',
    authTokenSecret: _currentUserTwitterSession?.secret ?? ''
);

Keine Sorge, ich habe unsere iOS-Freunde nicht vergessen


finale App-Demo (iOS)


Und damit endet mein allererster Beitrag. Freue mich schon auf das nächste 😃.

Hoppla!! Hier ist der komplette Code auf GitHuB.

Similar Posts

Leave a Reply

Your email address will not be published.