[英]Rails + Ember.js + Devise freelance journalist app - data scoping
抱歉,我已经在ember.js领域呆了很长时间了,我在弄乱Rails + active_model_serializers JSON api基础知识。
假设我是一名自由撰稿人,并且正在构建一个应用程序,作家可以通过一个用户帐户将文章发布到公司特定的不同站点。
Rails Relationships
User has_many :company_memberships
User has_many :companies, :through => :company_memberships
Company has_many :company_memberships
Company_membership belongs_to :user
Company_membership belongs_to :company
Article belongs_to :company_membership
Article has_many :comments
Comment belongs_to :article
我正在使用Rails 3 +,Devise,Active_Model_Serializers,Ember-Data和Ember.js。
我想建立一个流程,使用户可以访问该网站,登录(非常容易使用devise),然后重定向到Rails页面,在该页面中,他可以选择他想去的公司仪表板(只需单击链接)。 。
现在是棘手的部分。 当他单击特定公司的链接时,应将其定向到包含Ember应用程序的Rails视图,该应用程序的序列化范围设置为current_company_membership或current_company,而不仅仅是current_user。
如何创建rails或active_model_serializers方法,以将数据范围限定为current_company_membership指示的current_company,然后将这些数据传递到ember应用程序?
另外,作为奖励,我需要current_user的名称和电子邮件地址-如何将这些信息也传递给ember应用程序? 我看过这家伙的文章,但是当尝试仅通过company_membership而不是current_user来限定数据范围时,却无法使它正常工作。
任何帮助都是极好的! 如果需要的话,我将添加更多细节和代码,但是我觉得我忘记了一些非常简单的内容。
更新:答案底部描述了在ember应用程序中访问current_user和current_company rails方法的方法,并且github演示应用程序也已更新。
如果我正确理解您要做什么,以下是一种快速完成工作的方法。 如果有人有更好的答案,请编辑我的问题。 我在github上放置了一个ember + rails + devise 演示应用程序 ,该应用程序结合了该问题的答案和我的上一个ember.js stackoverflow问题,以表明一切正常。 在下面,我使用模型Post而不是Article,但是基本上是相同的概念。
1)在Rails公司视图中,单击特定的公司link_to,将公司变量传递给Rails控制器操作,该操作将继续传递给应用程序帮助程序方法,以为current_company设置设计会话变量。
<% @companies.each do |company| %>
<%= link_to 'Company Dashboard', set_current_company_company_path(:id => company) %>
<% end %>
class CompaniesController < ApplicationController
def set_current_company
session[:company_id] = params[:id]
redirect_to assets_path
end
...
end
class ApplicationController < ActionController::Base
...
helper_method :current_company
def current_company
@current_company ||= Company.find_by_id!(session[:company_id])
end
...
end
App::Application.routes.draw do
resources :companies do
member do
get :set_current_company
end
end
...
set_current_company方法将在整个会话范围内设置current_company变量,并将用户重定向到包含您的余烬应用程序的asset / index.html.erb rails视图。
2)现在,您需要确定要在json api / ember模型中使用的current_company的Posts(和Comments,Company_Memberships)的rails api数据范围,如下所示:
class PostsController < ApplicationController
def index
@posts = Post.where(company_id: current_company.id)
render json: @posts
end
def create
@post = Post.new(params[:post].merge :company_id => current_company.id)
respond_to do |format|
if @post.save
render json: @post, status: :created, location: @post
else
render json: @post.errors, status: :unprocessable_entity
end
end
end
3)然后,您应该以常规方式通过AMS将数据序列化到ember应用程序:
class PostSerializer < ActiveModel::Serializer
attributes :id, :title, :body, :company_id, :user_id
has_many :comments
end
4)然后到灰烬模型。
App.Post = DS.Model.extend({
title: DS.attr('string'),
body: DS.attr('string'),
comments: DS.hasMany('App.Comment')
});
5)Ember控制器,视图和模板的行为应符合预期。 查看演示应用程序以查看超级基本实现。
为了获得对current_user和current_company的访问权,请使用active_model_serializers元数据序列化 ,然后使用此人的临时解决方案来映射您的序列化程序,以便它获取元数据并将其设置为ember应用程序中的全局变量。 这可能不是最佳做法,但是到目前为止,它已经完成了工作。
1)首先,设置store.js从json中获取元数据,并将其设置为序列化器中的全局变量:
App.CustomRESTSerializer = DS.RESTSerializer.extend({
extractMeta: function(loader, type, json) {
var meta;
meta = json[this.configOption(type, 'meta')];
if (!meta) { return; }
Ember.set('App.metaData', meta);
this._super(loader, type, json);
}
});
App.Store = DS.Store.extend({
revision: 11,
adapter: DS.RESTAdapter.create({
bulkCommit: false,
serializer: App.CustomRESTSerializer
}),
});
App.ready = function() {
App.CompanyMembership.find();
}
2)其次,在您的Rails中,company_memberships_controller.rb呈现元数据:
render json: @company_memberships, :meta => {:current_user => current_user, :current_company => current_company}
3)最后,直接从模板中调用任何current_user或current_company属性:
Logged in with: {{App.metaData.current_user.email}}
<br>
Current Company: {{App.metaData.current_company.name}}
只需重写序列化器中的方法即可。
def custom_association
# scope is the current user
CustomObjects.ownedBy(scope)
end
我不确定我是否完全了解您的问题,但是:
您可以在控制器类定义中(或在ApplicationController基类上)设置序列化范围:
serialization_scope :current_company
您还可以在实例化范围时将范围传递给串行器。 因此,要返回record
的JSON,可以在控制器方法中执行以下操作:
record.active_model_serializer.new(record, scope: current_company).as_json
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.