Mobylette 技术文档
1. 安装指南
Mobylette 是一个用于 Rails 应用的 gem,它通过添加 mobile
格式来支持移动设备的请求。以下是安装步骤:
-
在 Gemfile 中添加 Mobylette:
gem 'mobylette'
-
在
ApplicationController.rb
中(或你希望启用此功能的控制器中)添加以下代码:include Mobylette::RespondToMobileRequests
-
安装完成后,你可以开始添加
.mobile.erb
视图文件。
2. 项目的使用说明
Mobylette 的工作原理是通过检测访问者的用户代理(User Agent)来判断是否为移动设备请求。如果是移动设备请求,控制器将渲染 .mobile.erb
视图文件,而不是 .html.erb
文件。
2.1 控制器中的使用
在控制器中,你可以使用 respond_to
方法来处理不同的请求格式:
respond_to do |format|
format.html { ... }
format.mobile { ... }
end
2.2 辅助方法
Mobylette 提供了以下辅助方法:
is_mobile_request?
:如果请求来自移动设备,返回true
,否则返回false
。is_mobile_view?
:如果当前格式为:mobile
,返回true
,否则返回false
。request_device?
:如果当前请求来自指定的设备,返回true
,否则返回false
。例如:request_device?(:iphone) request_device?(:android)
3. 项目 API 使用文档
3.1 配置
你可以使用 mobylette_config
方法进行配置:
mobylette_config do |config|
# 自定义用户代理
config[:mobile_user_agents] = proc { %r{iphone|ipad}i }
# 跳过特定用户代理
config[:skip_user_agents] = [:ipad]
# 设置回退链
config[:fallback_chains] = {
mobile: [:mobile, :html],
iphone: [:iphone, :mobile, :html]
}
# 跳过 XHR 请求
config[:skip_xhr_requests] = false
# 注册移动设备
config[:devices] = { my_unique_phone: %r{UniquePhone 1.2.3} }
end
3.2 强制/忽略移动请求
你可以通过设置 session[:mobylette_override]
来强制或忽略移动请求:
session[:mobylette_override] = :ignore_mobile # 忽略移动请求
session[:mobylette_override] = :force_mobile # 强制移动请求
session[:mobylette_override] = nil # 取消强制/忽略
3.3 自定义移动请求检测
你可以通过重写 is_mobile_request?
方法来自定义移动请求的检测逻辑:
class ApplicationController < ActionController::Base
include Mobylette::RespondToMobileRequests
private
def is_mobile_request?
request.host == "mobile.app.com"
end
end
4. 项目安装方式
Mobylette 的安装方式非常简单,只需在 Gemfile 中添加 gem 'mobylette'
,然后在控制器中引入 Mobylette::RespondToMobileRequests
模块即可。
4.1 安装步骤
-
在 Gemfile 中添加:
gem 'mobylette'
-
在
ApplicationController.rb
中引入模块:include Mobylette::RespondToMobileRequests
-
安装完成后,你可以开始创建
.mobile.erb
视图文件。
4.2 测试
为了确保你的应用在移动设备上正常工作,建议你使用 Mobylette 提供的测试工具。你可以在测试文件中引入 Mobylette::Helmet
模块:
require 'mobylette/helmet'
include Mobylette::Helmet
对于 RSpec,你可以在 spec/spec_helpers.rb
中添加:
require 'mobylette/helmet'
RSpec.configure do |config|
config.include Mobylette::Helmet, :type => :controller
end
这将为你的测试环境添加以下方法:
force_mobile_request_agent(agent = 'Android')
:强制使用移动用户代理。reset_test_request_agent
:重置用户代理为默认的 "Rails Testing"。set_session_override(override_value)
:强制设置会话覆盖值。
5. 总结
Mobylette 是一个强大的工具,可以帮助你在 Rails 应用中轻松处理移动设备请求。通过简单的配置和使用,你可以为移动用户提供更好的浏览体验。希望本文档能帮助你更好地理解和使用 Mobylette。
鸿蒙开发工具大赶集
本仓将收集和展示鸿蒙开发工具,欢迎大家踊跃投稿。通过pr附上您的工具介绍和使用指南,并加上工具对应的链接,通过的工具将会成功上架到我们社区。012hertz
Go 微服务 HTTP 框架,具有高易用性、高性能、高扩展性等特点。Go01每日精选项目
🔥🔥 每日精选已经升级为:【行业动态】,快去首页看看吧,后续都在【首页 - 行业动态】内更新,多条更新哦~🔥🔥 每日推荐行业内最新、增长最快的项目,快速了解行业最新热门项目动态~~029kitex
Go 微服务 RPC 框架,具有高性能、强可扩展的特点。Go00Cangjie-Examples
本仓将收集和展示高质量的仓颉示例代码,欢迎大家投稿,让全世界看到您的妙趣设计,也让更多人通过您的编码理解和喜爱仓颉语言。Cangjie057毕方Talon工具
本工具是一个端到端的工具,用于项目的生成IR并自动进行缺陷检测。Python040PDFMathTranslate
PDF scientific paper translation with preserved formats - 基于 AI 完整保留排版的 PDF 文档全文双语翻译,支持 Google/DeepL/Ollama/OpenAI 等服务,提供 CLI/GUI/DockerPython06mybatis-plus
mybatis 增强工具包,简化 CRUD 操作。 文档 http://baomidou.com 低代码组件库 http://aizuda.comJava03国产编程语言蓝皮书
《国产编程语言蓝皮书》-编委会工作区018- DDeepSeek-R1探索新一代推理模型,DeepSeek-R1系列以大规模强化学习为基础,实现自主推理,表现卓越,推理行为强大且独特。开源共享,助力研究社区深入探索LLM推理能力,推动行业发展。【此简介由AI生成】。Python00
热门内容推荐
最新内容推荐
项目优选









