Flutter Facebook Login in web



我已经尝试了Flutter Facebook Login软件包,它在Android中工作正常,但在网络中我没有被重定向到Facebook进行身份验证。尝试过此软件包的人可以提供帮助吗?

此插件不支持网络。
但是有人更新了代码以支持它 romulojjunior flutter_facebook_login (链接已失效(
如果您想使用它:

flutter_facebook_login:
git:
url: git@github.com:romulojjunior/flutter_facebook_login.git
ref: v1.3.0-web

也可以尝试firebase_auth Facebook身份验证:

import 'dart:html' as html;
import 'package:firebase_auth/firebase_auth.dart';
import 'package:flutter/material.dart';
final FirebaseAuth _auth = FirebaseAuth.instance;
void main() {
String token;
if (html.window.location.href.contains("access_token")) {
String url = html.window.location.href.replaceFirst("#/", "?"); // workaround for readable redirect url
Uri uri = Uri.parse(url);
if (uri.queryParameters.keys.contains("access_token")) token = uri.queryParameters["access_token"];
}
runApp(
MaterialApp(
title: 'Facebook Sign In',
home: SignIn(
token: token,
)),
);
}
class SignIn extends StatefulWidget {
final String token;
const SignIn({Key key, this.token}) : super(key: key);
@override
_SignInState createState() => _SignInState();
}
class _SignInState extends State<SignIn> {
String _message;
final String clientId = "FBClientId";
final String redirectUri = "http://localhost";
@override
void didChangeDependencies() {
super.didChangeDependencies();
if (widget.token != null) _signInWithFacebook(widget.token);
}
void _signInWithFacebook(String token) async {
setState(() {
_message = "Loading...";
});
final AuthCredential credential = FacebookAuthProvider.getCredential(
accessToken: token,
);
final FirebaseUser user = (await _auth.signInWithCredential(credential)).user;
assert(await user.getIdToken() != null);
final FirebaseUser currentUser = await _auth.currentUser();
assert(user.uid == currentUser.uid);
setState(() {
if (user != null) {
_message = 'Successfully signed in with Facebook. ' + user?.displayName.toString();
} else {
_message = 'Failed to sign in with Facebook. ';
}
});
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Column(
children: <Widget>[
Text(_message ?? "Please try to sign in"),
RaisedButton(
onPressed: () {
html.window.open(
"https://www.facebook.com/dialog/oauth?response_type=token&scope=email,public_profile,&client_id=${clientId}&redirect_uri=${redirectUri}",
"_self");
},
child: Text('Facebook login'),
),
],
),
),
);
}
}

不要忘记为网络添加Firebase: README.md
为 Firebase 启用 Facebook 登录(1-3 开始步骤之前(: Firebase-Facebook

最新更新