EmberFire身份验证和ToriiFirebaseAdapter
问题描述:
我已遵循EmberFire guide设置与torii提供程序的身份验证,并且它完美工作。我希望在用户通过身份验证后将用户数据存储在Firebase中,并在整个应用程序中访问用户对象。EmberFire身份验证和ToriiFirebaseAdapter
我以前用烬做过这回,但我不确定如何使用新的torii提供程序来做到这一点。
我想我应该测试用户是否已经存储在初始化函数的firebase中,然后将用户注入到控制器/路由中。
任何帮助指向我在正确的方向将是有益的或一些示例代码。
感谢
答
你需要一个牌坊适配器实现open
和fetch
和做了find
/save
到您的应用程序的特定用户模型。我们的ToriiFirebaseAdapter不这样做,还有。我已经先行一步,并撞倒一起来为你将工作:
// app/torii-adapters/application.js
import Ember from 'ember';
export default Ember.Object.extend({
firebase: Ember.inject.service(),
store: Ember.inject.service(),
/**
* Executed after Firebase authentication.
*
* Find or create the user based on the Firebase `authData`
*
* @param {Object} authData
* @return {Promise<Object>} Updated session info
*/
open(authData) {
return this._findOrCreateUser(authData)
.then((user) => {
return { currentUser: user };
});
},
/**
* Fetch an existing Firebase auth session and place into `session.currentUser`
*
* @return {Promise<Object>} Updated session info
*/
fetch() {
let ref = this.get('firebase');
let authData = ref.getAuth();
if (!authData) {
return Ember.RSVP.Promise.reject(new Error('No Firebase session found'));
}
return this._findOrCreateUser(authData)
.then((user) => {
return { currentUser: user };
});
},
/**
* Teardown a session. Remove the `session.currentUser`.
*
* @return {Promise<Object>} Updated session info
*/
close() {
this.get('firebase').unauth();
return Ember.RSVP.Promise.resolve({ currentUser: null });
},
/**
* Find the user with the given `authData`, create if not found
*
* @param {Object} authData
* @return {Promise<Object>} The user
*/
_findOrCreateUser(authData) {
let store = this.get('store');
return store.find('user', authData.uid)
.catch(() => {
let newUser = store.createRecord('user', this.extractUserProperties(authData));
return newUser.save();
});
},
/**
* Extract the user properties from `authData` that you care about.
*
* @param {Object} authData
* @return {Object} An updated property hash
*/
extractUserProperties(authData) {
var name = 'Unknown';
var provider = authData.provider;
var userData = authData[provider];
if (userData.displayName) {
name = userData.displayName;
} else if (userData.username) {
name = userData.username;
}
return {
id: authData.uid,
name: name,
email: userData.email || null
};
}
});
所有你需要做的就是更新extractUserProperties
方法,让你关心到您的用户模型中的正确位置的属性 - 每个人都实现了他们的用户模型不同。
现在您应该能够查找session.currentUser
,它将返回与登录用户相对应的Ember数据模型。
希望有所帮助。我们正在将其添加到网站文档中,并尝试找到一种方法将其转换为EmberFire提供的ToriiFirebaseAdapter。
答
我会推荐给经常看base adapter:
那里你可以找到你要覆盖的唯一方法是open
。
我的解决方案并不完美,您还可以看看这个(它适用于google oauth)。
import Ember from 'ember';
import ToriiFirebaseAdapter from 'emberfire/torii-adapters/firebase';
export default ToriiFirebaseAdapter.extend({
firebase: Ember.inject.service(),
store: Ember.inject.service(),
open(authentication) {
return this._findOrCreateUser(authentication.uid, authentication[authentication.provider])
.then(user => Ember.RSVP.resolve({
provider: authentication.provider,
uid: authentication.uid,
currentUser: user
}));
},
_findOrCreateUser(uid, userData) {
let store = this.get('store');
return store.findRecord('user', uid).then(
function (user) {
user.set('name', userData.displayName);
user.set('imageUrl', userData.profileImageURL);
user.save();
return user;
},
function() {
let user = store.createRecord('user', {
id: uid,
name: userData.displayName,
imageUrl: userData.profileImageURL
});
user.save();
return user;
}
);
},
});
感谢tstirrat究竟是我以后。它的工作方式 – sharklasers
@tstirrat请你详细说明我如何在'beforeModel'钩子中访问'session.currentUser',在路由中吗?当我执行“console.log(this.get('session.currentUser'));”但是当我在任何模板中使用{{session.currentUser}}时,我可以在那里看到用户。 – learningMachine
@VikramNarayan不幸的是我不确定为什么会出现这种情况。这是Torii将会话注入路由的方式。它似乎注入一个部分初始化的对象,然后更新它。 – tstirrat