Question

我尝试将Google oauth2 API和Calender API集成到Angular2应用程序中。我找不到任何帮助我进行整合的运行模式。

有人知道正在运行的样本吗？

关心Hacki

Answer 1

安装

从Apache Cordova项目的根目录执行以下命令：

npm install ng2-cordova-oauth --save 这将安装ng2-cordova-oauth及其依赖项。

喷吹：

库中有两种类型的实体：平台（即Cordova，浏览器）和提供商（即Facebook，LinkedIn等）。每个提供商都有自己的类。您需要将Platform类注入您希望使用它们的每个类中。例如，如果您希望在特定类中使用Facebook oauth，它将类似于：

import {Facebook, Google} from 'ng2-cordova-oauth/core';
import {OauthBrowser} from 'ng2-cordova-oauth/platform/browser'

//或

import {OauthCordova} from 'ng2-cordova-oauth/platform/cordova'


import {Component} from '@angular/core';
import {NavController, Platform} from 'ionic-angular';
import {Facebook, Google, LinkedIn} from "ng2-cordova-oauth/core";
import {OauthCordova} from 'ng2-cordova-oauth/platform/cordova';

@Component({
    templateUrl: 'build/pages/home/home.html'
})
export class HomePage {

    private oauth: OauthCordova = new OauthCordova();
    private facebookProvider: Facebook = new Facebook({
      clientId: "CLIENT_ID_HERE",
      appScope: ["email"]
    })

    constructor(private navCtrl: NavController, private platform: Platform) { }

    public facebook() {
        this.platform.ready().then(() => {
            this.oauth.logInVia(this.facebookProvider).then(success => {
                console.log("RESULT: " + JSON.stringify(success));
            }, error => {
                console.log("ERROR: ", error);
            });
        });
    }

}

试试此链接https://github.com/nraboy/ng2-cordova-oauth

在Angular2 Typescript APP中集成Google OAuth2 API

1 个答案: