Google Android 登录

复制一个安装步骤和完整的Markdown指南的可复制提示。

简介

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

简介

创建一个Android客户端ID。
1. 点击搜索栏
2. 在搜索框中 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登录
1. 首先，导入 SocialLogin
```
import { SocialLogin } from '@capgo/capacitor-social-login';
```
2. 调用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',
    }
  })
})
```
3. 呼叫 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' }) 在应用程序中调用时，请在后端存储 Google 刷新令牌，并在后端刷新。 serverAuthCode 配置模拟器进行测试
进入
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 的注释。

Google Android 登录

简介

一般设置指南

故障排除