Test klientowej aplikacji internetowej JavaScript, która wywołuje usługę Microsoft Graph

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

Warunki wstępne

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

Aby skorzystać z tego samouczka, potrzebujesz:

• 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 używanie dzierżawy platformy Microsoft 365 dla dewelopera z zainstalowanymi pakietami zawartości. Zdobądź bezpłatny dostęp, rejestrując się w programie Microsoft 365 Developer Program.

Klonowanie i konfigurowanie przykładowej aplikacji

• Pobierz przykładową aplikację
• Postępuj zgodnie z instrukcjami , aby skonfigurować aplikację.

Uruchamianie serwera proxy deweloperskiego

Dev Proxy zawiera zaprojektowaną z góry konfigurację do testowania aplikacji wysyłających żądania do API Microsoft Graph i SharePoint Online.

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

Uruchamianie przykładowej aplikacji

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

Testowanie przykładowej aplikacji

1. W uruchomionej aplikacji wybierz przycisk Without SDK.

Przestroga

Jeśli po kliknięciu przycisku Without SDK zostanie wyświetlona pusta strona, sprawdź, czy masz skonfigurowaną rejestrację aplikacji usługi Azure AD . Problem występuje, gdy brakuje pliku .env zawierającego Client ID rejestracji aplikacji.

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

Dev Proxy wprowadza usterki do aplikacji, przechwytując żądania do 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ę na odświeżenie przykładowej aplikacji. Zobacz, jak w tym przypadku przykładowa aplikacja obsługuje (lub nie) błędy wprowadzone przez serwer proxy.

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

Następny krok

Odkryj przewodniki instruktażowe