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

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:

• Tenant Microsoft 365.
• Účet s oprávněními k vytváření Microsoft Entra registrací aplikací.
• Git (viz průvodce nastavením GitHubu).
• nodejs LTS.

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

• Stažení ukázkové aplikace
• Postupujte podle pokynů ke konfiguraci 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.

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í.

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.

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

Další krok

Prozkoumání návodů