Analytics Reporting API v4 Web端JS快速启动授权失败求助

问题详情 #

按照官方文档搭建GA API V4连接，完成所有配置后功能异常：

• 认证按钮加载正常，选择谷歌账户前流程无问题
• 选择账户后，授权窗口显示加载状态后直接关闭，控制台无报错，无任何后续操作
• 本地localhost与服务器环境测试结果一致，再次尝试时授权窗口直接打开加载后关闭，无需重新选择账户

相关截图 #

• localhost测试界面：
• 凭据配置界面：
• GA视图配置界面：

代码实现 #

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Hello Analytics Reporting API V4</title>
  <meta name="google-signin-client_id" content="1086039826600-2r3481ge270o57vau3kshic6l4vrg4gg.apps.googleusercontent.com">
  <meta name="google-signin-scope" content="https://www.googleapis.com/auth/analytics.readonly">
</head>
<body>

<h1>Hello Analytics Reporting API V4</h1>

<!-- 登录按钮，成功后触发queryReports() -->
<p class="g-signin2" data-onsuccess="queryReports"></p>

<!-- API响应输出区域 -->
<textarea cols="80" rows="20" id="query-output"></textarea>

<script>
  // 替换为你的视图ID
  var VIEW_ID = '271208943';

  // 请求API并打印结果
  function queryReports() {
    gapi.client.request({
      path: '/v4/reports:batchGet',
      root: 'https://analyticsreporting.googleapis.com/',
      method: 'POST',
      body: {
        reportRequests: [
          {
            viewId: VIEW_ID,
            dateRanges: [
              {
                startDate: '7daysAgo',
                endDate: 'today'
              }
            ],
            metrics: [
              {
                expression: 'ga:sessions'
              }
            ]
          }
        ]
      }
    }).then(displayResults, console.error.bind(console));
  }

  // 展示API结果
  function displayResults(response) {
    var formattedJson = JSON.stringify(response.result, null, 2);
    document.getElementById('query-output').value = formattedJson;
  }
</script>

<!-- 加载Google API客户端与登录库 -->
<script src="https://apis.google.com/js/client:platform.js"></script>

</body>
</html>

排查方案 #

• 验证OAuth重定向URI配置：进入谷歌云平台的凭据页面，确认授权重定向URI已添加当前测试环境的地址（localhost需填http://localhost或带端口的完整地址，服务器环境填实际域名），未配置正确的重定向URI会导致授权后无法回调，窗口直接关闭。
• 清除浏览器授权缓存：前往谷歌账户的「安全」设置，找到「第三方应用访问权限」，移除当前应用的授权记录，清除浏览器缓存后重新测试。
• 检查OAuth同意屏幕设置：若应用处于未发布状态，需确保当前登录的谷歌账户已添加到「测试用户」列表中，未添加测试用户会导致授权流程中断。
• 调试回调触发状态：在queryReports函数开头添加console.log('授权回调触发')，确认授权成功后是否进入该函数，若未触发，问题集中在OAuth授权阶段而非API请求。
• 确认API启用状态：检查谷歌云平台是否已启用「Analytics Reporting API」，未启用会导致后续请求失败，但当前现象更偏向OAuth配置问题。

内容的提问来源于stack exchange，提问作者Joe Wu