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

  • Статья

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

Предварительные требования

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

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

Совет

Рекомендуется использовать клиент разработчика 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. Приложение отображает большой логотип Майкрософт с двумя кнопками под ним. Основная кнопка с текстом

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

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

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

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

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

Ознакомьтесь с практическими руководствами