webviewでGoogleのOAuth認証を行う ref: http://qiita.com/gambare/items/7af00ad4c953aed9b11e

app.module.ts

import {AngularFireModule} from 'angularfire2';

~省略~
@NgModule({
  declarations: [
    ~省略~
  ],
   imports: [
    AngularFireModule.initializeApp(
      firebaseConfig,
      firebaseAuthConfig
    ),
  ],
  ~省略~


// 以下の値は、apiKeyなどの取得で取得した値。
export const firebaseConfig = {
  apiKey: 'APIキー',
  authDomain: 'ドメイン',
  databaseURL: 'URL',
  storageBucket: 'ストレージバケット'
};

// 以下の値は、認証設定。Google認証をリダイレクトで行う。
export const firebaseAuthConfig = {
  provider: AuthProviders.Google,
  method: AuthMethods.Redirect
};

config.xml

<?xml version='1.0' encoding='utf-8'?>
<widget id="ここです。" ...>
...
</widget>

file0.txt

ionic start --v2 <プロジェクト名>
# angular cliの場合 ng new <プロジェクト名>
cd <プロジェクト名>

file1.txt

npm install angularfire2 firebase --save

file11.txt

keytool -exportcert -list -v \
-alias androiddebugkey -keystore ~/.android/debug.keystore

file12.txt

SHA1: 〜〜〜〜ハッシュ値〜〜〜〜

file13.txt

# npmから取得する場合
cordova plugin add cordova-plugin-googleplus --save --variable REVERSED_CLIENT_ID=ここにiOSの手順で取得したIDを入れる

# githubから最新を取得する場合
cordova plugin add https://github.com/EddyVerbruggen/cordova-plugin-googleplus --save --variable REVERSED_CLIENT_ID=ここにiOSの手順で取得したIDを入れる

cordova prepare

file14.txt

 login(){
     window['plugins'].googleplus.login(
         {
           // 'scopes': '',
           'webClientId': 'ここにAndroidの手順で取得したgoogle-services.jsonのclient-idを入れる',
           'offline': false,
         },
         function (authData) {
           alert(JSON.stringify(authData)); // do something useful instead of alerting
         },
         function (msg) {
           alert('error: ' + msg);
         }
     );
   }

file15.txt

ionic run android --consolelogs --livereload --device

file16.txt

  ngOnInit(){
    window['plugins'].googleplus.login(

        {
           // 'scopes': '',
           'webClientId': 'ここにAndroidの手順で取得したgoogle-services.jsonのclient-idを入れる',
           'offline': false,
        },
        function (authData) {

          let credential = (<any>firebase.auth.GoogleAuthProvider).credential(authData.idToken);
          firebase.auth().signInWithCredential(credential);

        },
        function (msg){
          console.log('acquireAuth error: ' + msg);
        }
    );
  }

file17.txt

cordova run android --device

file3.txt

import { AngularFire,
         FirebaseAuthState} from 'angularfire2';

@Component({
  templateUrl: 'テンプレート名.html'
})
export class Test{

  constructor(private af :AngularFire){}

  // ログインメソッド。templateのボタンクリックで呼び出される。
  login() :firebase.Promise<FirebaseAuthState>{
    return this.af.auth.login();
  }

}

file5.txt

ionic serve
# Angularの場合 ng serve

file6.txt

ionic platform add android

file7.txt

ionic run android --consolelogs --livereload --device
# avdで起動する場合、 --deviceは不要

google-services.json

      "oauth_client": [
        {
          "client_id": "ここです",
          "client_type": 3
        }

GoogleService-Info.plist

<key>REVERSED_CLIENT_ID</key>
<string>ここです</string>

template

<!-- ページにボタンを追加します。前後のコードは省きます。 -->
<button ion-button (click)="login()">Login</button>