EmberFire 身份验证和 ToriiFirebaseAdapter
EmberFire Authentication and ToriiFirebaseAdapter
我已经按照 EmberFire guide 设置了与 torii 提供商的身份验证,并且它运行良好。我希望在用户通过身份验证后将用户数据存储在 firebase 中,并在整个应用程序中访问用户对象。
我以前用 ember 做过这件事,但我不确定如何使用新的 torii 提供商来做。
我在想我应该测试用户是否已经在初始化函数中存储在 firebase 中,然后将用户注入 controllers/routes。
任何指向正确方向的帮助或一些示例代码都会有所帮助。
谢谢
您需要一个 Torii 适配器来实现 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
,它将 return 一个 Ember 对应于登录用户的数据模型。
希望对您有所帮助。我们正在将其添加到网站文档中,并将尝试找到一种方法将其纳入 EmberFire supplied 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;
}
);
},
});
我已经按照 EmberFire guide 设置了与 torii 提供商的身份验证,并且它运行良好。我希望在用户通过身份验证后将用户数据存储在 firebase 中,并在整个应用程序中访问用户对象。
我以前用 ember 做过这件事,但我不确定如何使用新的 torii 提供商来做。
我在想我应该测试用户是否已经在初始化函数中存储在 firebase 中,然后将用户注入 controllers/routes。
任何指向正确方向的帮助或一些示例代码都会有所帮助。
谢谢
您需要一个 Torii 适配器来实现 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
,它将 return 一个 Ember 对应于登录用户的数据模型。
希望对您有所帮助。我们正在将其添加到网站文档中,并将尝试找到一种方法将其纳入 EmberFire supplied 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;
}
);
},
});