polymer-2xでfirebase認証を行う方法

Question

Firefbaseに接続するためにPolyfireで新しいPolymer-2.xを使用しようとしていますが、このデモプロジェクトでは場所のリストのみを表示し、firebase認証を使用して、場所リスト。

私はFirebase認証を有効にすることはできませんし、このプロジェクトのサンプルもありません。唯一のサンプルはPolymer-1.x用で、Polymerオブジェクトで古いコードを使用しています。

ここで私のコードの一部ですが、場所のリストがうまくいって、firebaseデータベースを正しく取得できますが、スクリプトは認証を求めていません。

HTMLセクション：

<firebase-app 
     auth-domain="blablabla.firebaseapp.com" 
     database-url="https://blablabla.firebaseio.com" 
     api-key="blablabla" 
     storage-bucket="blablabla.appspot.com" 
     messaging-sender-id="blablabla"> 
</firebase-app> 
<firebase-auth id="auth" user="{{ user }}" provider="google" on-error="handleError"> 
</firebase-auth> 

ビューセクション：

<firebase-query 
    id="query" 
    path="/places" 
    data="{{ places }}"> 
</firebase-query> 

<ul> 
    <template is="dom-repeat" items="{{ places }}" as="item"> 
     <li>[[ item.name ]]</li> 
    </template> 
</ul> 

スクリプトセクション：

<script> 
     class MyView1 extends Polymer.Element { 
      static get is() { 
       return 'my-view1'; 
      } 

      static get properties() { 
       return { 
        places: { 
         type: Object 
        } 
       } 
      } 
     } 

     window.customElements.define(MyView1.is, MyView1); 
</script> 

質問がでポップアップ認証または任意のfirebase認証メソッドを呼び出す方法、ですこの新しいES6スクリプト？

Answer 1

私は最近、私のfirebaseプロジェクトをpolymer1から2に移動しましたが、まだ100％ではありませんが、polymerfire要素が機能するようです。

あなただけの呼び出しカント：

loginGoogle() { 
     var that = this; 
     this.$.auth.signInWithPopup().then(function(result) { 
      // This gives you a Google Access Token 
      var token = result.credential.accessToken; 
      // The signed-in user info 
      var user = result.user; 

     }).catch(function(error) { 
      // Handle Errors here. 
      var errorCode = error.code; 
      var errorMessage = error.message; 
      // The email of the user's account used. 
      var email = error.email; 
      // The firebase.auth.AuthCredential type that was used. 
      var credential = error.credential; 
      console.log('Error during the login', errorCode, errorMessage); 
     }); 
    }