jquery - 如何使用Rest-api获取sharepoint中的访问 token ？

Question

我正在尝试访问共享点 Excel 图表，我在 Microsoft graph explorer 中使用了以下查询

https://graph.microsoft.com/v1.0/sites/yyyyyy.com/drives/folderiddd/items/id2222/workbook/worksheets('Sheet1')/charts('Chart 2')/Image(width=300,height=300,fittingMode='fit')

这就是结果。

从检查元素、网络选项卡中，我获得了授权，并使用 Jquery ajax 从共享点获取内容

var fileCollectionEndpoint = "https://graph.microsoft.com/v1.0/sites/yyyyyy.com/drives/folderiddd/items/id2222/workbook/worksheets('Sheet1')/charts('Chart 2')/Image(width=300,height=300,fittingMode='fit')";


$.ajax({
  url: fileCollectionEndpoint,
  async: false,
  dataType: 'json',
  type: "GET",
  headers: {
    'Authorization':'This is copied from the Microsoft graph explorer',
  },
  success: function (json) {
    var imgsource ="data:image/png;base64,"+json.value;
    $("body").append("<img id='ddd' src='"+imgsource+"' />");
  }
});     

上面的代码工作正常。但问题是，每隔一小时，一旦该 token 过期，我就会尝试使用rest-api 生成 token ，因为每次我都无法从 Microsoft Graph Explorer 复制粘贴。我该怎么做？

Answer 1

图形浏览器非常适合测试 API 调用，但就像您发现的访问 token 在一小时后过期一样，因此您需要使用我们的 token 端点来获取应用程序的 token 。 Get access tokens to call Microsoft Graph 有一个很好的指南。 。总之，请在 apps.dev.microsoft.com 注册您的应用程序然后决定您的应用程序是否会 let users authenticate或者如果您的app will run in a server/daemon context without user authentication .

我不确定您的问题，但如果您在 SharePoint 中进行开发，还有另一个选项，因此用户不必在 SharePoint 内登录您的应用程序。

有一个关于 using GraphHttpClient to call Microsoft Graph 的 SharePoint 文档页面。它使用 Yeoman SharePoint 生成器，该生成器的设置指南位于 Scaffold projects by using Yeoman SharePoint generator .

步骤:

安装npm package

npm install @microsoft/generator-sharepoint -g

通过运行 Yeoman SharePoint 生成器创建新的 Web 部件。

mkdir hellograph-webpart
cd hellograph-webpart
yo @microsoft/sharepoint

设置完成后，您可以导入 GraphHttpClient 以对 Microsoft Graph 进行 REST 调用。

import { GraphHttpClient, HttpClientResponse, IGraphHttpClientOptions } from '@microsoft/sp-http';
protected _readGroups(){

   this.context.graphHttpClient.get(`v1.0/sites/yyyyyy.com/drives/folderiddd/items/id2222/workbook/worksheets('Sheet1')/charts('Chart2')/Image(width=300,height=300,fittingMode='fit')`, GraphHttpClient.configurations.v1).then((response: HttpClientResponse) => {
     if (response.ok) {
       return response.json();
     } else {
       console.warn(response.statusText);
     }
   }).then((result: any) => {
     // Transfer result values to the group variable
     this._renderTable(result.value);
   });
}