如何为客户端设置谷歌分析 API？

Posted 2023-03-07

【中文标题】如何为客户端设置谷歌分析 API？

【英文标题】：How to setup google analytics api for client?

【发布时间】：2021-11-19 09:07:41

【问题描述】：

我对谷歌登录和谷歌分析非常陌生。我正在创建一个项目，用户（客户端）可以使用谷歌登录并允许我访问他的谷歌分析帐户。然后我会根据分析数据给他看一些图表。

到目前为止，我只为我的帐户执行此操作。我在 google 控制台上创建了一个新帐户，下载了 cred.json 文件，在我的 google 分析仪表板上授予了该帐户的权限，现在我正在使用来自 npm 的@google-analytics/data 库来获取数据并将其发送到前面-结束。

我想要的是用户可以在客户端登录，让我访问他的分析（当谷歌登录提示出现时），然后我将使用该访问令牌进行 API 调用后端，然后将他的数据发送给他。

我尝试使用谷歌搜索，但找不到任何相关结果。我知道这样的东西已经存在，因为我看到网站使用它。所以请指导我如何实现这一点。 我正在使用 MERN 堆栈。

【参考方案1】：

我正在创建一个项目，用户（客户端）可以使用谷歌登录并允许我访问他的谷歌分析帐户。

您混淆了条款，登录就是登录，您想要的是用户授予您的应用程序访问其数据的权限，这是 Oauth2。

然后我会根据分析数据向他展示一些图表和图表。

请记住，从 api 返回的数据是 Json 的形式，如果您想向它们显示字符和图形，那么您需要自己创建这些。

到目前为止，我只为我的帐户执行此操作。我在 google 控制台上创建了一个新帐户，下载了 cred.json 文件，在我的 google 分析仪表板上授予该帐户的权限。

cred.json 文件仅使您的应用程序能够让用户同意访问您的应用程序。它没有链接到任何谷歌分析帐户。用户仍需要授予您的应用程序对其数据的访问权限。

我想要的是用户可以在客户端登录，让我访问他的分析（当谷歌登录提示出现时），然后我将使用该访问令牌进行 API 调用后端，然后将他的数据发送给他。

这称为 Oauth2，用户同意您访问他们的数据。

没有带有谷歌分析 api 的 Node.js 官方示例。 几年前我创建了一个教程，可以帮助您入门。 Google analytics Node.js

const fs = require('fs');
const readline = require('readline');
const google = require('googleapis');
const dotenv = require('dotenv');
dotenv.config();
const CRED_FILE_PATH = process.env.API_CREDS;
console.log(`Your cred path is $CRED_FILE_PATH`); // ../creds.json
const VIEW_ID = process.env.VIEW_ID;
console.log(`Your view id is $VIEW_ID`);

// If modifying these scopes, delete token.json.
const SCOPES = ['https://www.googleapis.com/auth/analytics.readonly'];
// The file token.json stores the user's access and refresh tokens, and is
// created automatically when the authorization flow completes for the first
// time.
const TOKEN_PATH = 'token.json';

// Load client secrets from a local file.
fs.readFile(CRED_FILE_PATH, (err, content) => 
    if (err) return console.log('Error loading client secret file:', err);
    // Authorize a client with credentials, then call the Google Drive API.
    authorize(JSON.parse(content), getUserReport);
);

/**
 * Create an OAuth2 client with the given credentials, and then execute the
 * given callback function.
 * @param Object credentials The authorization client credentials.
 * @param function callback The callback to call with the authorized client.
 */
function authorize(credentials, callback) 
    const client_secret, client_id, redirect_uris = credentials.installed;
    const oAuth2Client = new google.auth.OAuth2(
        client_id, client_secret, redirect_uris[0]);

    // Check if we have previously stored a token.
    fs.readFile(TOKEN_PATH, (err, token) => 
        if (err) return getAccessToken(oAuth2Client, callback);
        oAuth2Client.setCredentials(JSON.parse(token));
        callback(oAuth2Client);
    );


/**
 * Get and store new token after prompting for user authorization, and then
 * execute the given callback with the authorized OAuth2 client.
 * @param google.auth.OAuth2 oAuth2Client The OAuth2 client to get token for.
 * @param getEventsCallback callback The callback for the authorized client.
 */
function getAccessToken(oAuth2Client, callback) 
    const authUrl = oAuth2Client.generateAuthUrl(
        access_type: 'offline',
        scope: SCOPES,
    );
    console.log('Authorize this app by visiting this url:', authUrl);
    const rl = readline.createInterface(
        input: process.stdin,
        output: process.stdout,
    );
    rl.question('Enter the code from that page here: ', (code) => 
        rl.close();
        oAuth2Client.getToken(code, (err, token) => 
            if (err) return console.error('Error retrieving access token', err);
            oAuth2Client.setCredentials(token);
            // Store the token to disk for later program executions
            fs.writeFile(TOKEN_PATH, JSON.stringify(token), (err) => 
                if (err) return console.error(err);
                console.log('Token stored to', TOKEN_PATH);
            );
            callback(oAuth2Client);
        );
    );


/**
 * Number of users between last week and two weeks ago.
 * @param google.auth.OAuth2 auth An authorized OAuth2 client.
 */
function getUserReport(auth) 
    const service = google.analyticsreporting(version: 'v4', auth);
    const googleAnalyticsReports = 
        resource: 
            reportRequests: [
                viewId: VIEW_ID,
                dateRanges: [
                    
                        startDate: '14daysAgo',
                        endDate: '7daysAgo'
                    
                ],
                metrics: [
                    
                        expression: 'ga:users'
                    
                ]
            ]
        
    ;

    service.reports.batchGet(googleAnalyticsReports, (err, res) => 
        if (err) return console.log('The API returned an error: ' + err);
        const reports = res.data.reports;
        if (reports.length) 
            console.log('Reports:');
            reports.forEach(report => 
                console.log('\tMetrics:');
                report.columnHeader.metricHeader.metricHeaderEntries.forEach(metricHeader => console.log('\t\t', metricHeader.name))
                report.data.rows.forEach(row => console.log('\t\t', row.metrics))
                
            );

         else 
            console.log('No data found.');
        
    );