Android에서 Google 로그인

이 플러그인의 설치 단계와 전체 마크다운 가이드를 포함한 설정 지시를 복사하십시오.

소개

이 가이드에서, Capgo Android용 Social Login을 사용하여 Google 로그인을 설정하는 방법을 배울 것입니다. 이 가이드를 읽기 전에 이미 일반 설정 가이드를 읽었다고 가정합니다. Android에서 Google 로그인 사용.

이 부분에서, 안드로이드에서 Google 로그인을 설정하는 방법을 배울 것입니다.

안드로이드 SHA1 인증서는 매우 번거롭고, 누구에게도 이를 설정하도록 원치 않습니다. 다음 단계는 Google Play Store에 배포되지 않은 앱 및 개발 장치나 시뮬레이터에서만 사용되는 가장 단순한 시나리오를 가정합니다.

Google Play Store에 앱을 배포한 경우, MUST 추가적인 안드로이드 클라이언트 ID를 추가해야 합니다. 이 클라이언트 ID에는 Google Play 콘솔에서 SHA1을 포함해야 합니다. 프로덕션 릴리스에 대한 SHA1을 찾으려면, Google Play가 릴리스 번들을 서명하는 SHA1 해시를 찾을 수 있습니다. Test and release > Setup > App Signing.

마지막으로, 중요한 점은, 오류를 만들면, 오류가 명확하지 않을 수 있다는 것입니다. 오류를 디버깅하기도 매우 어렵습니다. 설정에 어려움을 겪는 경우, Github 이슈.

또한, Google Login 설정의 Troubleshooting 부분을 참조하십시오. 더 많은 정보를 얻으려면, 해당 페이지를 방문하십시오.

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. Select OAuth client ID
5. Select the Android 애플리케이션 유형
6. Android Studio를 열어보세요.
7. 프로젝트 탐색기에서 Gradle Scripts 섹션을 찾으세요. Gradle Scripts
8. 모듈 build.gradle build.gradle (Module: app) 파일을 Gradle Scripts 섹션에서 찾으세요. app
9. __CAPGO_KEEP_0__ android.defaultConfig.applicationId. 이 프로젝트에 대한 package name Google 콘솔에서
10. 터미널을 열어보세요. 당신이 현재 프로젝트 폴더에 있는지 확인하세요. android 프로젝트 폴더에서 gradlew signInReport 명령어를 실행하세요. ./gradlew signInReport
1. 인증서 SHA1 fingerprint를 보여주는 터미널 출력 SHA1.
1. Android 클라이언트 생성 폼에 패키지 이름과 SHA1을 입력하세요. applicationId as the Package Name and your SHA1 in the certificate field and click create
Android용 웹 클라이언트를 생성하세요 (이것은 Android용이 필요합니다)
1. 으로 이동하세요 Create credentials 페이지에서 Google Console
2. 응용 프로그램 유형을 Web
3. 을 클릭하세요 Create
4. 클라이언트 ID를 복사하세요. 이 ID를 JS/TS __CAPGO_KEEP_0__에서 사용하겠습니다 webClientId in your JS/TS code

앱을 Android Studio에서 열어주세요. Android Studio에서 앱을 실행할 수 있습니다 MainActivity

__CAPGO_KEEP_0__ cap open android
Find MainActivity.java
1. Open the app folder
2. Find java
3. Find your 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. 먼저 import를 해주세요 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() returns serverAuthCode 백엔드 데이터 흐름에 대해 설정합니다. 백엔드에서 Google 리프레시 토큰을 저장하고, 백엔드에서 리프레시합니다. SocialLogin.refresh({ provider: 'google' }) 백엔드에서 호출하지 마십시오. serverAuthCode 앱에서 호출하지 마십시오. 그 모드에서 앱을 호출하지 마십시오.
백엔드에서 Google 리프레시 토큰을 저장하고, 백엔드에서 리프레시합니다.
1. 테스트를 위해 에뮬레이터를 설정합니다. Device manager Go into
2. Android Studio의 Device Manager에서 '+' 버튼이 강조되어 있습니다.
3. 가상 장치 구성에서 'Create Virtual Device' 버튼을 클릭합니다. Play Store 어떤 장치든 선택하십시오. 아이콘
  
  보시다시피, pixel 8 는 Play Store 서비스를
4. 클릭 next
5. OS 이미지가 Google Play. IT MUST 의 Google Play
6. 클릭
7. __CAPGO_KEEP_0__를 확인하세요.
8. __CAPGO_KEEP_1__로 Device Manager __CAPGO_KEEP_1__를 부팅하세요
9. __CAPGO_KEEP_2__에서 가상 장치 목록과 재생 버튼이 있는 장치 관리자
10. __CAPGO_KEEP_2__에서 설정 앱을 보여주는 안드로이드 에뮬레이터 Google Play
1. __CAPGO_KEEP_3__에서 설정 화면을 확인하세요 Update __CAPGO_KEEP_3__에서 Google Play 옵션을 클릭하세요
__CAPGO_KEEP_0__ 문제를 해결하는 방법

정확하게 모든 단계를 수행했다면 Google 로그인 흐름이 올바르게 작동하는 것을 볼 수 있을 것입니다:

문제 해결

문제가 발생하면 다음을 확인해 주세요. Github 문제.

Google 로그인과 관련된 문제는 항상 SHA1 인증서와 관련되어 있습니다.

개발 SHA1 인증서를 얻을 수 없다면 사용자 정의 키 스토어를 사용해 보세요. 항상 __CAPGO_KEEP_0__는 프로젝트에 키스토어를 추가하는 방법에 대한 설명입니다.

안드로이드의 Google 로그인을 사용 중이라면 안드로이드의 Google 로그인 인증 및 계정 흐름을 계획하고 연결하려면 @capgo/capacitor-social-login을 사용하여 @capgo/capacitor-social-login의 네이티브 기능을 사용하여 @capgo/capacitor-social-login @capgo/capacitor-social-login의 구현 세부 정보를 위해 @capgo/capacitor-passkey @capgo/capacitor-passkey의 구현 세부 정보를 위해 @capgo/capacitor-native-생체인증 for the implementation detail in @capgo/capacitor-native-생체인증, and 두 단계 인증 for the implementation detail in 두 단계 인증.

Android에서 Google 로그인

소개

제목이 'Android에서 Google 로그인 사용'인 섹션

문제 해결

안드로이드의 Google 로그인에서 계속하기