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

Question

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

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

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

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

Answer 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.');
        }
    });
}