Een JavaScript-webtoepassing aan clientzijde testen die Microsoft Graph aanroept
In deze zelfstudie leert u hoe u Dev Proxy gebruikt om een voorbeeld van een JavaScript-webtoepassing aan de clientzijde te testen die Microsoft Graph aanroept.
Vereisten
In dit deel van de zelfstudie wordt ervan uitgegaan dat u Dev Proxy op uw computer hebt geïnstalleerd en geconfigureerd. Zo niet, doe dat nu.
U hebt het volgende nodig om deze zelfstudie te volgen:
- Microsoft 365-tenant.
- Account met machtigingen voor het maken van Microsoft Entra app-registraties.
- Git (zie git-handleiding instellen van GitHub).
- nodejs LTS.
Tip
We raden u aan een Microsoft 365 Developer-tenant te gebruiken waarop inhoudspakketten zijn geïnstalleerd. Download uw gratis tenant door u aan te melden voor het Microsoft 365 Developer Program.
De voorbeeld-app klonen en configureren
- De voorbeeld-app downloaden
- Volg de instructies om de app te configureren.
Ontwikkelproxy starten
Dev Proxy wordt geleverd met een vooraf ingestelde configuratie voor het testen van apps die aanvragen verzenden naar Microsoft Graph en SharePoint Online API's.
- Open een opdrachtprompt, voer in
devproxy --config-file "~appFolder/presets/m365.json"en druk op Enter om Dev Proxy te starten met configuratie voor Microsoft 365.
De voorbeeld-app starten
- Open een opdrachtprompt en ga naar de
samplesmap. - Voer in
npx lite-serveren druk op Enter om de webserver van de voorbeeld-app te starten.
De voorbeeld-app testen
- Selecteer de knop in de
Without SDKactieve app.
Waarschuwing
Als u een lege pagina hebt ontvangen nadat u op de Without SDK knop hebt geklikt, controleert u of u de Azure AD App-registratie hebt geconfigureerd. Het probleem treedt op wanneer het .env bestand met de Client ID van uw app-registratie ontbreekt.
- Selecteer de
Loginknop en voltooi de aanmeldingsstroom.
Dev Proxy introduceert fouten in uw toepassing door aanvragen naar Microsoft Graph te onderscheppen. Het maakt gebruik van 50% kans op mislukte aanvragen met een willekeurige ondersteunde HTTP-foutcodestatuscode.
Bekijk de proxy-uitvoer en neem even de tijd om de voorbeeld-app te vernieuwen. Bekijk hoe de voorbeeld-app de fouten verwerkt (in dit geval niet, in dit geval) die door de proxy zijn geïntroduceerd.
- Druk op Ctrl + C om Dev Proxy te stoppen.
