Поделиться через

Тестирование клиентского веб-приложения JavaScript, вызывающего Microsoft Graph

  • Статья

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

Необходимые условия

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

Чтобы следовать этому руководству, вам потребуется:

  • Клиент Microsoft 365.
  • Учетная запись с разрешениями на создание регистраций приложений Microsoft Entra.
  • Git (см. руководство GitHub по настройке Git ).
  • nodejs LTS.

Совет

Рекомендуется использовать клиент разработчика Microsoft 365 с установленными пакетами содержимого. Получите бесплатный клиент, зарегистрироваться в программе разработчика Microsoft 365.

Клонирование и настройка примера приложения

  • Скачайте пример приложения
  • Следуйте инструкциям , чтобы настроить приложение.

Запуск прокси-сервера разработки

Прокси-сервер разработки поставляется с предварительной конфигурацией для тестирования приложений, которые отправляют запросы в API Microsoft Graph и SharePoint Online.

  • Откройте командную строку, введите devproxy --config-file "~appFolder/presets/m365.json" и нажмите ввод, чтобы запустить прокси для разработки с конфигурацией для Microsoft 365.

Запуск примера приложения

  • Откройте командную строку и перейдите в каталог samples.
  • Введите npx lite-server и нажмите . Введите, чтобы запустить веб-сервер тестового приложения.

снимок экрана примера приложения, работающего в браузере Microsoft Edge в macOS. Приложение отображает большой логотип Майкрософт с двумя кнопками под ним. Первичная кнопка с текстом

Тестирование примера приложения

  1. В работающем приложении нажмите кнопку Without SDK.

Осторожность

Если вы получили пустую страницу после нажатия кнопки Without SDK, убедитесь, что вы настроили регистрацию приложения в Azure AD. Проблема возникает, когда отсутствует файл .env, содержащий Client ID регистрации приложения.

  1. Нажмите кнопку Login и завершите процесс входа.

снимок экрана примера приложения, работающего в браузере Microsoft Edge в Windows 11. Приложение отображает большой логотип Майкрософт с двумя кнопками под ним. Первичная кнопка с текстом

Dev Proxy вносит неисправности в ваше приложение путем перехвата запросов к Microsoft Graph. Он использует вероятность 50% отказов запроса со случайным поддерживаемым кодом состояния ошибки HTTP.

Подождите немного, чтобы обновить примерное приложение и просмотреть выходные данные прокси-сервера. Узнайте, как пример приложения обрабатывает (или нет) ошибки, введенные прокси-сервером.

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

  1. Чтобы остановить прокси-сервер разработки, нажмите клавиши CTRL + C.

Следующий шаг

Изучите руководства