React Native(+Firebase)双端(IOS、Android)实现Google Signin相关问题咨询

问题结论 #

• 你分别按iOS、Android端的对应教程完成原生配置后，可以实现双端正常运行，同时完全可以用一套JS/TS代码实现登录逻辑，不需要分平台写业务代码。

配置&代码实现要点 #

原生配置部分 #

两个平台的原生配置本身相互独立、互不干扰：

• Android端把google-services.json放到android/app/目录下，按教程完成Gradle配置即可
• iOS端完成Podfile修改、执行pod install，再把GoogleService-Info.plist添加到Xcode项目中，配置好对应URL Scheme即可
  只要各自配置准确，不会出现跨平台冲突，双端都能正常读取服务配置。

业务代码部分 #

目前社区成熟的React Native Google登录库已经做了双端能力封装，你只需要在JS层统一调用API即可，不需要额外加平台判断：

1. 初始化阶段统一调用GoogleSignin.configure()，可直接把webClientId等通用参数写在公共配置中
2. 登录触发逻辑统一调用GoogleSignin.signIn()方法，拿到返回的用户凭证后传给Firebase Auth的signInWithCredential方法即可完成全链路登录
3. 登出、获取当前登录用户等逻辑也全部使用统一API，双端会自动适配底层能力。

后续第三方登录适配说明 #

后续要接入Facebook、GitHub登录的逻辑完全一致：

• 先分别完成双端的原生配置（比如Facebook需要配置Android的AndroidManifest.xml、iOS的Info.plist参数）
• 选用支持双端封装的React Native对应第三方登录库，上层业务代码只需要写一套就能同时适配双端。

内容的提问来源于stack exchange，提问作者Chris