使用更多Microsoft Graph API 扩展 TypeScript 应用

在本文中,将自己的 Microsoft Graph 功能添加到 使用 Microsoft Graph 生成 TypeScript 应用中创建的应用程序。 例如,你可能想要从 Microsoft Graph 文档Graph 资源管理器中添加代码片段,或者添加你创建的代码片段。 此部分是可选的。

更新应用

  1. 打开 graphHelper.ts 并添加以下函数。

    // This function serves as a playground for testing Graph snippets
    // or other code
    export async function makeGraphCallAsync() {
      // INSERT YOUR CODE HERE
    }
    
  2. index.ts 中的空makeGraphCallAsync函数替换为以下内容。

    async function makeGraphCallAsync() {
      try {
        await graphHelper.makeGraphCallAsync();
      } catch (err) {
        console.log(`Error making Graph call: ${err}`);
      }
    }
    

选择 API

在 Microsoft Graph 中查找想要尝试的 API。 例如, 创建事件 API。 可以使用 API 文档中的示例之一,也可以在 Graph 资源管理器中自定义 API 请求并使用生成的代码片段。

配置权限

查看所选 API 的参考文档 的“权限” 部分,了解支持哪些身份验证方法。 例如,某些 API 不支持仅限应用或个人Microsoft帐户。

  • 若要调用具有用户身份验证 (API(如果 API 支持用户 (委托) 身份验证) ),请在 appSettings.ts 中添加所需的权限范围。
  • 若要使用仅应用身份验证调用 API,请参阅 仅限应用的身份验证 教程。

添加代码

将代码复制到 makeGraphCallAsyncgraphHelper.ts 中的 函数中。 如果要从文档或 Graph 资源管理器复制代码片段,请务必将 重命名 client_userClient

现在,你已有一个可调用 Microsoft Graph 的工作应用,可以试验和添加新功能。

Microsoft Graph 工具包

如果要使用 UI 生成 TypeScript 应用, Microsoft Graph 工具包 提供了一系列可简化开发的组件。

TypeScript/JavaScript 示例