Dart-login/logout-Beispiel

Authentifizierung ist ein riesiges Thema und Sie nicht angegeben haben, was Sie erreichen wollen, aber lassen Sie mich führen Sie zu bauen, eine Facebook-Authentifizierung für Sie Dart-Anwendung, weil ich glaube, es ist das einfachste, mit zu beginnen. Warum? Da brauchen wir nicht zu reden, jede mögliche Datenbank, die Sie verwenden könnten, oder wie Sie Ihre setup-Datenbank-Struktur, Modelle, etc. und wie Sie befassen sich mit der Sicherheit (generieren von Token, etc.).

Mit diesem wissen können Sie dann implementieren service Authentifizierungen (Google+, Twitter) und schließlich Ihre eigenen, wenn Sie so wollen.

Also, zuerst, registrieren Sie einen Antrag auf Facebook apps-Seite durch drücken Erstellen Neue App. Sollten Sie auf dieser Seite:

(Achten Sie darauf, füllen Sie sowohl die App-Domäne und Website-URL)

Geben Sie dann ein paar Konfigurations-Datei irgendwo (z.B. config.dart), die Sie importieren überall, die Sie benötigen:

var config = {
  'authentication': {
    'facebook': {
      'appId': '...',
      'appSecret': '...',
      'url': 'http://test.com/login/facebook'
    }
  },
};

Dann müssen Sie erstellen Sie ein link irgendwo. Wenn Sie über eine Web-UI, Ihr Dart-Skript kann zunächst importieren Sie die config und erstellen Sie ein login-URL:

import 'config.dart';

main() {
  var fbConfig = config['authentication']['facebook'];
  var appId = fbConfig['appId'];
  var url = fbConfig['url'];

  var loginLinkUrl = 'https://www.facebook.com/dialog/oauth/?client_id=$appId&redirect_uri=$url&state=TEST_TOKEN&scope=email';
}

Nun auf den HTML-Code geben Sie den link:

<a href="{{ loginLinkUrl }}">Login with Facebook</a>

Zu diesem Zeitpunkt, vielleicht Lesen Sie die Facebook-developer-guides: https://developers.facebook.com/docs/reference/dialogs/oauth/

Facebook login-dialog werfen Sie den Benutzer zu der URL, die wir angegeben in der config (/login/facebook), dann wird unsere Anwendung muss darauf reagieren. Ich lasse Sie mit der routing-wie immer Sie wollen, aber im wesentlichen die server, wenn es erhält eine /login/facebook Anfrage, es zuerst codiert einige Eigenschaften:

var code = uri.encodeUriComponent(request.queryParameters['code']);
var appId = uri.encodeUriComponent(config['authentication']['facebook']['appId']);
var appSecret = uri.encodeUriComponent(config['authentication']['facebook']['appSecret']);
var url = uri.encodeUriComponent(config['authentication']['facebook']['url']);

Müssen Sie import 'dart:uri' as uri ersten.

Nach diesem, ein bisschen von code API-Anfragen auf Facebook:

http.read('https://graph.facebook.com/oauth/access_token?client_id=$appId&redirect_uri=$url&client_secret=$appSecret&code=$code').then((contents) {
  //"contents" looks like: access_token=USER_ACCESS_TOKEN&expires=NUMBER_OF_SECONDS_UNTIL_TOKEN_EXPIRES
  var parameters = QueryString.parse('?$contents');
  var accessToken = parameters['access_token'];

  //Try to gather user info.
  http.read('https://graph.facebook.com/me?access_token=$accessToken').then((contents) {
    var user = JSON.parse(contents);

    print(user); //Logged in as this user.
  });
});

Ich bin mit dem HTTP Paket hier und der QueryString Paket.

Nachdem Sie die API-Anforderungen, müssen Sie die Benutzer-Informationen an die hand. Jetzt können Sie Dinge tun, wie speichern Sie die authentifizierten Benutzer, die in einer Sitzung. Sie können z.B. HttpRequest.session für diesen Zweck. Zum Abmelden, entfernen Sie einfach die Daten aus der session.

Dies ist etwa das Verfahren, das Sie tun müssen, aufstehen, Facebook-Authentifizierung zu arbeiten. Sie können erwarten, ähnliche workflows für viele andere websites. Möglicherweise müssen Sie auch/verwenden Sie die OAuth2 Paket.

So zusammenfassen:

• Erstellen Facebook Entwicklers-Profil und eine app, mit der richtigen URLs.
• Notieren Sie die app-id ist und wie in einigen config.
• Die richtigen login-link.
• Schreiben von server-seitigen code, wo die Facebook-login-wirft den Benutzer.
• Schreiben einige API-Aufrufe bei den server zum abrufen der Benutzer authentifiziert.

Spaß haben!