JavaScript ügyféloldali webalkalmazás tesztelése, amely meghívja a Microsoft Graphot

Ebben az oktatóanyagban megtudhatja, hogyan használhatja a Dev Proxyt a Microsoft Graphot meghívó JavaScript-ügyféloldali minta webalkalmazás tesztelésére.

Előfeltételek

Az oktatóanyag ezen része feltételezi, hogy telepítette és konfigurálta a dev proxyt a gépen. Ha nem, akkor végezd el most.

Az oktatóanyag követéséhez a következőkre van szüksége:

• Microsoft 365-tenantszervezet.
• Microsoft Entra-alkalmazásregisztrációk létrehozásához szükséges engedélyekkel rendelkező fiók.
• Git (lásd a GitHub Git-beállítási útmutatóját).
• nodejs LTS.

Borravaló

Javasoljuk, hogy használjon egy Microsoft 365 fejlesztői bérlőt, amelyen telepítve vannak a tartalomcsomagok. Ingyenesen szerezhet bérlőt, ha regisztrál a Microsoft 365 Fejlesztői Programra.

A mintaalkalmazás klónozása és konfigurálása

• A mintaalkalmazás letöltése
• Az alkalmazás konfigurálásához kövesse utasításokat.

Fejlesztői proxy indítása

A Dev Proxy előre beállított konfigurációval rendelkezik az alkalmazások teszteléséhez, amelyek kéréseket küldenek a Microsoft Graphnak és a SharePoint Online API-knak.

• Nyisson meg egy parancssort, írja be a devproxy --config-file "~appFolder/presets/m365.json", és nyomja le az Enter billentyűkombinációt a Dev Proxy microsoft 365-höz való konfigurálásához.

A mintaalkalmazás elindítása

• Nyisson meg egy parancssort, és váltson a samples könyvtárra.
• Írja be npx lite-server, majd nyomja le Enter billentyűt a mintaalkalmazás-webkiszolgáló elindításához.

A mintaalkalmazás tesztelése

1. A futó alkalmazásban válassza a Without SDK gombot.

Figyelem

Ha a Without SDK gombra kattintás után üres lapot kapott, ellenőrizze, hogy konfigurálta-e az Azure AD alkalmazásregisztrációs. A probléma akkor fordul elő, ha hiányzik az alkalmazásregisztráció .env tartalmazó Client ID fájl.

1. Válassza a Login gombot, és fejezze be a bejelentkezési folyamatot.

A Dev Proxy hibákat vezet be az alkalmazásba a Microsoft Graphnak küldött kérések elfogásával. 50%%-os valószínűséggel használ véletlenszerű támogatott HTTP-hibaállapotkódota sikertelen kérésekhez.

Tekintse meg a proxy kimenetét, és szánjon egy kis időt a mintaalkalmazás frissítésére. Tekintse meg, hogyan kezeli a mintaalkalmazás (vagy ebben az esetben nem) a proxy által bevezetett hibákat.

1. A dev proxy leállításához nyomja le a Ctrl + C billentyűkombinációt.

Következő lépés

Fedezze fel az útmutatókat