蚌埠网站制作公司价格,seo查询网址,口碑好的盐城网站建设,晋城网站seo最近接触了几个海外登录的平台#xff0c;踩了很多坑#xff0c;也总结了很多东西#xff0c;决定记录下来给路过的兄弟坐个参考#xff0c;也留着以后留着回顾。更新时间为2024年2月8日#xff0c;后续集成方式可能会有变动#xff0c;所以目前的集成流程仅供参考#…最近接触了几个海外登录的平台踩了很多坑也总结了很多东西决定记录下来给路过的兄弟坐个参考也留着以后留着回顾。更新时间为2024年2月8日后续集成方式可能会有变动所以目前的集成流程仅供参考但是绝对详细。
整个记录会包含源码。
dart环境sdk: 2.7.0 3.0.0
集成海外登录需要科学上网一共涉及四个平台TiktokFacebookGoogle以及Apple登录。我会分别一一整理记录所以我的项目就命名为fgta_login (Facebook,Google,Tiktok,Apple登录)奇怪的命名1。
这篇文章只记录Google登录的详细流程其他几个平台的集成流程如下
【原创 附源码】Flutter安卓及iOS海外登录--Facebook登录最详细流程
【原创 附源码】Flutter安卓及iOS海外登录--Tiktok登录最详细流程
【原创 附源码】Flutter安卓及iOS海外登录--Apple登录最详细流程 一 Firebase平台配置
Firebase平台类似于国内的友盟可以配置很多个平台的登录,支持创建Flutter的配置使用起来也非常简单官网地址如下https://firebase.google.com/?hlzh-cn
首先进入官网点开控制台 点击添加项目 输入项目名 点击创建项目 创建完成进入项目页面点击Flutter 标记 会提示你一步一步进行操作很重要每步都要执行
这三步基本都是在终端执行的一定要翻墙在终端运行命令的时候记得将自己使用的代理终端命令在终端执行一下比如我用的小飞机终端命令的复制使用方法是这样 然后复制在终端执行 这样终端的命令会也会在翻墙状态下执行。 继续回到Firebase执行终端命令
第一步我这里已经创建过了就不记录了 第二步
第一个命令执行
dart pub global activate flutterfire_cli 进入Flutter项目文件夹一级目录执行第二个命令
flutterfire configure --projectfgtalogin 这里会提示你选择哪些平台按住空格键可进行勾选或者取消勾选按上下键可以选择我这里只选择安卓和IOS其他两个取消勾选然后回车 一路按y回车 执行成功现在firebase已经配置到你的项目里了。 回到Firebase官网点击授权管理 选择google 选择启用 选择一个邮箱然后进行保存 会提示你下载最新的配置文件更新点完成。 进入项目设置页面 先配置安卓端点击添加指纹如果你们是团队开发的话如果你不是项目的管理员则看不到这里需要联系你的管理员去添加 安卓端的指纹在这里获取 点击之后再控制台找 复制SHA1指纹到friebase然后点击保存: 添加完成下载配置文件 打开安卓项目文件夹将下载完成的配置文件替换掉刚刚自动生成的位置在这里替换一下 iOS的也需要下载替换一下 注意命名要保持一致iOS的在这里将刚才下载下来的IOS的文件也替换一下 至此Firebase网页上的配置就完成了。
二 Flutter 项目配置
在项目中添加如下第三方库
firebase_core: ^1.16.0
firebase_core_platform_interface: 4.5.1
google_sign_in: ^5.4.4然后执行flutter pub get如下图 接着就可以调用google登录了 GoogleSignIn _googleSignIn GoogleSignIn(scopes: String[email,https://www.googleapis.com/auth/contacts.readonly,],);GoogleSignInAccount googleUser await _googleSignIn.signIn();print(googleUser:${googleUser.toString()});
执行效果如下 点击高级 点击【转至project-810623983861 (不安全)】一路授权完成之后即可实现google登录成功输出如下
可以看到已经获取到google的用户信息了 完成 源码地址GitHub - TheRuningAnt/FGTALogin: 使用Flutter 去集成海外平台第三方登录包含Google、Tiktok、Facebook、Apple登录
