このブログ投稿とこのソースコードから私の ember.js アプリに firebase の simpleLogin を正しく実装する方法を見つけようとしましたが、役に立ちませんでした。
ブログ投稿の例では、認証プロバイダーとして github を使用していますが、メールとパスワードのオプションを使用する必要があります。これまでのところ、問題のfirebaseの登録ユーザーにユーザーを正常に追加し、user.idとuser.emailを吐き出すことができましたが、ユーザーをfirebaseに追加していないため、ユーザーでログインできませんユーザー/パス。
AuthController.js
App.AuthController = Ember.Controller.extend({
authed: false,
currentUser: null,
init: function() {
this.authClient = new FirebaseSimpleLogin(dbRef, function(error, user) {
if (error) {
alert('Authentication failed: ' + error);
} else if (user) {
this.set('authed', true);
var userRef = new Firebase(usersPath + '/simplelogin:' + user.id);
var controller = this;
var properties = {
id: user.id,
email: user.email
};
userRef.once('value', function(snapshot) {
var user = App.User.create({ ref: userRef });
user.setProperties(properties);
controller.set('currentUser', user);
});
} else {
this.set('authed', false);
}
}.bind(this));
},
login: function() {
this.authClient.login('password', {
email: this.get("email"),
password: this.get("password"),
rememberMe: this.get("remember")
});
},
logout: function() {
this.authClient.logout();
},
createUser: function() {
var email = createEmail.value;
var password = createPassword.value;
this.authClient.createUser(email, password, function(error, user) {
if (!error) {
console.log('User Id: ' + user.id + ', Email: ' + user.email);
}
}
)}
});
ユーザー テンプレートの作成
<form {{action createUser on='submit'}} class="form-horizontal" role='form'>
<div class='form-group'>
<label class="col-sm-5 control-label" for='createEmail'><p class='lead'>What's your email?</p></label>
<div class="col-sm-7">
{{input type="email" classNames="form-control" value=createEmail id="createEmail" placeholder="Don't worry, we won't spam you..."}}
</div>
</div>
<div class='form-group'>
<label class="col-sm-5 control-label" for='createPassword'><p class='lead'>Choose a password...</p></label>
<div class="col-sm-7">
{{input type="password" classNames="form-control" value=createPassword id="createPassword" placeholder="Make it super hard to guess!"}}
</div>
</div>
<div class='form-group'>
<label class="col-sm-5 control-label" for='confirm'><p class='lead'>And confirm it</p></label>
<div class="col-sm-7">
{{input type="password" classNames="form-control" value=confirm id="confirm" placeholder="Make sure you know what you typed..."}}
</div>
</div>
<button type='submit'>Submit</button>
</form>
私のコードをもっと見る必要がある場合はお知らせください。ここに表示します。ありがとう！
@kingpin2k 何か考えはありますか？
@mike-pugh から提供された回答:
私の AuthController は次のようになります。
App.AuthController = Ember.Controller.extend({
authed: false,
currentUser: null,
init: function() {
this.authClient = new FirebaseSimpleLogin(dbRef, function(error, user) {
if (error) {
alert('Authentication failed: ' + error);
} else if (user) {
this.set('authed', true);
var userRef = new Firebase(usersPath + '/simplelogin:' + user.id);
var controller = this;
var properties = {
id: user.id,
email: user.email
};
userRef.once('value', function(snapshot) {
var data = snapshot.val();
var user = App.User.create({ ref: data});
user.setProperties(properties);
controller.set('currentUser', user);
});
} else {
this.set('authed', false);
}
}.bind(this));
},
login: function() {
console.log('made it inside login');
console.log(email.value);
console.log(password.value);
console.log(remember.value);
this.authClient.login('password', {
email: email.value,
password: password.value,
rememberMe: remember.value
});
},
logout: function() {
this.authClient.logout();
},
createUser: function() {
console.log('made it inside createUser');
var email = createEmail.value;
console.log(email);
var password = createPassword.value;
console.log(password);
this.authClient.createUser(email, password, function(error, user) {
if (!error) {
console.log('User Id: ' + user.id + ', Email: ' + user.email);
var userRef = new Firebase(usersPath + '/simplelogin:' + user.id);
userRef.set({
email: user.email,
id: user.id
});
}
}
)}
});
空の UserModel も追加する必要がありました。
App.User = EmberFire.Object.extend({
});
それでおしまい！！これで、認証して currentUser データを取得できます。