Nginx 中 location 块实现基于浏览器版本的分流

胖婷同学_6582

胖婷同学_6582

2026-07-10

279人浏览

原创

nginx可通过解析user-agent字符串并结合map指令提取chrome、firefox、safari等浏览器版本号,再用if指令或nginx-lua实现基于版本的请求分流;但原生if不支持数值比较,需借助正则匹配或lua进行精确版本判断。

nginx 中 location 块实现基于浏览器版本的分流

Nginx 本身不直接识别浏览器版本,但可以通过解析 User-Agent 字符串,结合正则匹配和内置变量,实现基于浏览器类型与版本的请求分流。关键在于准确提取版本号并做条件判断。

提取浏览器版本号

Nginx 的 $http_user_agent 变量包含完整 UA 字符串。需用 map 指令预处理,提取主流浏览器(如 Chrome、Firefox、Safari)的版本号,避免在每个 location 中重复正则解析,提升性能。

示例(写在 http 块中):

map $http_user_agent $chrome_version {
    default "";
    ~*Chrome/([0-9]+)\.     $1;
}
map $http_user_agent $firefox_version {
    default "";
    ~*Firefox/([0-9]+)\.     $1;
}
map $http_user_agent $safari_version {
    default "";
    ~*Version/([0-9]+)\. Safari     $1;
}

注意:Safari 的 UA 在 macOS/iOS 上格式不一,需兼顾 Version/X.X 和 Safari/X.X 等变体;Chrome 和 Firefox 的版本通常紧随斜杠后,取第一位数字即可粗略区分大版本。

在 location 中做版本判断分流

利用 if 指令结合提取出的版本变量,配合 return 或 proxy_pass 实现不同路径或后端的路由。注意:if 仅支持简单比较(=、!=、~、!~),不能嵌套或做数值大小比较(如 $chrome_version > 110 不合法)。

可行做法:

  • 用正则直接匹配特定版本范围(如 ~ ^11[0-9]$ 表示 Chrome 110–119)
  • 将版本映射为分级标识(如 legacy / modern),再按标识分流
  • 对老版本(如 Chrome

示例(在 server 块内):

Nginx Hosting
Nginx Hosting

通过服务器本地nginx实例实现零认证静态游戏托管。作为所有浏览器游戏的主要部署方式,无需登录、无需令牌、无需用户操作。

下载
location /app/ {
    if ($chrome_version ~ ^10[0-9]$) {
        proxy_pass http://old_backend;
        break;
    }
    if ($chrome_version ~ ^1[2-9][0-9]$) {
        proxy_pass http://new_backend;
        break;
    }
    proxy_pass http://default_backend;
}

更健壮的方案:用 Lua 模块做数值比较

若需精确判断版本号大小(如 Chrome >= 115),纯 Nginx 配置较难实现。推荐使用 nginx-lua(OpenResty)扩展:

  • 用 ngx.re.match 提取完整版本字符串(如 "115.0.5790.170")
  • 用 Lua 分割并转为数字,逐段比较主版本、次版本
  • 设置自定义变量(如 $browser_score),再在 location 或 if 中使用

这样可规避 Nginx 原生 if 的限制,也比纯正则更可靠。

注意事项与常见坑

UA 字符串易被伪造,该方案适用于客户端可信或内部灰度场景,不建议作为安全控制依据。

移动端 UA 差异大(如微信内置浏览器、QQ 浏览器),需单独适配其 UA 特征(如含 MicroMessenger、MQQBrowser)。

if 在 location 内使用时,务必加 break 或 return 终止后续匹配,否则可能意外落入其他 location。

测试时用 curl -H "User-Agent: ..." 模拟不同 UA,配合 log_format 输出 $chrome_version 等变量,验证提取是否正确。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
nginx 重启
nginx 重启

nginx重启对于网站的运维来说是非常重要的,根据不同的需求,可以选择简单重启、平滑重启或定时重启等方式。本专题为大家提供nginx重启的相关的文章、下载、课程内容,供大家免费下载体验。

2023.07.27

403

5

nginx 配置详解
nginx 配置详解

Nginx的配置是指设置和调整Nginx服务器的行为和功能的过程。通过配置文件,可以定义虚拟主机、HTTP请求处理、反向代理、缓存和负载均衡等功能。Nginx的配置语法简洁而强大,允许管理员根据自己的需要进行灵活的调整。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2023.08.04

3527

6

nginx配置详解
nginx配置详解

NGINX与其他服务类似,因为它具有以特定格式编写的基于文本的配置文件。本专题为大家提供nginx配置相关的文章,大家可以免费学习。

2023.08.04

6245

6

tomcat和nginx有哪些区别
tomcat和nginx有哪些区别

tomcat和nginx的区别:1、应用领域;2、性能;3、功能;4、配置;5、安全性;6、扩展性;7、部署复杂性;8、社区支持;9、成本;10、日志管理。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.02.23

581

5

nginx报404怎么解决
nginx报404怎么解决

当访问 nginx 网页服务器时遇到 404 错误,表明服务器无法找到请求资源,可以通过以下步骤解决:1. 检查文件是否存在且路径正确;2. 检查文件权限并更改为 644 或 755;3. 检查 nginx 配置,确保根目录设置正确、没有冲突配置等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.07.09

1496

5

Nginx报404错误解决方法
Nginx报404错误解决方法

解决方法:只需要加上这段配置:try_files $uri $uri/ /index.html;即可。想了解更多Nginx的相关内容,可以阅读本专题下面的文章。

2024.08.07

3958

3

nginx部署php项目教程汇总
nginx部署php项目教程汇总

本专题整合了nginx部署php项目教程汇总,阅读专题下面的文章了解更多详细内容。

2026.01.13

122

12

nginx配置文件详细教程
nginx配置文件详细教程

本专题整合了nginx配置文件相关教程详细汇总,阅读专题下面的文章了解更多详细内容。

2026.01.13

477

23

Nginx跨平台安装实操指南:Windows、macOS与Linux环境快速搭建
Nginx跨平台安装实操指南:Windows、macOS与Linux环境快速搭建

本指南详解Nginx在Windows、macOS及Linux系统的安装全流程。涵盖官方包解压、Homebrew一键部署、APT/YUM源配置及Docker容器化方案。无论新手或开发者,均可快速搭建运行环境,掌握跨平台核心指令,为后续配置与调优奠定坚实基础。

2026.03.16

159

12

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
phpEnv手册
phpEnv手册

共0课时 | 0人学习

nginx手册
nginx手册

共0课时 | 0人学习

进程与SOCKET
进程与SOCKET

共6课时 | 0.5万人学习