Я пытаюсь настроить Azure AD B2C для своего веб-приложения.
Я уже создал арендатора. Затем я создал приложение. Согласно статьям, за которыми я следую, я смогу нажать «Доступ к API» и добавить области. В моем случае нет ничего под раскрывающимся списком API:
![enter image description here](https://i.stack.imgur.com/0448G.png)
Я уже вижу «Доступ к профилю пользователя» со следующим выбранным:
![enter image description here](https://i.stack.imgur.com/abzh2.png)
В разделе "Опубликованные области" опять ничего не вижу:
![enter image description here](https://i.stack.imgur.com/5h1fU.png)
Что мне здесь не хватает?
UPDATE:
После добавления URI идентификатора приложения я смог немного продвинуться вперед, но все еще не уверен в опубликованных областях. Вот что у меня сейчас:
![enter image description here](https://i.stack.imgur.com/RwgL0.png)
А в API Access вот что у меня есть:
![enter image description here](https://i.stack.imgur.com/eZbRJ.png)
По сути, поведение моего внешнего интерфейса, построенного на ReactJ, заключается в том, что я нажимаю на вход Azure AD B2C. После ввода учетных данных меня перенаправляют в мое приложение. Я вижу id_token
в URL, но библиотека MSAL
, которую я использую, не перехватывает токен - у меня есть точка останова в моем коде React, чтобы увидеть, захватываю ли я токен. Меня отправляют обратно на экран входа в Azure, а затем обратно в мое приложение. На третьем я действительно вижу захваченный токен, но я получаю следующие ошибки:
![enter image description here](https://i.stack.imgur.com/CYcEp.png)
Я использую эту библиотеку, которая является оберткой для библиотеки MSAL.js
: https://github.com/jamesrandall/react-azure-adb2c
Я почти уверен, что есть ошибки конфигурации. Просто не уверен, что они.