Настройка регистрации и входа с учетной записью Facebook через Azure Active Directory B2C
Для начала с помощью селектора Choose a policy type (Выбрать тип политики) выберите тип пользовательской политики. Azure Active Directory B2C предлагает два метода определения способа взаимодействия пользователей с вашими приложениями: с помощью предопределенных потоков пользователей или полностью настраиваемых пользовательских политик. Действия, которые необходимо выполнить, отличаются для каждого метода.
Примечание.
В Azure Active Directory B2C пользовательские политики преимущественно предназначены для выполнения сложных сценариев. В большинстве случаев рекомендуется использовать встроенные потоки пользователей. Ознакомьтесь со статьей Начало работы с настраиваемыми политиками в Azure Active Directory B2C, чтобы узнать о базовом пакете настраиваемых политик, если еще не сделали этого.
Необходимые компоненты
- Создайте поток пользователя, чтобы пользователи могли зарегистрироваться и входить в ваше приложение.
- Зарегистрируйте веб-приложение.
- Выполните шаги, описанные в статье Начало работы с настраиваемыми политиками в Azure Active Directory B2C.
- Зарегистрируйте веб-приложение.
Создание приложения Facebook
Чтобы включить вход для пользователей с учетной записью Facebook в Azure Active Directory B2C (Azure AD B2C), необходимо создать приложение на панели мониторинга приложений Facebook. Дополнительные сведения см. в разделе Разработка приложений.
Если у вас еще нет учетной записи Facebook, зарегистрируйтесь на https://www.facebook.com. После того, как вы зарегистрируетесь или войдете в свою учетную запись Facebook, запустите процесс регистрации учетной записи разработчика Facebook. Для получения дополнительной информации см. Зарегистрируйтесь как разработчик Facebook.
- Войдите в Facebook для разработчиков, используя данные своей учетной записи разработчика Facebook.
- Выберите Создать приложение.
- Для параметра Выбрать тип приложения выберите Потребитель и нажмите Далее.
- Введите Отображаемое имя приложения и действующий Контактный адрес электронной почты приложения.
- Выберите Создать приложение. Этот шаг может потребовать от вас принять политики платформы Facebook и пройти онлайн-проверку безопасности.
- Выберите Параметры>Базовые.
- Скопируйте значение App ID(Идентификатор приложения).
- Щелкните Show (Показать) и скопируйте значение App Secret (Секрет приложения). Оба значения потребуются вам для настройки Facebook в качестве поставщика удостоверений для вашего клиента. Секрет приложения — это важные учетные данные безопасности.
- Введите URL-адрес политики конфиденциальности, например
https://www.contoso.com/privacy
. URL-адрес политики — это управляемая вами страница, где предоставляются сведения о конфиденциальности для вашего приложения. - Введите URL-адрес условий предоставления услуг, например
https://www.contoso.com/tos
. URL-адрес политики — это управляемая вами страница, где предоставляются сведения об условиях использования вашего приложения. - Введите URL-адрес для Удаления данных пользователя, например
https://www.contoso.com/delete_my_data
. URL-адрес для удаления данных пользователя — это страница, которую вы поддерживаете, чтобы пользователи могли запросить удаление своих данных. - Выберите категорию, например
Business and Pages
. Это значение требуется Facebook, но не используется для Azure AD B2C.
- В нижней части страницы, выберите Добавить платформу, а затем выберите Веб-сайт.
- В поле URL-адрес сайта введите адрес веб-сайта, например
https://contoso.com
. - Выберите Сохранить изменения.
- В меню нажмите на значок плюса или ссылку Добавить продукт рядом с пунктом ПРОДУКТЫ. В разделе Добавление продуктов в приложение выберите Настроить для параметра Вход в Facebook.
- В меню выберите Вход в Facebook и щелкните Параметры.
- В поле Valid OAuth redirect URIs (Допустимые URI перенаправления OAuth) введите
https://your-tenant-name.b2clogin.com/your-tenant-id.onmicrosoft.com/oauth2/authresp
. Если используется личный домен, введитеhttps://your-domain-name/your-tenant-id.onmicrosoft.com/oauth2/authresp
. Заменитеyour-tenant-id
идентификатором клиента иyour-domain-name
личным доменом. - Нажмите Сохранить изменения в нижней части страницы.
- Чтобы сделать приложение Facebook доступным в Azure AD B2C, щелкните селектор состояния в правой верхней части страницы и установите его в положение Вкл. для предоставления общего доступа к приложению, а затем нажмите кнопку Переключить режим. На этом этапе состояние должно измениться с Разработка на Активно. Дополнительные сведения см. в разделе Разработка приложений для Facebook.
Настройка Facebook в качестве поставщика удостоверений
- Войдите на портал Azure с правами глобального администратора клиента Azure AD B2C.
- Если у вас есть доступ к нескольким клиентам, выберите значок Параметры в верхнем меню, чтобы переключиться на клиент Azure AD B2C из меню каталогов и подписок.
- Выберите Все службы в левом верхнем углу окна портала Azure, найдите службу Azure AD B2C и выберите ее.
- Щелкните элемент Поставщики удостоверений и выберите вариант Facebook.
- Введите Имя. Например, Facebook.
- В поле Идентификатор клиента введите идентификатор созданного ранее приложения Facebook.
- В поле Секрет клиента введите секрет приложения, записанный ранее.
- Выберите Сохранить.
Добавление поставщика удостоверений Facebook в поток пользователя
На этом этапе поставщик удостоверений Facebook уже настроен, но еще не отображается на страницах входа. Чтобы добавить поставщик удостоверений Facebook в поток пользователя, выполните следующие действия.
- В клиенте Azure AD B2C выберите Потоки пользователей.
- Выберите поток пользователя, для которого требуется добавить поставщик удостоверений Facebook.
- В разделе Поставщики удостоверений в социальных сетях выберите Facebook.
- Выберите Сохранить.
- Чтобы проверить политику, выберите Выполнить поток пользователя.
- В разделе Приложение выберите зарегистрированное ранее веб-приложение с именем testapp1. В поле URL-адрес ответа должно содержаться значение
https://jwt.ms
. - Нажмите кнопку Выполнить поток пользователя.
- На странице регистрации или входа выберите Facebook для входа с учетной записью Facebook.
Если вход выполнен успешно, в браузере откроется страница https://jwt.ms
с содержимым маркера, возвращенного Azure AD B2C.
Создание ключа политики
Вам необходимо сохранить секрет приложения, который ранее был записан в клиенте Azure AD B2C.
- Войдите на портал Azure.
- Если у вас есть доступ к нескольким клиентам, выберите значок Параметры в верхнем меню, чтобы переключиться на клиент Azure AD B2C из меню каталогов и подписок.
- Выберите Все службы в левом верхнем углу окна портала Azure, а затем найдите и выберите Azure AD B2C.
- На странице "Обзор" выберите Identity Experience Framework.
- Выберите Ключи политики, а затем щелкните Добавить.
- Для пункта Параметры выберите
Manual
. - Введите имя ключа политики. Например,
FacebookSecret
. ПрефиксB2C_1A_
будет автоматически добавлен к имени ключа. - В поле Секрет введите ранее записанный секрет приложения.
- Для параметра Использование ключа выберите
Signature
. - Нажмите кнопку Создать.
Настройка учетной записи Facebook в качестве поставщика удостоверений
В файле
SocialAndLocalAccounts/
TrustFrameworkExtensions.xml
замените значениеclient_id
идентификатором приложения Facebook:<TechnicalProfile Id="Facebook-OAUTH"> <Metadata> <!--Replace the value of client_id in this technical profile with the Facebook app ID"--> <Item Key="client_id">00000000000000</Item>
Отправка и тестирование политики
Обновите файл проверяющей стороны, который активирует созданный путь взаимодействия пользователя.
- Отправьте файл TrustFrameworkExtensions.xml в клиент.
- В разделе Настраиваемые политики выберите B2C_1A_signup_signin.
- В разделе Выберите приложение выберите зарегистрированное ранее веб-приложение с именем testapp1. В поле URL-адрес ответа должно содержаться значение
https://jwt.ms
. - Нажмите кнопку Выполнить.
- На странице регистрации или входа выберите Facebook для входа с учетной записью Facebook.
Если вход выполнен успешно, в браузере откроется страница https://jwt.ms
с содержимым маркера, возвращенного Azure AD B2C.
Следующие шаги
- Сведения о том, как передать токен Facebook в приложение.
- Ознакомьтесь с демонстрацией федерации Facebook и демонстрацией передачи маркера доступа Facebook.