Подтвердить что ты не робот

Как должны выглядеть маршруты Rails для работы с маршрутами pushState Ember.js?

Короче...

При создании приложения Ember.js для сохранения приложения Rails, как мне обрабатывать маршрутизацию/представления Rails? Я бы подумал, что мне просто нужны Rails для рендеринга layout.html.erb, поэтому приложение Ember.js инициализирует и обрабатывает маршрутизацию/просмотр/шаблоны.

Детали:

В частности, если я посещаю localhost: 3000, перед тем как мое приложение Ember.js имеет возможность инициализировать, Rails обращается к действию "index" на контроллере проектов. Он будет жаловаться на отсутствующий шаблон индекса. У меня нет index.html.erb view, так как у моего приложения Ember.js есть шаблон/шаблон для него.

Должен ли я создавать пустые представления для приложения Rails? Должны ли мои действия контроллера Rails возвращать что-то, чтобы предотвратить его отображение? Или я ожидаю, что вы создадите обычные представления Rails, чтобы идти вместе с представлениями/шаблонами приложения Ember.js?

Если я создаю пустые проекты /index.html.erb и посещу localhost: 3000, Rails отобразит его, Ember.js инициализирует и обрабатывает маршрутизацию с этого момента. Однако, если я посещаю localhost: 3000/projects/new, Rails жалуется на отсутствие нового действия в контроллере проектов. У меня нет "нового" действия над контроллером проектов на стороне Rails, поскольку он мне не нужен. Приложение My Ember.js обрабатывает этот вид/шаблон.

В конечном счете, я просто не знаю, какое соглашение, как ожидается, будет использовать Ember.js вместе с Rails-приложением.

Благодарим вас за помощь и прочтение этого...

Edit:

Я забыл детали, что я пытаюсь использовать способность Ember.js Router использовать историю pushState. Это оставило бы меня не-hashbang URL. Это одна из причин, по которой у меня возникают проблемы с конкурированием Rails для маршрутизации моего приложения.

Макет приложения Rails:

<html> 
<body>   
  <section id="design-archive"></section>
</body>
</html>

Приложение Ember.js:

@DA = Em.Application.create
  name: 'Design Archive'
  VERSION: '0.1'
  rootElement: '#design-archive'
  ApplicationController: Em.Controller.extend()
  ApplicationView: Em.View.extend
    templateName: 'application'

DA.initialize(DA.Router)

Маршруты Rails:

DesignArchive::Application.routes.draw do
  resources :clients, :only => [:new, :create, :index, :show, :destroy]
  resources :projects, :only => [:new, :create, :index, :show, :destroy]

  root :to => 'projects#index'
end

Ember.js Маршруты:

DA.Router = Em.Router.create
  location: 'history'

  root: Em.Route.extend
    index: Em.Route.extend
      route: '/'
      redirectsTo: 'projects'

    # Actions
    doProjects: (router) ->
      router.transitionTo('projects')
    doProjectsNew: (router) ->
      router.transitionTo('newProject')

    # Routes
    projects: Em.Route.extend
      route: '/projects'
      index: Em.Route.extend
        router: '/'
      connectOutlets: (router) ->
        router.get('applicationController').connectOutlet('projects', DA.Project.find())
      showProject: Em.Route.transitionTo('project')

    project: Em.Route.extend
      route: '/projects/:project_id'
      connectOutlets: (router, project) ->
        router.get('applicationController').connectOutlet('project', project)
      projectsIndex: Em.Route.transitionTo('projects')

    newProject: Em.Route.extend
      route: '/projects/new'
      connectOutlets: (router) ->
        router.get('applicationController').connectOutlet('projectsNew')

Контроллер Rails:

class ProjectsController < ApplicationController
  def index
    @projects = Project.all

    respond_to do |format|
      format.html
      format.json { render json: @projects }
    end
  end
end
4b9b3361

ОТВЕТЫ

Ответ 1

Другое обновление: с тех пор я начал использовать метод DockYard tutorial для обработки маршрутов Rails для приложения pushState Ember.js. Здесь пример Rails routes.rb:

EmberApp::Application.routes.draw do
    class FormatTest
      attr_accessor :mime_type

      def initialize(format)
        @mime_type = Mime::Type.lookup_by_extension(format)
      end

      def matches?(request)
        request.format == mime_type
      end
    end

    get '*foo', :to => 'ember#index', :constraints => FormatTest.new(:html)
    get '/', :to => 'ember#index', :constraints => FormatTest.new(:html)
end

Ответ 2

У вас может быть весь маршрут, который загружает ваше приложение Ember.

Здесь приведен упрощенный пример из одного из моих приложений:

App::Application.routes.draw do
  match "/login"   => "sessions#new",     :via => :get, :as => :login
  match "/login"   => "sessions#create",  :via => :post
  match "/logout"  => "sessions#destroy", :via => :post, :as  => :logout

  match "/attachments/:id" => "attachments#download"
  match "/avatars/:id"     => "avatars#show"

  root :to => 'pages#bootstrap'

  # anything not matched by the above should be served the bootstrap
  match "/*path" => "pages#bootstrap"
end

Это приводит к отрицательному результату вместо 200 при возврате 200 ошибок при переходе на полностью недействительные URL-адреса, поскольку приложение Rails ничего не знает о структуре URL-адреса приложения Ember.

Если вы хотите избежать того, что вы могли бы реплицировать свою структуру URL-адресов Ember на маршрутах и ​​просто указывать все действия до исходного маршрута, вместо использования catch-all.

Ответ 3

Я нашел этот пост для ответа на весь запрос HTML с определенным макетом. Это то, что я сейчас использую и, кажется, хорошо работает. Единственным ограничением было бы то, что я больше не мог иметь никаких обычных HTML-представлений, отличных от Ember.js. Например, я не мог иметь регистрационные/пользовательские формы user_session вне Ember. Полагаю, я перейду через этот мост, когда я приеду туда.

Я все еще не уверен, что это лучший способ справиться с моей оригинальной проблемой, но ниже моя текущая настройка. home/show.html.erb - пустой вид Rails.

Контроллеры:

class ApplicationController < ActionController::Base
  protect_from_forgery
  before_filter :render_default_view

  private
    def render_default_view
      return if request.xhr?
      respond_to do |format|
        format.html { render 'home/show' }
      end
    end
end

class HomeController < ApplicationController
  def show
  end
end

class ProjectsController < ApplicationController
  def new
  end

  def index
  end

  def show
  end
end

Маршруты

DesignArchive::Application.routes.draw do
  resources :projects, :only => [:new, :index, :show]

  namespace :api do
    resources :projects, :only => [:create, :index, :show, :destroy]
  end

  root :to => 'home#show'
end

Ответ 4

Я предлагаю вам иметь только один контроллер с одним действием для рендеринга пустого представления, которое просто инициализирует ваше приложение Ember (например, HomeController).

Затем это маршрутизатор Ember, который должен управлять маршрутами (все маршруты начинаются с #/).

Следовательно, все остальные маршруты Rails - это просто API (используемый вашим приложением Ember), которые возвращают некоторый JSON.