0

角度： Angular2 RC4

Firebase： Firebase3（最新）

AngularFire： AngularFire2（最新）

我正在考虑尝试访问 Google Analytics Reporting v4 API。像这样的东西。但是使用 Angular2 的优点。

有没有人做这件事有运气？我用谷歌搜索过，但它似乎不是一个受欢迎的话题。Angular2 仍然很新并没有帮助，所以就是这样。有人有什么主意吗？我确定这是一件事。我认为？

我已经使用 AngularFire2 和 Firebase 进行身份验证，这是第一步。;)

4

1 回答 1

2

2018 年更新

有人为 Google Analytics Client API V3 添加了definiteTyped/types/gapi.client.analytics。在这个链接之后有一个自述文件，其中包含有关如何安装和使用它的说明。

原始答案

早在 2016 年，这是我实现它的方式：

src/index.html

在应用程序的 index.html 文件中，您需要在以下<head>部分添加：

<script src="https://apis.google.com/js/platform.js" async defer></script>

打字/浏览器/环境/gapi/

您需要将以下命名空间添加到您的类型中：

src/app/+login/login.component.ts

这是我的组件的文件，这里你需要ngAfterViewInit()使用 gapi 并获取 auth。

例如，这是我的 auth 函数，我还将 API 回调转换为 Promise：

private authorize() : Promise<any> {
    var authCallback;
    let authData = {
        client_id: 'your-client-id.apps.googleusercontent.com',
        scope: ['https://www.googleapis.com/auth/analytics.readonly'],
        immediate: true
    };

    let p = new Promise((resolve,reject) => {
      authCallback = response => response.error? reject(response) : resolve(response);
    });

    gapi.auth.authorize(authData, authCallback);

    return p;
}
于 2016-09-29T12:59:35.973 回答