Google,Facebook使用Flutter登录支持

Question

我是Flutter的新手,有什么方法可以使用GOOGLE/FACEBOOK和Flutter一起登录.

谢谢

Answer 1

由于现在有一个软件包flutter_facebook_login代替了，所以添加了这个较晚的答案flutter_facebook_connect。这是一个main.dart应该起作用的示例。请记住，您必须按照存储库中的说明进行所有配置，并且必须配置一个facebook应用程序：

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),
      ),
    );
  }
}

单击右下按钮时，应该会看到登录屏幕，并在调试控制台上检查打印的响应：

由于该软件包实际上在Android和iOS上使用本机Facebook登录SDK，因此这是目前的做法。因此，没有借口使用Firebase或不必自己连接！

希望它可以帮助遇到Facebook登录问题的其他人。和信贷去包创建者roughike

对于google登录，请使用google_sign_in，该程序包实际上已经相当成熟并且更容易上手。

Answer 2

我认为 Flutter Dart 中没有直接实现

但也许可以通过使用本机实现并与 Java/Swift 代码进行通信。您可以构建 UI 并从 flutter 触发本机 OAuth 工作流程。

https://github.com/flutter/flutter/tree/master/examples/hello_services