我正在 React 中开发一个 Web 应用程序,它应该访问用户的 Youtube 频道并显示所有数据和统计信息(YoutubeAnalytics API)。用户应首先向 Google 进行身份验证以使用其可用的 API,因此我使用react-google-login
了它为我提供了一个“使用 Google 访问”按钮,该按钮启动了 OAuth 2.0 授权过程:
const responseGoogle = (response) => {
var access_token = response.accessToken;
console.log(access_token);
};
return (
<GoogleLogin
scope="https://www.googleapis.com/auth/yt-analytics.readonly"
clientId='MY CLIENT ID'
buttonText="Login con Youtube"
onSuccess={responseGoogle}
onFailure={responseGoogle}
cookiePolicy={"single_host_origin"}
/>
);
responseGoogle 函数返回一个对象,其中包含一个参数accessToken
,据我所知,它应该用于调用 Youtube API:
(取自官方文档:https ://developers.google.com/youtube/reporting/guides/authorization/server-side-web-apps )
GET https://www.googleapis.com/youtube/analytics/v1/reports?access_token=access_token&ids=channel%3D%3DMINE&start-date=2016-05-01&end-date=2016-06-30&metrics=views
成功验证用户身份后,我尝试执行此 GET 调用,但总是收到 404 错误(在此服务器上找不到请求的 URL /youtube/analytics/v2/reports)。
我也尝试使用googleapis
库(https://www.npmjs.com/package/googleapis),但它似乎无法在 React 上正常工作