Ruby on Rails的移动版本视图
我经过一些validation后说我做对了。 我有以下结构中的Ruby on Rails应用程序：
/家
about.rhtml
index.rhtml里
/显示
index.rhtml里
/ data < – 这是由jQuery从display \ index页面调用的，用于提供要呈现的数据
push.js.erb
pull.js.erb
/布局
home.rhtml
display.rhtml
一切都很好，但我现在想添加一个针对移动设备的网站。 虽然iPhone正确呈现网站，但提供更有针对性的体验会很不错。 理想情况下，我正在考虑拥有一个可以通过.htaccess重定向到的iPhone.domain.com。
为此，我正考虑为每个设备添加另一个视图
/苹果手机
home.rhtml
about.rhtml
display.rhtml
但是，感觉很多数据会被复制，例如，关于页面将在两个地方。 我想我可以有一个局部并做一些像渲染：partial =>’home / about’但这似乎有点hacky。
我如何开发我的网站来支持这个？
我在想一个像这样的结构，但又不知道如何构造代码 – 我怎么告诉它在iPhone目录中渲染视图…而没有应用主布局
/显示
/苹果手机
index.rhtml里
我真的想要一些关于最佳方法的建议，并构建应用程序。 虽然应用程序目前遵循一种结构，但它们可能会朝不同的方向发展。
谢谢
本
我强烈建议在所有设备类型中保持控制器结构相同。 特别是如果您使用Rails的RESTful路由，您的控制器应该与数据的域模型紧密匹配。 然后将该数据呈现给桌面浏览器，iPhone，不同类型的移动设备，JSON / XML REST API客户端等，主要是表示层而不是控制器/路由层。
所以优雅的解决方案是：
- 检测基于用户代理的设备类型（您可能需要参考WURFL用户代理数据库）;
- 使用Rails的
respond_to机制为每种设备类型呈现不同的视图格式; - 为每种设备类型定义布局（例如，为移动设备使用XHTML Mobile Profile doctype）;
- 根据设备类型包含不同的CSS文件。
有一些插件试图让这更容易：看看brendanlim的Mobile Fu和noelrappin的Rails iUI（两者都在GitHub上）。 Brendan Lim在Rails Underground的演讲也有一些想法。
你应该瞄准的是：
def show @foo = Foo.find(params[:id]) respond_to do |format| format.html # => show.html.erb format.iphone # => show.iphone.erb format.blackberry # => show.blackberry.erb end end
如果他们真的想要查看站点的桌面版本，您还应该允许移动设备上的用户覆盖用户代理检测。 具有较长到期时间的cookie可能是执行此操作的最佳方式，以便站点在下次用户返回时记住该选择。 一些移动设备有垃圾cookie支持，但他们可能不会想要该网站的桌面版本，因为它可能无法正常工作。
Rails 4.1包含Variants ，这是一个很棒的新function：
允许您对同一mime类型（例如，HTML）使用不同的模板和操作响应。 对于任何为移动客户端提供服务的Rails应用程序而言，这是一个神奇的子弹。 您现在可以拥有桌面，平板电脑和手机视图的各个模板，同时共享所有相同的控制器逻辑。
在您的情况下，您只需要在before_action为iphone设置变体，例如：
class HomeController < ApplicationController before_action :detect_iphone def index respond_to do |format| format.html # /app/views/home/index.html.erb format.html.phone # /app/views/home/index.html+phone.erb end end private def detect_iphone request.variant = :iphone if request.user_agent =~ /iPhone/ end end
Rails 4.1中有什么新function
Iphone在渲染网页方面做得非常好，没有任何特殊的格式。
然而，在我的Android手机上，浮动的内容似乎被切断了，因此需要为该手机设置自定义视图。 要实现这一点，您需要创建一个不同的布局（例如mobile_application.html.erb），并在您的application_controller中添加以下内容：
layout :select_layout def select_layout session.inspect # force session load if session.has_key? "layout" return (session["layout"] == "mobile") ? "mobile_application" : "application" end return detect_browser end def detect_browser agent = request.headers["HTTP_USER_AGENT"].downcase MOBILE_BROWSERS.each do |m| return "mobile_application" if agent.match(m) end return "application" end
其中MOBILE_BROWSERS是您要作为移动设备匹配的用户代理字符串数组。
我在这里写了一篇博客：
http://www.arctickiwi.com/blog/2-mobile-enable-your-ruby-on-rails-site-for-small-screens
干杯
首先，您应该使用.html.erb作为模板扩展
其次，您可以使用逻辑来检测基于用户代理（ request.user_agent ）使用的布局类型。
layout :site_layout def site_layout some_way_to_detect_the_layout_to_use end
注意，user_agent可以伪造，但是大多数人都不会打扰它，因此对于99.9％的情况，解决方案应该“足够好”。