测试调用 Microsoft Graph 的 JavaScript 客户端 Web 应用程序

本教程介绍如何使用开发代理测试调用 Microsoft Graph 的示例 JavaScript 客户端 Web 应用程序。

先决条件

本教程的这一部分假定你在计算机上安装并配置了开发代理。如果没有，请立即执行此操作。

若要学习本教程，需要：

提示

建议使用已安装内容包的 Microsoft 365 开发人员租户。通过注册 Microsoft 365 开发人员计划来获取免费租户。

开发代理附带预设配置，用于测试将请求发送到 Microsoft Graph 和 SharePoint Online API 的应用程序。

打开命令提示符，输入 devproxy --config-file "~appFolder/presets/m365.json" 并按 Enter 启动具有 Microsoft 365 配置的开发代理。

macOS 上的 Microsoft Edge 浏览器中运行的示例应用的屏幕截图。应用显示一个大型 Microsoft 徽标，其下方有两个按钮。一个文本为“With SDK”的主按钮，以及一个带有文本“Without SDK”的辅助按钮。

注意

如果单击Without SDK按钮后出现空页，检查已配置 Azure AD 应用注册。缺少包含Client ID应用注册的的文件时.env，会出现此问题。

Windows 11 在 Microsoft Edge 浏览器中运行的示例应用的屏幕截图。应用显示一个大型 Microsoft 徽标，其下方有两个按钮。文本为“登录”的主按钮和文本为“Back”的辅助按钮。

开发代理通过截获对 Microsoft Graph 的请求，将错误引入应用程序。它使用 50% 的几率失败的请求，并随机支持的 HTTP 错误状态代码。

查看代理输出，并花点时间刷新示例应用。查看示例应用如何处理 (，在本例中) 代理引入的故障。

在 Microsoft Edge 中运行的示例应用的屏幕截图。应用中不会显示用户头像。Microsoft Edge 开发人员工具对端开放，控制台日志中显示了错误。