Varnish Cache 设备检测技术详解-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_00226/article/details/148552203

Varnish Cache 设备检测技术详解

varnish-cache Varnish Cache source code repository 项目地址: https://gitcode.com/gh_mirrors/va/varnish-cache

什么是设备检测

设备检测是指通过分析客户端请求中的 User-Agent 字符串，识别客户端设备类型，从而为不同设备提供定制化内容的技术。在 Varnish Cache 中，这项技术常用于：

为移动设备提供尺寸优化的文件
根据设备支持情况提供合适的视频编码格式
为不同设备类型提供差异化服务

设备检测的三种典型策略

1. 重定向到特定URL

当检测到移动设备时，可以将用户重定向到专门的移动版网站。这种方式实现简单，但会增加额外的跳转延迟。

2. 使用不同的后端服务器

可以为移动设备配置专门的后端服务器，完全独立处理移动端请求。这种方式架构清晰，但需要维护多套后端系统。

3. 修改后端请求参数

通过修改发送给后端的请求参数，让同一后端根据不同参数返回不同内容。这种方式资源利用率高，但对后端逻辑有一定要求。

Varnish 实现设备检测的核心机制

Varnish 通常通过设置 X-UA-Device 请求头来标识设备类型。基本实现方式如下：

sub vcl_recv {
    if (req.http.User-Agent ~ "(?i)iphone") {
        set req.http.X-UA-Device = "mobile-iphone";
    }
}

三种典型实现方案详解

方案一：向后端发送 HTTP 头

这是最直接的实现方式，Varnish 将设备类型通过 X-UA-Device 头发送给后端，后端根据该头返回相应内容。

关键点：

后端响应必须包含正确的 Vary 头
需要对输出响应进行适当处理

sub vcl_backend_response {
    if (bereq.http.X-UA-Device) {
        if (!beresp.http.Vary) {
            set beresp.http.Vary = "X-UA-Device";
        } elseif (beresp.http.Vary !~ "X-UA-Device") {
            set beresp.http.Vary = beresp.http.Vary + ", X-UA-Device";
        }
    }
    set beresp.http.X-UA-Device = bereq.http.X-UA-Device;
}

sub vcl_deliver {
    if ((req.http.X-UA-Device) && (resp.http.Vary)) {
        set resp.http.Vary = regsub(resp.http.Vary, "X-UA-Device", "User-Agent");
    }
}

方案二：标准化 User-Agent 字符串

这种方法直接修改 User-Agent 头，将其替换为标准化设备类型标识。

适用场景：

后端 CGI 脚本等环境
不需要原始 User-Agent 的情况

sub vcl_miss {
    if (req.http.X-UA-Device) {
        set req.http.User-Agent = req.http.X-UA-Device;
    }
}
sub vcl_pass {
    if (req.http.X-UA-Device) {
        set req.http.User-Agent = req.http.X-UA-Device;
    }
}

方案三：添加设备类型查询参数

通过修改请求URL，添加设备类型参数来实现差异化服务。

特点：

对客户端透明
需要处理重定向等特殊情况

sub append_ua {
    if ((req.http.X-UA-Device) && (req.method == "GET")) {
        if (req.url ~ "\?") {
            set req.http.X-get-devicetype = "&devicetype=" + req.http.X-UA-Device;
        } else {
            set req.http.X-get-devicetype = "?devicetype=" + req.http.X-UA-Device;
        }
        set req.url = req.url + req.http.X-get-devicetype;
        unset req.http.X-get-devicetype;
    }
}

高级应用场景

为移动设备使用独立后端

backend mobile {
    .host = "10.0.0.1";
    .port = "80";
}

sub vcl_recv {
    if (req.http.X-UA-Device ~ "^mobile" || req.http.X-UA-device ~ "^tablet") {
        set req.backend_hint = mobile;
    }
}

移动设备重定向实现

sub vcl_recv {
    if (req.http.X-UA-Device ~ "^mobile" || req.http.X-UA-device ~ "^tablet") {
        return(synth(750, "Moved Temporarily"));
    }
}

sub vcl_synth {
    if (obj.status == 750) {
        set obj.http.Location = "http://m.example.com" + req.url;
        set obj.status = 302;
        return(deliver);
    }
}