0

我正在 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 上正常工作

4

0 回答 0