Flutter: Firebase Facebook 认证登入

本文档详细介绍了如何在Flutter应用中实现Firebase与Facebook的社交认证登录。首先,按照安卓官方文档配置Firebase和Facebook的重定向URI。接着,参照链接进行Facebook Android SDK的集成,包括在AndroidManifest.xml和gradle文件中添加必要代码。完成Facebook控制台的设置,生成hash key,并确保所有基本信息正确。最后,使用Flutter官方提供的代码片段即可获取Facebook登录的token。

Flutter相关的官方文档:

https://firebase.flutter.dev/docs/auth/social

https://facebook.meedu.app/#/android

https://developers.facebook.com/docs/facebook-login/android

安卓的官方文档:(辅助集成)

https://firebase.google.com/docs/auth/android/facebook-login

Flutter的官方文档代码提供的很好,直接就好使,主要的注意事项在环境的配置搭建。

1. 首先,先按照安卓官方文档的1-3步操作:

       操作完之后,确保Firebase控制台项目和Facebook控制台项目的重定向URI设置的无问题,如图该打开的开关都打开:

 

2.  https://facebook.meedu.app/#/android ,按照这个文档所说的,打开https://developers.facebook.com/docs/facebook-login/android,依次去依次集成,第一步指定项目后,代码直接粘到Flutter项目中android文件夹需要的地方就行了:

 以截图的方式具体列举一下Android文件夹中全部需要加的集成代码,具体代码在官方的集成教程中都有,在官网教程中找然后复制粘贴:

先是googleService.json文件要正常加上。其次是两个gradle文件:

 

 AndroidManifest 以及里面用的String文件内容:

 

 

 3. 到文档第5步的时候,默认活动类名称就用包名.FacebookLoginActivity, 然后保存:

第6步按照命令生成hash key, 然后保存

 

最后在Facebook控制台看到基本信息无误,配置部分就完成了。

 

4. 直接用官方提供的代码,就能取得token:

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值