source

Firebase 인증을 위한 앱 이름 변경 방법(사용자가 보는 내용)

nicesource 2023. 6. 13. 22:23
반응형

Firebase 인증을 위한 앱 이름 변경 방법(사용자가 보는 내용)

Firebase v 3.9.0 덕분에 제 소셜 OAuth는 제 이온 앱에서 잘 작동합니다.잔돈이 하나 있습니다.로그인하라는 메시지가 표시되면 "계속하려면 로그인하십시오.my-real-appname-12345f.firebaseapp.com."

앱 이름처럼 좀 더 사용자 친화적인 것으로 바꾸는 방법.

명확하게 하기 위해, 저는 파이어베이스를 사용하여 구글과 페이스북 모두에 대한 인증을 처리하고 있습니다.메시지는 둘 다 동일합니다.

저는 파이어베이스 지원팀에 문의했고 다음과 같은 답변을 받았습니다.이탤릭체로 된 항목은 제가 추가한 것입니다.

업데이트하려면firebase-project-id.firebaseapp.comOAuth 동의 화면에서 Firebase Hosting(Firebase Console > Hosting > Connect Domain)이 있는 사용자 지정 도메인이 필요합니다.그 이유는https://firebase-project-id.firebaseapp.com/__/auth/handler호스트는 Firebase Hosting입니다.사용자 지정 도메인을 다음으로 지정해야 합니다.firebase-project-id.firebaseapp.com.

사용자 지정 도메인을 연결할 때 Firebase에서 앱을 호스팅하지 않는 경우 새 하위 도메인(예:app.yourdomain.example리디렉션하지 마십시오.Firebase는 DNS 서버에 항목을 추가하고 SSL 인증서를 자동으로 처리하라는 메시지를 표시합니다.

사용자 정의 도메인을 Firebase 프로젝트에 연결한 후에는 다음 단계도 수행해야 합니다.

  1. Firebase Console > Select Project > Authentication > Sign-In method > Facebook > '설정을 완료하려면 이 OAuth redirect URI를 Facebook 앱 구성에 추가하십시오'에서 URL을 복사합니다.
  • 처럼 보일 것입니다.https://firebase-project-id.firebaseapp.com/__/auth/handler
  1. 프로젝트 ID를 사용자 지정 도메인으로 바꿉니다.다음과 같이 표시됩니다.https://yourdomain.example/__/auth/handler

  2. GCP Console > Select project > API Manager > Credentials > #2 링크를 'Authorized redirect URIs'에 추가합니다.

  3. 그런 다음 반드시 사용합니다.yourdomain.example대신 앱 구성에서 authDomain으로 사용합니다.firebase-project-id.firebaseapp.com

     firebase.initializeApp({
         apiKey: ....,
         authDomain: 'yourdomain.example',
          ...
     });
    

저 같은 경우에는.yourdomain.example내 사이트를 호스팅하는 곳이기 때문에app.yourdomain.example내가 필요한 곳에.

  • Firebase 호스팅 URL
  • 처리기 URL:https://app.yourdomain.example/__/auth/handler
  • GCP 자격 증명
    • OAuth 2.0 클라이언트 ID에서 올바른 항목을 선택합니다.클라이언트 ID는 코드에서 Firebase를 구성한 것과 일치합니다.
  • authDomain: "app.yourdomain.example"

이것이 저에게 도움이 되었습니다.

  1. 코드에 설정한 Firebase 구성을 다음과 같이 변경합니다.authDomain: "insertyourdomainnamehere.example"
  2. 앱에서 "Sign In With Google"을 누르면 이 변경으로 인해 발생하는 오류를 확인할 수 있습니다.오류의 지시를 따릅니다.

오류로 인해 https://console.cloud.google.com/apis/credentials (Google Cloud Platform > APIs & Services > Credentials)으로 이동합니다.

  1. 이 페이지에서 "OAuth 2.0 클라이언트 ID" 섹션을 확인합니다.
  2. 저는 "웹 클라이언트(Google 서비스에서 만든 자동)"라는 기록이 하나밖에 없습니다.편집 버튼을 클릭합니다.
  3. "인증된 리디렉션 URI" 섹션을 찾습니다.해당 섹션에서 다음을 추가합니다.https://insertyourdomainnamehere.example/__/auth/handler.

그러면 효과가 있을 거예요! "하세요"라고되어야 합니다.yourdomain.example."

웹 콘솔의 .general 변경 탭경변Public-facing name되었습니다. %APP_NAME%가 변경되었습니다.

Google API 콘솔(https://console.cloud.google.com )에서 이러한 수정 작업을 수행해야 합니다.프로젝트 자격 증명을 찾고 "를 클릭하십시오.OAuth agreement 화면"을 클릭한 후 "사용자에게 표시되는 제품명"이라는 텍스트 상자가 나타나면 현재 이름을 앱 이름으로 변경하고 "저장"을 클릭합니다.

어떤 사람들은 표시 이름을 바꿀 수 있고 다른 사람들은 바꿀 수 없는 이유를 찾은 것 같습니다.Hosting 탭을 확인합니다.배포된 항목이 있는 경우 로그인 페이지에 나열된 것과 동일한 URL에 배포될 수 있습니다.해당 페이지에 도메인 이름을 추가하여 사용할 수 있는지 확인합니다.

이 도움말 페이지는 상당히 포괄적이지만, 중요한 작업 중 하나는 다음과 같은 작업을 수행하는 것입니다.authDomain사용자의 개수에 변수firebase.config()설정.

그러나 로딩하기만 하면 되는 웹의 파이어베이스에 대해 "쉬운 구성"을 사용하고 있다면 어떨까요?/__/firebase/3.7.4/init.js구성을 지정하지 않고?자동으로 처리되기 때문에, 그것만 수정할 수 있는 방법이 있습니까?authDomain구성의 일부?

언급URL : https://stackoverflow.com/questions/46135993/how-to-change-the-app-name-for-firebase-authentication-what-the-user-sees

반응형