繁体   English   中英

Rails + Ember.js + Devise自由记者应用程序-数据范围

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM