2024년 6월 종료 예정! Chrome에서 더 이상 작동하지 않는 로그인 방식 [해결 방법 포함]

2024-07-27

"Cross origin redirect sign-in on Google Chrome M115+ is no longer supported, and will stop working on June 24, 2024" 관련 Java, Android 및 Firebase 프로그래밍 정보

2024년 6월 24일 이후 Google Chrome M115 이상 버전에서 Cross-Origin Redirect Sign-In (CORS) 방식의 로그인이 더 이상 지원되지 않습니다. 이는 Android 및 Firebase 기반 앱에 영향을 미칠 수 있으며, 해당 기능을 사용하는 경우 앱 업데이트가 필요합니다.

영향:

Android 앱: Google 로그인, Facebook 로그인 등 CORS 방식을 사용하는 모든 소셜 로그인 기능이 영향을 받습니다.
Firebase: Firebase Authentication에서 제공하는 signInWithRedirect() 메서드가 영향을 받습니다.

해결 방법:

CORS 방식 대신 Chrome Custom Tabs 또는 Android Intent를 사용하여 로그인 흐름을 구현해야 합니다.

세부 정보:

Chrome Custom Tabs: Chrome Custom Tabs는 웹 콘텐츠를 앱 내에서 표시하는 데 사용되는 Android UI 구성 요소입니다. 이를 사용하여 로그인 페이지를 앱 내에서 표시하고, 로그인 완료 후 앱으로 돌아올 수 있습니다.
Android Intent: Android Intent는 앱 간 통신을 위한 메시징 시스템입니다. 이를 사용하여 로그인 액티비티를 호출하고, 로그인 결과를 수신할 수 있습니다.

업데이트 방법:

Android 앱:
1. Firebase SDK를 최신 버전으로 업데이트합니다.
2. signInWithRedirect() 대신 signInWithCustomTab() 또는 startActivityForResult()와 같은 다른 로그인 메서드를 사용합니다.
Firebase: Firebase에서 제공하는 최신 문서 및 코드 예시를 참고하여 앱을 업데이트합니다.

참고 자료:

주의:

2024년 6월 24일 이후 CORS 방식 로그인이 작동하지 않으므로, 앱 업데이트를 미루지 않는 것이 좋습니다.

추가 정보:

이 문제는 Google Chrome 버전 M115 이상에만 영향을 미칩니다. M114 이하 버전에서는 CORS 방식 로그인이 계속 작동합니다.
일부 소셜 로그인 제공업체는 CORS 방식 대신 OAuth 2.0과 같은 다른 인증 프로토콜을 지원할 수 있습니다.

Java, Android 및 Firebase를 사용한 Cross-Origin Redirect Sign-In 대체 예제 코드

Firebase SDK 업데이트

Firebase SDK를 최신 버전으로 업데이트합니다. 업데이트 방법은 Firebase 콘솔 또는 Gradle 스크립트를 사용하여 수행할 수 있습니다.

signInWithRedirect() 대체

예시:

// Firebase Authentication을 사용한 Custom Tab 로그인
FirebaseUser user = FirebaseAuth.getInstance()
    .signInWithCustomTab(activity)
    .addOnCompleteListener(new OnCompleteListener<AuthResult>() {
        @Override
        public void onComplete(@NonNull Task<AuthResult> task) {
            if (task.isSuccessful()) {
                // 로그인 성공
                FirebaseUser firebaseUser = task.getResult().getUser();
                // ...
            } else {
                // 로그인 실패
                Exception e = task.getException();
                // ...
            }
        }
    });

Chrome Custom Tabs 또는 Android Intent 구현

Chrome Custom Tabs:

// Chrome Custom Tab을 사용하여 로그인 페이지 열기
CustomTabsIntent customTabsIntent = new CustomTabsIntent.Builder()
    .setToolbarColor(Color.RED) // 툴바 색상 설정
    .setShowTitle(true)       // 제목 표시 설정
    .build();

activity.startActivityForResult(
    customTabsIntent.intentForUrl(new URL("https://example.com/login")),
    RC_SIGN_IN);

Android Intent:

// Android Intent를 사용하여 로그인 액티비티 시작
Intent intent = new Intent(activity, LoginActivity.class);
startActivityForResult(intent, RC_SIGN_IN);

로그인 결과 처리

onActivityResult() 메서드를 사용하여 로그인 액티비티로부터 결과를 수신하고 처리합니다.

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

    if (requestCode == RC_SIGN_IN) {
        if (resultCode == RESULT_OK) {
            // 로그인 성공
            // ...
        } else {
            // 로그인 실패
            // ...
        }
    }
}