flutter使用firebase集成谷歌，苹果登录

原创

已于 2025-07-31 15:39:54 修改 · 1k 阅读

13 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #firebase登录 #google登录 #apple登录

于 2025-07-28 10:52:19 首次发布

Firebase后台配置

登录google firebase后台 firebase官网创建firebase项目
看情况选择选项一直到完成
添加应用安卓，ios
分别绑定ios，安卓的包名。（文件会在下一步的Firebase CL自动下载，可以先不用管）ios会下载一个GoogleService-Info.plist文件，位置是myApp/ios/Runner/GoogleService-Info.plist，安卓下载google-services.json文件，位置是myApp/android/app/google-services.json。
在firebase左侧导航栏打开构建，选择Authentication，在登录方法里面选择Google，Apple，配置完成之后，GoogleService-Info.plist文件和google-services.json会更新，需要重新配置。
到此处firebase在客户端的配置完成。（服务端的话，需要在项目设置里面，选择服务账号，然后选择Admin SDK 配置代码段，根据后端语言，复制代码，然后生成私钥文件，放在代码里）

代码配置google

首先需要将 Firebase 添加到您的 Flutter 应用，详情请看官网介绍，需要注意的点就是：firebase登录的Google账号，必须要有刚刚创建的项目权限（主账号，或者授权管理员），核心命令flutterfire configure，先绑定你在firebase创建的app，然后会自动生成一个firebase_options.dart，以及GoogleService-Info.plist文件和google-services.json文件到你的文件中。
2. 对于ios，在ios/Runner/Info.plist里面配置 (重要，否则会闪退)

<key>CFBundleURLTypes</key>
	<array>
		<dict>
			<key>CFBundleTypeRole</key>
			<string>Editor</string>
			<key>CFBundleURLSchemes</key>

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

JellyDDD

关注关注

20
点赞
踩
13

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

使用 Flutter 在 Android 上集成 Apple 登录

iCloudEnd的博客

07-29

667

注意：要集成 Apple Sign-In，您必须拥有有效的 Apple ID，并且您应该注册 Apple 开发者计划。需要 Apple 开发者计划来创建所需的证书和服务。我们还需要一个MacOS设备，即Macbook/Mac或Hackintosh也可以在 iOS 设备上集成 Apple-Sign 相当简单明了，但是，没有适用于 Android 设备的教程或适当的文档。我们将使用包“ sign_in_with_apple ”版本 4.3.0，当您阅读本文时，将会有更新的版本可用。

Flutter实战一Flutter聊天应用（六）

最新发布

gitblog_00494的博客

10-14

1160

你还在为Flutter应用集成Google Cloud登录时的网络请求问题头疼吗？授权失败、令牌过期、跨平台兼容性差？本文将用最通俗的语言，带你3步实现稳定可靠的Google Cloud登录请求，即使是零基础开发者也能轻松掌握。读完本文你将获得： - 快速理解dio（HTTP客户端）在Flutter中的核心作用 - 掌握Google Cloud OAuth2登录的完整流程 - 学会3行关键代码...

Flutter实现google登陆(gmail)

codecat_yi的博客

12-13

2461

环境介绍插件平台AndroidIOS 环境介绍系统：Windows 10 IDE：Android Studio 3.5.2 Flutter：1.22.2 Dart：2.8.4 Gradle：5.6.2 插件 google_sign_in firebase_auth 平台 Android 前往Firebase创建项目侧边栏进入build -> Authentication -> Sign-in method，开启Google项侧边栏进入 Project Overview ，创建A.

GoogleSignInapp：使用Google登录Flutter应用

02-10

google_signin 一个新的Flutter应用程序。入门该项目是Flutter应用程序的起点。如果这是您的第一个Flutter项目，那么有一些资源可以帮助您入门：要获得Flutter入门方面的帮助，请查看我们的，其中提供了教程，示例，有关移动开发的指南以及完整的API参考。

flutter集成Google第三方登录

倚栏静望的博客

02-12

4365

历时半天时间，踏过无数个坑，终于吧google登录搞定了，有些坑是官方文档给挖的，但是大多数坑还是网上的其他同仁给挖的，在这我就不多说了，也可能是版本过于久远，在他们那个年代可行的方法到现在已经不可行了，所以在这里也加一些免责声明：本文章中的集成方式可能在未来某个时间段就失效了，所以，请大家最好还是以官方文档为准。

【原创附源码】Flutter安卓及iOS海外登录--Google登录最详细流程

mumubumaopao的博客

02-08

5852

Flutter 集成google 第三方登录

Flutter集成Firebase中的Realtime Analytics

AiFlutter的博客

09-06

1380

如果Firebase中的事件没有包含你的应用程序需求，我们还可以自定义事件，如下所示，我们自定义了一个名称为share_image的事件。注意：事件名称最长可达 40 个字符，只能包含字母数字字符和下划线（“_”），并且必须以字母字符开头我们在开发过程中要添加硬件添加、硬件使用、硬件升级以及登录的自定义事件。这样我们就能知道用户硬件的使用情况以及方便后期使用A/B Test: name,: text,},我们可以在分析中看到设备型号、国家、事件、应用的版本等信息。

flutter + firebase 云消息通知教程 (android-安卓、ios-苹果)

q515656712的博客

12-21

8382

如果能看到这篇文章的一定已经对手机端的通知有了一定了解。国内安卓厂商这里不提（国内因为墙的原因所以无法使用谷歌服务），只说海外的。目前 adnroid 和 ios 推送消息分别叫 FCM 和 APNs。这里通过 google 的 firebase 分别向两个平台同时推送消息只需要配置一套服务便可以。（firebase 推送消息服务免费）这里是firebase官网地址以下是在 Mac 电脑下使用的。linux 应该区别不大。或许与window 下有一定区别就是配置环境变量部分自行辨别。

给Flutter + FireBase 增加 badge 徽章，App启动器通知红点。

q515656712的博客

01-05

1754

在此之前需要配置好 firebase 在flutter 在项目中。（已经配置好的可以忽略此提示）由于firebase 提供的消息通知测试只能做简单设置。所以这里需要自己搭建一个服务。

flutter_apple_sign_in:用Flutter插件登录Apple

05-13

不再维护抱歉，我没有时间维护此插件，也没有项目可以对其进行测试。这个项目的分支将继续作为the_apple_sign_in在这里：

sign_in_flutter：“登录演示”应用程序，显示了如何使用Flutter在Android和iOS中使用Google登录

02-05

使用Firebase摇动Google登录查看我的中篇文章。在此应用程序中，我已经使用Android和iOS的Firebase实施了Google登录，并通过最新的Flutter更新解决了所有问题。要了解如何解决Flutter中的所有Firebase问题，请确保查看我的中型文章。注意：该项目已在Flutter 1.20（稳定版）上进行了测试，并使用了所有最新版本的插件。项目版本该项目有三个版本：简单的Google登录（）结合自动登录（）结合使用生物识别的本地身份验证（）使用这个程序如果要克隆和使用此应用程序，则必须完成以下步骤：步骤1：产生SHA-1

flutter_facebook_login,一个flutter插件，允许用户通过本地android和ios facebook登录sdk进行身份验证。.zip

10-11

在android和ios上使用本地facebook登录sdk的flutter插件。

Flutter集成Google、Facebook等第三方登陆完整流程

wapchief的博客

08-28

8929

前言国内的登陆一般可以通过极光、友盟等这些第三方平台提供的sdk，实现一键接入。国外的就比较杂了，比如常用的 GitHub、Twitter、apple、Microsoft等， Google 提供了 firebase 统一验证的机制，虽然不能统一登陆方式，但是通过 firebase 能使登陆流程更加规范化，减少后端开发的工作量，而且要使用 Google 登陆前，必须要集成 firebase，同时它也是国际型项目等首选方案，它等服务还包括推送，邮箱验证，统计、即时通讯等。文章只演示 Google 和 Face

flutter在没有Firebase的android中使用Google登录

weixin_26727575的博客

09-22

757

There seems to be missing a guide for Google sign in with flutter, without firebase. Guides for firebase are in abundance, but if for any reason you want to go bare with google sign in, you are on you...

Flutter 基于google验证登录实现

一只小翊的博客

08-12

495

本文介绍了Flutter端基于google_sign_in插件的Google登录完整实现方案。核心内容包括：1) 通过AuthService类封装登录流程，支持Web和移动端；2) 关键实现：初始化配置、获取ServerAuthCode、与后端通信交换Token；3) 特殊处理Web端按钮样式和移动端认证流程；4) 错误处理和状态管理。代码提供了完整的OAuth2.0授权流程，包括获取用户基础信息、处理授权异常等细节，并针对不同平台进行了适配优化。该方案已通过实际项目验证，可直接集成使用。

flutter 接入 google登录

友人C君的博客

05-12

1845

https://pub.dev/packages/sharesdk_plugin#-installing-tab- 在此网址查看最新的版本然后在pubspec.yaml里导入 sharesdk_plugin: ^X.X.X 然后参考这个example的文件来配置 https://github.com/MobClub/ShareSDK-For-Flutter/tree/master/sharesdk_plugin/example ...

flutter 集成apple登录

YML_426的博客

04-03

1847

在xcode中依次点击：左侧根目录Runner--》TARGETS下的Runner--》Signing & Capabilities--》添加Sign in with Apple。在apple开发者中心点击Certificates, Identifiers & Profiles下的Identifiers，勾选Sign in with Apple。

我们的app主推国外，如何使用flutter实现google登录和facebookc登录

03-28

<think>好的，用户之前询问了如何在Flutter中实现苹果登录，现在他们想了解如何实现Google和Facebook登录，并且他们的应用主要面向国外市场。首先，我需要考虑国外用户常用的登录方式，Google和Facebook肯定是主流，所以用户的需求合理。接下来，我应该回顾之前的回答结构，用户可能希望保持一致的格式，包括步骤、时间预估、难点和优化建议等。之前的回答结构清晰，用户可能已经习惯了这种格式，继续沿用会比较友好。然后，我需要考虑Google和Facebook登录的具体实现步骤。对于Google登录，Flutter有官方的google_sign_in插件，而Facebook登录可能需要使用flutter_facebook_auth或者第三方插件。需要确保提到的插件是最新且维护良好的，比如检查pub.dev上的评分和更新日期。还要注意配置方面的差异，比如Google需要Firebase项目配置，而Facebook需要开发者账号和应用ID的设置。需要详细说明每个平台的具体步骤，比如在Google Cloud Console创建OAuth客户端ID，在Facebook开发者后台设置应用并添加平台。时间预估方面，Google登录可能相对简单，因为和Firebase集成较好，而Facebook可能涉及更多配置，比如Android的Key Hash生成，这可能需要额外的时间。同时，考虑到用户是主推国外市场，可能需要强调遵循各平台的设计规范，避免审核问题。另外，用户可能关心后端验证的部分，是否需要服务器端处理token，这里需要提到将ID Token发送到后端进行验证，并给出相关文档链接，比如Google的验证端点。还要注意常见问题，比如Facebook的登录按钮样式、权限申请的范围，以及如何处理用户取消登录的情况。对于Google，可能需要处理不同平台（Android、iOS、Web）的配置差异。最后，总结部分需要比较两种登录的实现难度和时间，给出优化建议，比如使用沙箱环境测试，分阶段开发等。同时提醒审核注意事项，比如隐私政策链接和按钮样式的合规性。检查是否有遗漏点，比如是否需要处理用户信息的存储，首次登录后的数据处理，以及错误处理的具体代码示例。确保所有步骤都覆盖，并且语言简洁明了，适合不同经验的开发者参考。</think>以下是针对海外市场的 **Google登录**与**Facebook登录**在Flutter中的实现指南，包含核心代码、配置细节及效率优化策略： --- ### **一、Google登录实现** #### **1. 前置条件** - **Firebase项目**：在[Firebase控制台](https://console.firebase.google.com/)创建项目并关联应用 - **OAuth客户端ID**：在[Google Cloud Console](https://console.cloud.google.com/)启用`Google Sign-In`，生成Android/iOS/Web的客户端ID - **SHA证书指纹**：为Android应用生成（可通过`keytool -list -v -keystore ~/.android/debug.keystore`获取调试版） #### **2. 集成插件** ```yaml dependencies: firebase_core: ^2.14.0 # Firebase核心库 google_sign_in: ^6.1.0 # 官方Google登录插件 ``` #### **3. 核心代码示例** ```dart import 'package:google_sign_in/google_sign_in.dart'; final GoogleSignIn _googleSignIn = GoogleSignIn( scopes: ['email', 'profile'], // 请求基础信息 ); // 触发登录 Future<void> signInWithGoogle() async { try { final GoogleSignInAccount? account = await _googleSignIn.signIn(); final GoogleSignInAuthentication auth = await account!.authentication; // 关键数据 print('用户ID: ${account.id}'); print('访问令牌: ${auth.accessToken}'); print('ID令牌: ${auth.idToken}'); // 需发送到后端验证 // 获取用户信息 print('姓名: ${account.displayName}'); print('邮箱: ${account.email}'); print('头像URL: ${account.photoUrl}'); } catch (error) { print('登录失败: $error'); } } ``` --- ### **二、Facebook登录实现** #### **1. 前置条件** - **Facebook开发者账号**：注册并创建应用（类型选`Consumer`） - **应用ID与密钥**：在[开发者后台](https://developers.facebook.com/)获取`App ID`和`App Secret` - **配置平台**：添加Android/iOS包名、Bundle ID、Key Hashes（Android需生成Release版SHA1） #### **2. 集成插件** ```yaml dependencies: flutter_facebook_auth: ^4.6.3 # 推荐使用此库（支持v13+ API） ``` #### **3. 核心代码示例** ```dart import 'package:flutter_facebook_auth/flutter_facebook_auth.dart'; // 触发登录 Future<void> signInWithFacebook() async { final LoginResult result = await FacebookAuth.instance.login( permissions: ['email', 'public_profile'], // 必要权限 ); if (result.status == LoginStatus.success) { final AccessToken accessToken = result.accessToken!; print('访问令牌: ${accessToken.token}'); // 获取用户详细信息 final userData = await FacebookAuth.instance.getUserData(); print('姓名: ${userData['name']}'); print('邮箱: ${userData['email']}'); print('ID: ${userData['id']}'); } else { print('登录取消或失败: ${result.status}'); } } ``` --- ### **三、时间预估与效率对比** | **平台** | **配置时间** | **编码时间** | **后端验证复杂度** | **总耗时** | |------------|--------------|--------------|--------------------|------------| | **Google** | 1-2小时 | 1天 | 低（直接验证ID Token） | 1.5-2天 | | **Facebook** | 2-3小时 | 1.5天 | 中（需调用Graph API） | 2-3天 | --- ### **四、关键难点与避坑指南** #### **Google登录** 1. **SHA指纹错误**：确保Firebase中配置的SHA1与本地签名一致（尤其Release包） 2. **Web端跨域限制**：需在Firebase授权域名列表中添加`localhost`（开发环境） 3. **账号多设备同步**：处理`signInSilently()`自动登录时的令牌刷新 #### **Facebook登录** 1. **Key Hash配置**：Android需通过代码打印（示例）： ```dart void printKeyHash() async { final keyHash = await FacebookAuth.instance.getKeyHash(); print('Key Hash: $keyHash'); } ``` 2. **审核模式限制**：未通过Facebook审核的应用仅允许测试用户登录（需在开发者后台添加测试账号） 3. **权限申请**：若需获取`pages_show_list`等高级权限，需提交[权限审核申请](https://developers.facebook.com/docs/app-review/) --- ### **五、后端验证逻辑** #### **Google验证** - 使用[Google API端点](https://oauth2.googleapis.com/tokeninfo?id_token=YOUR_TOKEN_HERE)验证ID Token - 确保`aud`字段与客户端ID匹配，且`exp`未过期 #### **Facebook验证** 1. 通过[调试工具](https://developers.facebook.com/tools/debug/)验证Access Token 2. 调用Graph API获取用户信息： ```bash GET https://graph.facebook.com/v13.0/me? fields=id,name,email& access_token={token} ``` --- ### **六、海外市场适配建议** 1. **遵守GDPR**：在登录前弹出隐私协议弹窗（尤其欧盟用户） 2. **UI规范**： - Google按钮使用[官方素材](https://developers.google.com/identity/branding-guidelines) - Facebook按钮遵循[品牌指南](https://en.facebookbrand.com/facebookapp/) 3. **多语言支持**：通过`flutter_localizations`适配登录界面的本地化文本 --- ### **总结** 对于主推海外的应用，**Google登录优先级高于Facebook**（覆盖率更广）。推荐开发顺序： 1. 优先完成Google登录（1-2天） 2. 同步配置Facebook开发者账号（避免审核耗时） 3. 实现Facebook登录（2-3天） **注意**：海外应用上架需在登录界面提供隐私政策链接（通常放置于登录按钮下方）！