Googleログイン on Android

インストール手順とこのプラグインの全マークダウンガイドを含む設定プロンプトをコピーします。

導入

Capgo Android用のソーシャルログインの設定方法を学びます。このガイドでは、Googleログインの設定方法について説明します。一般的な設定ガイドをすでに読んだと想定しています。 AndroidでGoogleログインを使用する.

このセクションでは、AndroidでGoogleログインを設定する方法を学びます。

AndroidのSHA1証明書はとても面倒で、誰にもやらせたくないほど苦労するものです。以下の手順は、Google Playストアに公開されていないアプリ、またはローカルシミュレータまたは開発用ハードウェアデバイスのみで使用されるアプリのシンプルなシナリオを前提としています。

Google Playストアにアプリを公開している場合、 MUST 追加のAndroidクライアントIDを追加する必要があります。 Test and release > Setup > App Signing.

SHA1からGoogle Playコンソールのプロダクションリリース用の証明書を含む。 Github issues.

最後に、重要なのは、失敗した場合のエラーは明らかではありません。 __CAPGO_KEEP_0__ 問題が発生した場合は、設定のトラブルシューティングセクションを参照してください。

Create an Android client ID.
1. Click on the search bar
2. Search for credentials and click on the APIs and Services one (number 2 on the screenshot)
3. Click on the create credentials
4. 選択 OAuth client ID
5. 選択してください Android アプリケーションの種類
6. Android Studioを開く
7. ナビゲーターの最下部で、Android Studioプロジェクトナビゲーターの Gradle Scripts
8. Gradle Scriptsセクションで build.gradle モジュール app
9. for the module android.defaultConfig.applicationId. このアプリケーションはあなたの package name Googleコンソール内
10. ターミナルを開いてください。アプリのフォルダに移動し、 android アプリのフォルダで gradlew signInReportコマンドを実行 ./gradlew signInReport
1. SHA1証明書の指紋 SHA1.
1. パッケージ名とSHA1を入力し、 applicationId Androidクライアント作成フォーム Package Name パッケージ名とSHA1を入力したAndroidクライアント作成フォーム create
Android用のWebクライアントを作成してください（このステップは必須です）
1. Capgoの Create credentials Google Consoleの
2. を選択してください Web
3. をクリックしてください Create
4. Client IDをコピーしてください。 webClientId in your JS/TS code

Capgoの MainActivity

をAndroid Studioで開いてください。 cap open android
Find MainActivity.java
1. Open the app folder
2. Appフォルダを java
3. Find your MainActivity.java MainActivity.javaファイルを

Modify MainActivity.javacodeを追加してください

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. 初期化を呼び出してください。この呼び出しは一度だけ呼ばれる必要があります。
```
// 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 __CAPGO_KEEP_0__ SocialLogin.refresh({ provider: 'google' }) アプリ内で呼び出さないでください。 serverAuthCode バックエンドでGoogleのリフレッシュトークンを保存し、バックエンドでリフレッシュしてください。
__CAPGO_KEEP_1__
1. __CAPGO_KEEP_2__ Device manager Android Studioのデバイスマネージャーに移動し、プラスボタンをクリックしてください。
2. __CAPGO_KEEP_4__
3. __CAPGO_KEEP_6__ Play Store __CAPGO_KEEP_7__
  
  ご覧のとおり、 pixel 8 は Play Store サービス
4. クリック next
5. OSイメージが次のタイプであることを確認してください。 Google Play. __CAPGO_KEEP_0__ は Google Play
6. 次のボタンをクリック
7. __CAPGO_KEEP_0__を確認してください。エミュレータの名前は好きなように設定できます
8. __CAPGO_KEEP_2__に進み Device Manager __CAPGO_KEEP_3__を起動してください
9. シミュレータが起動したら、__CAPGO_KEEP_5__に進みます
10. __CAPGO_KEEP_7__に進みます Google Play
1. Google Playの更新画面です。Updateボタンが表示されます Update __CAPGO_KEEP_9__
Test your application

If you did everything correctly, you should see the Google login flow working properly:

Troubleshooting

If you have any issues, please look at the Github issues.

Googleログインの問題は ALWAYS SHA1証明書に関連しています。

開発用のSHA1証明書を取得できない場合は、カスタムキーストアを使用してください。ここはプロジェクトにキーストアを追加する方法についてのコメントです。

Capgoを使用している場合 AndroidのGoogleログイン 認証とアカウントフローの計画に使用し、CloudflareのCapacitorと接続する @capgo/capacitor-social-login @capgo/capacitor-social-login @capgo/capacitor-social-login @capgo/capacitor-passkey @capgo/capacitor-passkey @capgo/capacitor-passkey @capgo/capacitor-native-biometric @capgo/capacitor-native-biometricの実装詳細について Two-factor authentication Two-factor authenticationの実装詳細について

Googleログイン on Android

導入

「AndroidでGoogleログインを使用する」のタイトルが付いたセクション

Troubleshooting

AndroidのGoogleログインから続けてください