【发布时间】：2021-09-13 18:30:03
【问题描述】：
我一直在为同样的问题苦苦挣扎，我正在尝试通过 Graph-API 将文件上传到我的 MS Teams OneDrive，但我没有授权。
到目前为止，阅读文档以从 Microsoft 获取我的 Token 对我没有任何帮助，因为我是 Javascript 和 React 的新手，所以我很难让它正常工作。谁能给我一个示例，说明获取访问 Graph-API 所需的授权令牌的代码是什么样的？
我已经注册了我的 Microsoft 应用并制作了我需要的客户端密码，以便获取令牌。
提前谢谢你！
我的代码：
import React from 'react';
import './App.css';
import * as microsoftTeams from "@microsoft/teams-js";
class Tab extends React.Component {
constructor(props){
super(props)
this.state = {
context: {}
}
}
componentDidMount() {
var myHeaders = new Headers();
myHeaders.append("Content", "text/plain");
myHeaders.append("Content-Type", "text/plain");
myHeaders.append("Authorization", "Bearer {token}");
var raw = "This works";
var requestOptions = {
method: 'PUT',
headers: myHeaders,
body: raw,
redirect: 'follow'
}
fetch("https://graph.microsoft.com/v1.0/sites/OpenSesameTest/Shared%20Documents/General/FileB.txt:/", requestOptions)
.then(response => response.text())
.then(result => console.log(result))
.catch(error => console.log('error', error));
}
componentDidMount() {
var myHeaders = new Headers();
myHeaders.append("Content", "text/plain");
myHeaders.append("Content-Type", "text/plain");
myHeaders.append("Authorization", "Bearer {token}");
var raw = "Fetch my token";
var requestOptions = {
method: 'POST',
headers: myHeaders,
body: raw,
redirect: 'follow'
}
fetch("https://login.microsoftonline.com/openimstest/oauth2/v2.0/c7094fc6-9d30-429d-bb66-dd389295b426", requestOptions)
.then(response => response.text())
.then(result => console.log(result))
.catch(error => console.log('error', error));
}
render() {
return (
<form>
<div>
<label>Select file to upload</label>
<input type="file"></input>
</div>
<button type="submit">Upload</button>
</form>
);
}
}
export default Tab;
附： 我知道我实际上并没有在我的页面上使用文件输入，但我想一开始尽可能简单，我很高兴现在通过 Graph-API 成功上传文件。 再次感谢您！
编辑： 我试图用来获取令牌的 fetch：
componentDidMount() {
var myHeaders = new Headers();
myHeaders.append("Content", "text/plain");
myHeaders.append("Content-Type", "text/plain");
myHeaders.append("Authorization", "Bearer <token>");
var raw = "This works";
var requestOptions = {
method: 'GET',
grant_type: 'Unsure where to find my client_credentials',
client_id: 'my client-id',
scope: 'https://graph.microsoft.com/.default',
client_secret: 'my client-secret',
headers: myHeaders,
body: raw,
redirect: 'follow'
}
fetch("https://login.microsoftonline.com/openimstest/oauth2/v2.0/token", requestOptions)
.then(response => response.text())
.then(result => console.log(result))
.catch(error => console.log('error', error));
}
我不确定在哪里可以找到我的 client_credentials 或放什么。我尝试使用的 fetch 可能还有其他问题。
【问题讨论】：
标签： javascript reactjs authentication microsoft-graph-api microsoft-teams