11

Who defines the URLs to be redirected to the mobile version?

Lets take twitter as an example:

  • https://twitter.com -> redirect mobile
  • https://dev.twitter.com -> not redirect mobile

In an MVC application who would be responsible for the rule redirects?
Could be all in www has redirection to mobile device?

4

4 回答 4

4

一种方法是使用.htaccess或等效工具从服务器重定向(apache 不是唯一的网络服务器)并强制重定向。它已经包含在其他答案中。但是有一种不同的方法。一个实际上会使用 MVC 的方法:根本不重定向。

MVC设计模式的简要背景

在正确实现的 MVC 中,视图实例将包含所有 UI 逻辑。他们将从模型层获取数据(“如何”构成了 Model2、MVP 和 MVVM 之间的大部分区别),决定从哪些模板组装响应,或者即使响应需要比 HTTP 位置标头更多的东西。

移动版和桌面版之间的差异将包含在视图实例中,由控制器辅助,在正确的 MVC 结构中只会改变模型层和当前视图的状态。它所做的更改应取决于用户输入。

全部设置好

以下代码将是bootstrap.phpor的一部分init.php

// the request instance acts like abstraction  for all the user input
$request = new Request;
$request->setUri();

// instantiate the routing mechanism
$router = new Router( new RouteBuilder );
$router->import('/path/to/config.file');

// apply rules from router so that request instance now 
// contains the parsed values from URI
$router->route( $request );

// handling of model layer
$serviceFactory = new ServiceFactory;

// since in MVC the controllers are closely tied to views 
// (1 controller for 1 view), usually it is convenient to use same class names
$resource = $request->getParameter('resource');
    
// instantiation of view and controller
$class = '\\View\\' . $resource;
$view = new {$class}( $serviceFactory );

$class = '\\Controller\\' . $resource;
$controller = new {$class}( $serviceFactory, $view);

// i find it convenient to have controller's action be made from 
// both REQUEST_METHOD and command name
$action = $request->getMethod() . $request->getParameter('command');

// run it all
$controller->{$action}( $request );
echo $view->render();

这样,当执行到控制器的动作时,它会提供一个完全准备好的实例Request。所述实例决定了用户设备的详细信息,并为读取这些详细信息提供了一个简单的界面。

控制器还可以访问模型层和当前视图,这两者都是通过构造函数注入其中的。

决定展示什么。

最直接的方法是让控制器改变当前视图的状态。

namespace Conroller;

class SomeThing
{
    public function getUserDetails( $request )
    {
        if ( $request->isFromMobile() )
        {
            $this->view->adjustFor( $request->getDeviceType() );
        }
       
        $community = $this->serviceFactory->create('Community');
        $community->loadUser( $request->getParameter('id'));
    }
}

在这种情况下,该adjustFor()方法通知当前视图实例,它需要使用模板,这些模板适用于某些非默认设备。

这种方法有一个非常重要的缺点:它违反了 SOLID 原则中的OCP(对于懒惰的人:短版本),因为如果您决定为现有项目添加移动版本,则必须重写每个控制器方法。

.. 有一个更好的方法

虽然下面的代码比较容易理解,但还是有一点缺陷:

$resource = $request->getParameter('resource');

// instantiation of view and controller
$class = '\\View\\' . $resource;
$view = new {$class}( $serviceFactory );

即使您只需要同时提供 HTML 和 JSON/XML 响应,它也会开始崩溃。视图开始IF在整个代码中累积相同的重复 s。这是一个明确的信号,表明您应该使用polymorphism,而这些行将是使用它的地方

除了上面显示的代码,您可以使用以下代码:

$resource = $request->getParameter('resource');

$class = '\\View\\' . $request->getDeviceType . $resource;
$view = new {$class}( $serviceFactory );

现在,当您拥有移动/桌面应用程序时,您有两个类:\View\DekstopSomething\View\MobileSomething. 它们每个都可以有单独的逻辑,并从模型层请求完全不同的数据。

同时,您的其余代码与输出形式完全分离。

有什么好处?

几个原因,而不是使用服务器重定向,您应该更好地选择这种方法:

  1. 您的应用程序变得独立于服务器软件

    并非所有地方都有 Apache(高负载站点通常使用 Nginx 或 Lighttpd),即使您有 Apache,您使用mod_rewrite的能力也取决于服务器的配置。

  2. 您网站中所有链接的统一方案

    无论您使用什么设备,查看某些新闻的链接总是相同的。它使 URL 的共享和书签变得更加容易。

  3. 单点变化

    这种方法让您最初为桌面用户创建站点,然后添加移动/平板电脑支持,而无需重写任何现有代码。

您可能也有兴趣阅读关于MVC 上下文中模型层实现和访问控制主题的两篇较早的文章。

于 2012-12-25T13:25:20.993 回答
2

这取决于您要如何检测移动用户。它可以由 Web 服务器使用重写规则来完成。它可以通过 PHP 代码中的用户代理脚本检测到,在这种情况下,它将由控制器完成。这可能会令人困惑,主要是因为有很多选择。谷歌对此有很多细节。

重写前:

RewriteCond %{HTTP_USER_AGENT}  ^.*iPhone.*
RewriteRule ^(.*)$         m.site.com/$1
于 2012-12-25T05:27:37.153 回答
0

检测移动设备的用户最好交给你的服务器,因为它应该控制所有流量。如果您的代码位于不同的 webroot 中,或者您不需要使用桌面和移动设备向用户显示相同的页面,那么这里有一个 apache 配置可以解决您的问题。请务必访问http://detectmobilebrowsers.com/以获取新版本的移动检测正则表达式。

# if already mobile - skip this (usually there are will be another config for mobile)
RewriteCond %{HTTP_HOST} !^mobile\.
# put all sites you don't want to redirect here, or compose a regex that will match sites
RewriteCond %{HTTP_HOST} !(dev.twitter.com) 

# taken from http://detectmobilebrowsers.com/
RewriteCond %{HTTP_USER_AGENT} (android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od|ad)|iris|kindle|lge\ |maemo|midp|mmp|netfront|opera\ m(ob|in)i|palm(\ os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows\ (ce|phone)|xda|xiino [NC,OR]
RewriteCond %{HTTP_USER_AGENT} ^(1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a\ wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r\ |s\ )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1\ u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp(\ i|ip)|hs\-c|ht(c(\-|\ |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac(\ |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt(\ |\/)|klon|kpt\ |kwc\-|kyo(c|k)|le(no|xi)|lg(\ g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-|\ |o|v)|zz)|mt(50|p1|v\ )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v\ )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-|\ )|webc|whit|wi(g\ |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-) [NC]

# rewrite only sites.
RewriteCond %{HTTP_HOST} (\.|)([^\.]+\.[^\.0-9]+)$

#redirect to mobile
RewriteRule ^(.*)$ http://mobile.twitter.com$1 [L,NS]
于 2012-12-25T08:37:38.230 回答
0

正如@Supericy 所说,在大多数情况下,前端(视图)负责检测,因为正如其名称所述,它是显示给用户的内容。

例如,如果您使用移动检测类,您只需在 index.php 或类似文件的顶部写下,如果您打算使用该header()功能。

<?php
include 'Mobile_Detect.php';
$detect = new Mobile_Detect();

if ($detect->isMobile()) {
    // Any mobile device. Do stuff
} else {

}

?>

移动检测类页面https://github.com/serbanghita/Mobile-Detect上有更多示例。您可以真正了解设备。

还有很多其他方法可以实现这一点,但在我看来这是最简单的。

于 2012-12-25T05:30:59.003 回答