Как заменить myApp-123.firebaseapp.com своим пользовательским доменом myApp.com

Я использую Firebase Auth signInWithPopup(), что абсолютно здорово. Но при первоначальной настройке всплывающее окно считывает:

Выберите аккаунт, чтобы продолжить myApp-123.firebaseapp.com

Мне бы очень хотелось прочитать:

Выберите аккаунт, чтобы продолжить myApp.com

Как я могу заставить всплывающее окно показать свой собственный домен?

Ответ 1

В своем следующем решении я должен сказать, что шаги, которые я выполнил, сработали. Вполне возможно, что я сделал что-то, что не совсем требовалось, но, насколько мне известно, в это время я ничего не сломал.

Этот рабочий процесс (и документация) несколько нарушен, поскольку вы должны настроить как свои учетные данные Google Cloud Platform (GCP), так и аутентификацию Firebase. Документация была предоставлена каждой стороной этого рабочего процесса, но я не смог найти документ, который охватывал весь рабочий процесс, чтобы выполнить эту замену.

Сначала я скорректировал свои учетные данные GCP:

  1. https://console.cloud.google.com//По крайней мере для меня это привело меня к моему активному проекту GCP.

  2. Используйте поле поиска gcp и введите "Credentials", это приведет вас к API Manager/Credentials для вашего проекта.

  3. Внизу заголовка страницы "Идентификаторы клиента OAuth 2.0", у меня была только одна запись, если у вас более одной??? Не знаю, что тебе сказать, но выясни, какой из них тебе интересен.

  4. В правой части страницы нажмите на иконку редактирования (ручка), и вы будете вознаграждены новой страницей...

  5. под заголовком столбца "Авторизованные источники JavaScript" добавьте свой настраиваемый URI в пустое поле, где заполнитель читается как "http//www.example.com". Скорее всего, у вас будет домен "https", поэтому вы, как и я, войдете в https//myApp.com.

  6. ниже на странице вы должны увидеть "URI авторизованного перенаправления", а ниже это поле с https://yourFirebaseApp.firebaseapp.com/__/auth/handler. Бит __/auth/handler на хвосте - это обратный вызов auth, указанный в расплывчатых инструкциях.

  7. в пустое поле ниже я добавил " https://myApp.com/__/auth/handler "

Я считаю, что это для GCP стороны этой сделки.

ПОЖАРНАЯ ИНСТРУКЦИЯ

  1. Откройте консоль firebase для своего проекта и откройте страницу "Аутентификация". Затем перейдите на страницу "Методы входа", например "Аутентификация/поставщики" должны быть в хвосте ваших проектов.

  2. В разделе "Авторизованные домены" вы должны увидеть "Локальный хост"... По умолчанию и yourFirebaseApp.firebaseapp.com... По умолчанию, нажмите кнопку "Добавить домен", и вы будете вознаграждены пустым полем, в которое вы хотите ввести Ваше собственное доменное имя. Наконец нажмите кнопку "Добавить". В моем случае после двух или трех попыток это привело к "myApp.com"... Custom (был какой-то сбой в процессе, который потребовал, чтобы я перезапустил раз или два).

ПОСЛЕДНЕЕ НА КОНЕЦ ЭТОЙ СДЕЛКИ ВАМ НУЖНО ИЗМЕНИТЬ КОД.

Скорее всего, вы помните блок кода, который вы скопировали из своего проекта Firebase и вставили в код, из которого вы компилируете и разворачиваете свое веб-приложение. Я использую src/environments/environment.prod для этих данных конфигурации firebase. Теперь вы можете изменить значение "authDomain" на свой пользовательский домен, выполнить производственную сборку и развернуть его в firebase.

Эта процедура работала для меня и моего проекта, я разместил это в надежде, что эти инструкции могут быть уточнены с помощью обратной связи от других, выполняющих эту или аналогичные операции.

Ответ 2

Я попросил поддержки Firebase и получил следующий ответ. Пункты, выделенные курсивом, являются моими дополнениями. Это более или менее совпадает с ответом "Готово", но с настраиваемым доменом. Вам не нужно размещать ваше приложение на Firebase.

-

Привет Джейн,

Спасибо, что обратились. Я буду рад помочь вам.

Чтобы обновить firebase-project-id.firebaseapp.com на экране согласия OAuth, вам нужен собственный домен с Firebase Hosting (Консоль Firebase> Хостинг> Подключить домен). Это потому, что https://firebase-project-id.firebaseapp.com/__/auth/handler размещается на хостинге Firebase. Вам нужно указать свой собственный домен на firebase-project-id.firebaseapp.com.

При подключении пользовательского домена, если вы не размещаете свое приложение на firebase, используйте новый поддомен (например, app.yourdomain.com) и не перенаправляйте его. Firebase предложит вам добавить запись DNS и автоматически получить сертификат SSL.

После подключения вашего собственного домена к вашему проекту Firebase, вы также должны выполнить следующие шаги:

  1. Перейдите в консоль Firebase> Выберите "Проект"> "Аутентификация"> "Метод входа"> "Facebook"> Скопируйте URL-адрес в разделе "Чтобы завершить настройку, добавьте этот URI перенаправления OAuth в конфигурацию приложения Facebook".

  2. Замените идентификатор проекта вашим пользовательским доменом. Это будет выглядеть примерно так: https://yourdomain.com/__/auth/handler

  3. Перейдите в Консоль GCP> Выберите проект> Диспетчер API> Учетные данные> Добавьте ссылку №2 в "URI авторизованного перенаправления"
  4. Затем убедитесь, что вы используете yourdomain.com в качестве authDomain в конфигурации вашего приложения вместо firebase-project-id.firebaseapp.com

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

Дайте мне знать, если у вас есть другие вопросы по этому поводу.

С Уважением,

да

-

В моем случае, yourdomain.com - это то место, где я размещаю свой сайт, поэтому я использовал app.yourdomain.com там, где он мне нужен.