Android 上的 Google 登录

复制一个包含安装步骤和本插件的完整 Markdown 指南的设置提示。

简介

在本指南中，您将学习如何使用 Capgo Android 社交登录设置 Google 登录。我假设您已经阅读了通用设置指南.

在本部分中，您将学习如何在 Android 上设置 Google 登录。

创建Android客户端ID。
1. 在搜索栏中点击
2. 在 Google 控制台中 credentials 并点击屏幕截图中的 APIs and Services 第 2 项
3. 点击 create credentials
4. 选择 OAuth client ID
5. 选择 Android 应用程序类型
6. 打开 Android Studio
7. 在导航器的最下方找到 Gradle Scripts
8. 查找 build.gradle 为模块 app
9. 复制 android.defaultConfig.applicationId将用于 package name 在 Google 控制台
10. 现在，打开终端。确保您位于应用程序的 android 应用程序的文件夹并运行 ./gradlew signInReport
1. 滚动到此命令的顶部。您应该看到以下内容。复制 SHA1.
1. 现在，返回Google控制台。输入您的 applicationId 作为 Package Name 并将您的SHA1粘贴到证书字段中，点击 create
创建一个Web客户端（这是为Android必需的）
1. 前往 Create credentials 页面在Google控制台
2. 设置应用类型为 Web
3. 點擊 Create
4. 複製客戶端 ID，您將使用它作為 webClientId 在您的 JS/TS code

修改您的 MainActivity

請在 Android Studio 中打開您的應用程式。您可以 cap open android
查找 MainActivity.java
1. 打開 app 目錄
2. 查找 java
3. 找到你的 MainActivity.java 并点击它

修改 MainActivity.java请添加以下内容 code

import ee.forgr.capacitor.social.login.GoogleProvider;
import ee.forgr.capacitor.social.login.SocialLoginPlugin;
import ee.forgr.capacitor.social.login.ModifiedMainActivityForSocialLoginPlugin;
import com.getcapacitor.PluginHandle;
import com.getcapacitor.Plugin;
import android.content.Intent;
import android.util.Log;
import com.getcapacitor.BridgeActivity;

// ModifiedMainActivityForSocialLoginPlugin is VERY VERY important !!!!!!
public class MainActivity extends BridgeActivity implements ModifiedMainActivityForSocialLoginPlugin {

      @Override
      public void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);

        if (requestCode >= GoogleProvider.REQUEST_AUTHORIZE_GOOGLE_MIN && requestCode < GoogleProvider.REQUEST_AUTHORIZE_GOOGLE_MAX) {
          PluginHandle pluginHandle = getBridge().getPlugin("SocialLogin");
          if (pluginHandle == null) {
            Log.i("Google Activity Result", "SocialLogin login handle is null");
            return;
          }
          Plugin plugin = pluginHandle.getInstance();
          if (!(plugin instanceof SocialLoginPlugin)) {
            Log.i("Google Activity Result", "SocialLogin plugin instance is not SocialLoginPlugin");
            return;
          }
          ((SocialLoginPlugin) plugin).handleGoogleLoginIntent(requestCode, data);
        }
      }

      // This function will never be called, leave it empty
      @Override
      public void IHaveModifiedTheMainActivityForTheUseWithSocialLoginPlugin() {}
}

保存文件

在应用程序中使用Google登录

首先，导入 SocialLogin

import { SocialLogin } from '@capgo/capacitor-social-login';

调用initialize。应只调用一次。

// onMounted is Vue specific
// webClientId is the client ID you got in the web client creation step not the android client ID.
onMounted(() => {
  SocialLogin.initialize({
    google: {
      webClientId: '673324426943-avl4v9ubdas7a0u7igf7in03pdj1dkmg.apps.googleusercontent.com',
    }
  })
})

呼叫 SocialLogin.login. 创建一个按钮并在点击时运行以下 code。
```
const res = await SocialLogin.login({
  provider: 'google',
  options: {}
})
// handle the response
console.log(JSON.stringify(res))
```
如果您使用 Google 初始化 mode: 'offline', SocialLogin.login() 返回 serverAuthCode 为您的后端交换流程 SocialLogin.refresh({ provider: 'google' }) 不要在应用程序中调用 serverAuthCode 在应用程序中调用

在您的后端存储 Google 刷新令牌，并在后端刷新
1. 进入 Device manager 并点击加号按钮
2. 创建虚拟设备
3. 选择任何具有 Play Store 图标的设备
  
  如您所见， pixel 8 支持 Play Store 服务
4. 点击 next
5. 确保操作系统映像类型为 Google Play. 必须是 系统映像类型 Google Play
6. 点击下一步
7. 设备配置验证屏幕
8. 并启动您的模拟器 Device Manager 设备管理器中列出了虚拟设备并显示播放按钮
9. 启动模拟器后，进入其设置
10. 进入 Google Play
1. 点击 Update 等待约60秒
测试您的应用

如果您一切都正确，应该看到Google登录流程正常工作：

故障排除

如果您遇到任何问题，请查看 Github.

与Google登录相关的问题总是与SHA1证书有关

如果您无法获得开发SHA1证书，请尝试使用自定义keystore 这里是如何添加keystore到您的项目的注释

Android 上的 Google 登录

简介

在 Android 上使用 Google 登录

故障排除