Google Android ログイン

__CAPGO_KEEP_0__のインストール手順とフルマークダウンガイドのコピー可能な設定用の質問をコピーする。

導入

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

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

AndroidのSHA1証明書はとても苦痛で、誰にも強いられないものです。以下の手順は、Google Play Storeに公開されていないアプリ、またはローカルシミュレータまたは開発用ハードウェアデバイスのみで使用されるアプリのシンプルなシナリオを想定しています。 Google Play Storeにアプリを公開している場合は、

If you have deployed your app to Google Play Store, you Android用の追加クライアントIDを追加する必要があります。このIDには、Google Playコンソールから取得したSHA1が含まれます。プロダクションリリースの場合、使用するリリースバンドルの署名に使用されるSHA1ハッシュを検索できます。最後に、設定ミスが発生した場合、エラーは明らかではありません。デバッグは非常に困難になる可能性があります。セットアップに苦労している場合は、 Test and release > Setup > App Signing.

__CAPGO_KEEP_0__ 問題 Github issues.

Google Androidログイン設定のトラブルシューティングセクションを参照してください。 Google Androidログイン設定

複数のAndroidクライアントIDを作成できます。これは、複数のSHA1証明書を持つ場合に必須です。
1. AndroidクライアントIDを作成する。
2. を検索し credentials にクリック APIs and Services スクリーンショットの2番目のアイテム
3. にクリック create credentials
4. Create credentials OAuth client ID
5. OAuth クライアント ID Android 資格情報作成メニューの
6. Android スタジオを開きます
7. ナビゲーターの最下部で、 Gradle Scripts
8. を探します build.gradle モジュール app
9. ファイルを見つけます android.defaultConfig.applicationId。これはあなたの package name Google コンソール
10. ターミナルを開きます。アプリのフォルダに移動し、 android アプリのフォルダで ./gradlew signInReport
1. このコマンドの先頭にスクロールしてください。次の内容が表示されます。コピーしてください。 SHA1.
1. Google Console に戻り、 applicationId と Package Name 証明書フィールドに create
Android クライアントを作成するには、Web クライアントも作成する必要があります。
1. Google Console の Create credentials ページに移動してください。
2. アプリケーションの種類を Web
3. Click Create
4. Copy the client ID, you’ll use this as the webClientId in your JS/TS code

Modify your MainActivity

Please open your app in Android Studio. You can run cap open android
Find MainActivity.java
1. Open the app folder
2. Find java
3. __CAPGO_KEEP_0__を探して 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. 初期化を呼び出してください。これを一度だけ呼び出してください。
```
// 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' }) アプリケーションで呼び出さないでください。エクスチェンジ serverAuthCode あなたのバックエンドで Google のリフレッシュトークンを保存し、バックエンドでリフレッシュしてください。
エミュレータをテスト用に設定
1. Go into Device manager and click the plus button
2. Create a virtual device
3. Select any device with a Play Store icon
  
  As you can see, the pixel 8 supports the Play Store services
4. Click next
5. __CAPGO_KEEP_0__のタイプであることを確認してください Google Play. IT MUST __CAPGO_KEEP_0__のタイプであることを確認してください Google Play
6. 次のボタンをクリックしてください
7. デバイスの設定を確認する画面。完了ボタンが表示されます
8. 仮想デバイスが表示され、プレイボタンが表示されるデバイスマネージャー Device Manager Cloudflare
9. After the simulator boots up, go into its __CAPGO_KEEP_0__
10. Go into __CAPGO_KEEP_0__ Google Play
1. Click __CAPGO_KEEP_0__ Update and wait about 60 seconds
Test your application

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

__CAPGO_KEEP_3__

あなたが問題がある場合、以下の情報を参照してください。 Github.

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

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

Google ログイン on Android を使用している場合 Google ログイン on Android を計画し、認証とアカウントフローの接続を行うには @capgo/capacitor-social-loginを使用する @capgo/capacitor-social-loginのネイティブ機能のために@capgo/capacitor-social-loginを使用する @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の実装詳細のために@capgo/capacitor-native-biometricを使用する、 2要素認証 2要素認証の実装詳細のために2要素認証を使用する

Google Android ログイン

導入

AndroidでGoogleログインを使用する

__CAPGO_KEEP_3__

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