Testowanie aplikacji internetowej po stronie klienta JavaScript wywołującej program Microsoft Graph

Z tego samouczka dowiesz się, jak używać serwera proxy deweloperów do testowania przykładowej aplikacji internetowej po stronie klienta JavaScript, która wywołuje program Microsoft Graph.

Wymagania wstępne

W tej części samouczka założono, że na maszynie zainstalowano i skonfigurowano serwer proxy deweloperów. Jeśli tak nie jest, zrób to teraz.

Aby wykonać czynności opisane w tym samouczku, potrzebne są następujące elementy:

• Dzierżawa platformy Microsoft 365.
• Konto z uprawnieniami do tworzenia rejestracji aplikacji Microsoft Entra.
• Git (zobacz przewodnik dotyczący konfigurowania usługi GitHub).
• nodejs LTS.

Porada

Zalecamy korzystanie z dzierżawy deweloperów platformy Microsoft 365 z zainstalowanymi pakietami zawartości. Uzyskaj bezpłatną dzierżawę, logując się do programu Microsoft 365 Developer Program.

Klonowanie i konfigurowanie przykładowej aplikacji

• Pobieranie przykładowej aplikacji
• Postępuj zgodnie z instrukcjami , aby skonfigurować aplikację.

Uruchamianie serwera proxy deweloperskiego

Serwer proxy deweloperów zawiera konfigurację wstępnie ustawioną do testowania aplikacji wysyłających żądania do interfejsów API programu Microsoft Graph i SharePoint Online.

• Otwórz wiersz polecenia, wprowadź i naciśnij klawisz devproxy --config-file "~appFolder/presets/m365.json"Enter , aby uruchomić serwer proxy deweloperów z konfiguracją platformy Microsoft 365.

Uruchamianie przykładowej aplikacji

• Otwórz wiersz polecenia i przejdź do samples katalogu.
• Wprowadź i naciśnij klawisznpx lite-server Enter, aby uruchomić przykładowy serwer internetowy aplikacji.

Testowanie przykładowej aplikacji

1. W uruchomionej aplikacji wybierz Without SDK przycisk.

Przestroga

Jeśli po kliknięciu Without SDK przycisku otrzymasz pustą stronę, sprawdź, czy skonfigurowano rejestrację aplikacji Azure AD. Problem występuje, gdy .env brakuje pliku zawierającego Client ID rejestrację aplikacji.

1. Login Wybierz przycisk i ukończ przepływ logowania.

Serwer proxy deweloperów wprowadza błędy w aplikacji przez przechwytywanie żądań do programu Microsoft Graph. Używa 50% szans na niepowodzenie żądań z losowym obsługiwanym kodem stanu błędu HTTP.

Wyświetl dane wyjściowe serwera proxy i poświęć chwilę, aby odświeżyć przykładową aplikację. Zobacz, jak przykładowa aplikacja obsługuje (lub nie w tym przypadku) błędy wprowadzone przez serwer proxy.

1. Naciśnij klawisze Ctrl + C , aby zatrzymać serwer proxy deweloperów.

Następny krok

Eksplorowanie przewodników z instrukcjami