Angular2 TypescriptでのGoogle OAuth2 APIの統合APP

Question

Google oauth2 APIとCalender APIをAngular2アプリケーションに統合しようとしています。私は、統合を進める上で助けとなる実行中のものを見つけることはできません。

実行中のサンプルは誰でも知っていますか？あなたのApache Cordovaのプロジェクトのルートから

をインストール

よろしくHacki

Answer 1

、次のコマンドを実行します。これは、NG2-cordova-インストールされます --save NG2-コルドバ - OAuthの

NPMをインストールoauthとその依存関係

ジェクト：

ライブラリ内のエンティティの2種類があります

：プラットフォーム（すなわち、コルドバ、ブラウザ）とプロバイダー（すなわち、FacebookやLinkedInの、など）。各プロバイダには独自のクラスがあります。 Platformクラスを使用するすべてのクラスに挿入する必要があります。

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