使用 Emberfire 和 Torii 的 Firebase 3 身份验证

Question

我正在尝试使用 Firebase 的 email/password 提供商进行身份验证，但不断收到以下错误：

Uncaught TypeError: Cannot read property 'open' of undefined

这是我的应用程序的样子：

app/torii-adapters/applications.js

import Ember from 'ember';
import ToriiFirebaseAdapter from 'emberfire/torii-adapters/firebase';

export default ToriiFirebaseAdapter.extend({
     firebase: Ember.inject.service()
});

app/adapters/application.js

import Ember from 'ember';
import FirebaseAdapter from 'emberfire/adapters/firebase';

const { inject } = Ember;

export default FirebaseAdapter.extend({
  firebase: inject.service()
});

app/templates/components/login-cmp.hbs

 ...   
                  <form class="col s12">
                      <div class="row">
                        <div class="input-field col s12">
                          {{input
                            id="userEmail"
                            type="email"
                            value=email
                            class="validate"
                          }}
                          <label for="email">Email</label>
                        </div>
                      </div>
                      <div class="row">
                        <div class="input-field col s12">
                          {{input
                            id="userPassword"
                            type="password"
                            value=password
                            class="validate"
                          }}
                          <label for="password">Password</label>
                        </div>
                      </div>
                      <div class="row">
                        <div class="col s12 m4">
                          <button class="btn waves-effect waves-light btn-large mt-20 mb-10" type="submit" {{action 'signIn' email password}}>Sign in
                            <i class="material-icons right">send</i>
                          </button>
                        </div>                    
                      </div>
                    </form>

app/components/login-cmp.js

signIn: function(email, password) {
      this.get('session').open('firebase', { provider: 'password', email: email, password: password}).then(function(data) {
        console.log(data.currentUser);
      });
    },

使用 https://github.com/firebase/emberfire 上显示的相同 config/environment.js 设置和我的 firebase 项目域和密钥。还有

torii: {
      sessionServiceName: 'session'
    },

我还在我的 firebase 帐户上启用了 email/password 提供商。

不确定断开连接的位置。任何帮助深表感谢。谢谢！
* Ember-CLI v2.11 * Emberfire v2.0.6 *鸟居 v0.8.1 * 节点 v6.9.5

Answer 1

登录操作按钮不会告诉您的 ember 应用您使用的是哪个提供商，仅提供了登录凭据，它应该如下所示：

{{action 'signIn' "password" email password}}

最后您的登录操作代码应如下所示：

signIn() {
  let controller = this;
  this.get('session').open('firebase', { provider: 'password', email: this.get('email') || '', password: this.get('password') || ''}).then(function(data) {
    console.log(data.currentUser);
  });
},

Answer 2

对于其他任何遇到此错误的人，此时 Ember 版本 2.13.1 在 Emberfire 和 torii 方面存在错误：内部 "torii"实例是undefined，因为获取所有者或工厂的机制在Ember 2.13中略有改变，因此无法调用"open"。到目前为止，最新的工作版本是 2.12.0。

更多信息：https://github.com/firebase/emberfire/issues/503

使用 Emberfire 和 Torii 的 Firebase 3 身份验证

Firebase 3 Authentication with Emberfire and Torii

ember.js

firebase

emberfire

ember-cli

torii