Flutter: Facebook et Google authentification

voix
1

Je suis en train d'inclure Facebook et Google authentification dans mon application que je crée à l'aide Flutter. Y at-il un tutoriel où je peux utiliser pour mettre en œuvre car il est un peu incertain sur la façon d'inclure des éléments HTML et Javascript dans Flutter pour permettre cette authentification. Ou est-il un moyen complètement différent d'authentification pour Flutter?

Créé 28/05/2017 à 07:14
source utilisateur
Dans d'autres langues...                            


4 réponses

voix
1

L' ajout de cette réponse tardive car maintenant il y a un paquet , flutter_facebook_loginqui remplace flutter_facebook_connect. Voici un fonctionnement main.dartexemple qui devrait fonctionner. Gardez à l' esprit que vous devez avoir suivi toutes configuration comme décrit dans le référentiel et doit avoir une application facebook configuré:

import 'package:flutter/material.dart';
import 'package:flutter_facebook_login/flutter_facebook_login.dart';
import 'dart:async';

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Flutter Facebook Login',
      theme: new ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: new MyHomePage(title: 'Flutter Login Facebook'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => new _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {    
  login() async {
    final facebookLogin = new FacebookLogin();
    final result = await facebookLogin.logInWithReadPermissions(['email']);
    switch (result.status) {
      case FacebookLoginStatus.loggedIn:
        print(result.accessToken.token);
        break;
      case FacebookLoginStatus.cancelledByUser:
        print('CANCELED BY USER');
        break;
      case FacebookLoginStatus.error:
        print(result.errorMessage);
        break;
    }
  }

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text(widget.title),
      ),
      floatingActionButton: new FloatingActionButton(
        onPressed: login,
        tooltip: 'Login With Facebook',
        child: new Icon(Icons.add),
      ),
    );
  }
}

Vous devriez voir l'écran de connexion lorsque vous cliquez sur le bouton en bas à droite, et vérifier la réponse imprimée sur la console de débogage:

entrez la description d'image ici

Ceci est la voie à suivre en ce moment puisque le package utilise réellement natif Facebook Connexion sur SDKs Android et iOS. Donc aucune excuse pour utiliser Firebase ou d'avoir à vous l'interface!

Il aide les autres à l' espoir qui ont des problèmes avec le login facebook. Et les crédits vont au créateur du paquet roughike

Pour utiliser google signin google_sign_in , ce paquet est en fait assez mature et plus facile d'y aller.

Créé 06/06/2018 à 04:40
source utilisateur

voix
1

Je vous recommande de tirer parti Firebase.

Voici un codelab: https://codelabs.developers.google.com/codelabs/flutter-firebase/index.html#0

Créé 30/05/2017 à 18:56
source utilisateur

voix
1

Vous pouvez utiliser le plugin google_sign_in. Consultez la documentation dans les plugins repo et pub .

Il n'y a pas un plugin Facebook encore, mais vous pouvez écrire un.

Créé 28/05/2017 à 14:13
source utilisateur

voix
0

Comme les autres mentionnés pour utiliser le plugin Google google_sign_in et Facebook, vous pouvez utiliser celui-ci.

https://github.com/lejard-h/flutter_facebook_connect

Mais pour se connecter à Facebook, vous devez vous enregistrer votre application par Facebook. Ils fournissent une documentation pour cela.

Remarque: ne pas oublier la redirection vers localhost comme le README du projet github explique.

Le plugin Facebook va ouvrir un WebView (vous devez installer le webview_plugin aussi) où l'utilisateur peut authentifier et accepter l'autorisation à vos besoins d'applications.

Créé 21/11/2017 à 09:44
source utilisateur

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more