Sdílet prostřednictvím

Testování javascriptové webové aplikace na straně klienta, která volá Microsoft Graph

  • Článek

V tomto kurzu zjistíte, jak pomocí proxy pro vývojáře otestovat ukázkovou javascriptovou webovou aplikaci na straně klienta, která volá Microsoft Graph.

Požadavky

V této části kurzu se předpokládá, že jste na počítači nainstalovali a nakonfigurovali dev proxy server. Pokud ne, udělejte to teď.

Pokud chcete postupovat podle tohoto kurzu, potřebujete:

Tip

Doporučujeme používat klienta Microsoft 365 Developer s nainstalovanými balíčky obsahu. Získejte svého bezplatného tenanta tím, že se zaregistrujete do vývojářského programu Microsoft 365.

Klonování a konfigurace ukázkové aplikace

Spuštění vývojového proxy serveru

Dev Proxy má přednastavenou konfiguraci pro testování aplikací, které odesílají požadavky do rozhraní API Microsoft Graphu a SharePointu Online.

  • Otevřete příkazový řádek, zadejte devproxy --config-file "~appFolder/presets/m365.json" a stisknutím klávesy Enter spusťte dev Proxy s konfigurací pro Microsoft 365.

Spuštění ukázkové aplikace

  • Otevřete příkazový řádek a přejděte do samples adresáře .
  • Zadejte npx lite-server a stisknutím klávesy Enter spusťte webový server ukázkové aplikace.

Snímek obrazovky s ukázkovou aplikací spuštěnou v prohlížeči Microsoft Edge v systému macOS Aplikace zobrazuje velké logo Microsoftu se dvěma tlačítky pod ním. Primární tlačítko s textem

Testování ukázkové aplikace

  1. Ve spuštěné aplikaci vyberte Without SDK tlačítko .

Upozornění

Pokud se po kliknutí na Without SDK tlačítko zobrazí prázdná stránka, zkontrolujte, že jste nakonfigurovali Azure AD registraci aplikace. K tomuto problému dochází v případě .env , že Client ID chybí soubor obsahující registraci vaší aplikace.

  1. Vyberte tlačítko Login a dokončete tok přihlášení.

Snímek obrazovky s ukázkovou aplikací spuštěnou v prohlížeči Microsoft Edge na Windows 11 Aplikace zobrazuje velké logo Microsoftu se dvěma tlačítky pod ním. Primární tlačítko s textem Login (Přihlášení) a sekundární tlačítko s textem

Dev Proxy zanáší do vaší aplikace chyby tím, že zachytává požadavky na Microsoft Graph. Využívá 50% pravděpodobnost selhání požadavků s náhodným podporovaným stavovým kódem chyby HTTP.

Prohlédněte si výstup proxy serveru a chvíli se podívejte, než ukázkovou aplikaci aktualizujete. Podívejte se, jak ukázková aplikace zpracovává (v tomto případě ne) chyby způsobené proxy serverem.

Snímek obrazovky s ukázkovou aplikací spuštěnou v Microsoft Edgi Avatary uživatelů se v aplikaci nezobrazují. Vývojářské nástroje Microsoft Edge jsou otevřené vedle sebe s chybami zobrazenými v protokolu konzoly.

  1. Stisknutím ctrl + C zastavte dev proxy.

Další krok

Prozkoumání návodů