Laravel控制移动端访问教程

本篇文章给大家分享《Laravel 用户代理控制移动端访问教程》，覆盖了文章的常见基础知识，其实一个语言的全部知识点一篇文章是不可能说完的，但希望通过这些问题，让读者对自己的掌握程度有一定的认识(B 数)，从而弥补自己的不足，更好的掌握它。

本教程旨在解决在 Laravel 应用中通过 JavaScript 阻止移动端访问时，用户切换到“桌面站点”模式后失效的问题。我们将详细介绍如何利用服务器端的 HTTP User-Agent 头部信息进行更可靠的设备类型检测，并通过 Laravel 中间件实现对移动设备的访问限制，确保无论用户如何设置浏览器，都能有效控制访问权限。

引言：移动端访问控制的挑战

在现代 Web 开发中，根据用户设备类型提供不同的内容或限制访问是常见的需求。通常，开发者会倾向于使用客户端 JavaScript 来检测设备类型，例如通过检查 navigator.userAgent 或屏幕尺寸。然而，这种方法存在一个显著的局限性：当移动浏览器提供“请求桌面站点”选项时，用户可以选择模拟桌面环境，此时 JavaScript 的检测结果可能不再准确，导致原本为移动端设计的限制失效。

为了克服这一挑战，我们需要转向服务器端进行设备检测。服务器端在处理每个 HTTP 请求时，可以访问到请求头中的 User-Agent 信息，这是一个由客户端浏览器发送的字符串，包含了关于浏览器、操作系统和设备类型等丰富信息。通过解析 User-Agent 头部，我们可以更可靠地识别移动设备，并据此在服务器端执行访问控制策略。

理解 User-Agent 头部

User-Agent 是 HTTP 请求头中的一个字段，它向服务器提供有关发起请求的客户端软件（用户代理）的信息。这个字符串通常包含以下部分：

• 浏览器名称及版本
• 操作系统名称及版本
• 设备类型（例如，Mobile, Tablet, Android, iOS 等）
• 渲染引擎

例如，一个典型的移动设备 User-Agent 可能看起来像这样： Mozilla/5.0 (Linux; Android 10; SM-G960F Build/QP1A.190711.020; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/91.0.4472.120 Mobile Safari/537.36

通过对 User-Agent 字符串进行模式匹配，服务器端可以准确判断请求是否来自移动设备。这种方法独立于客户端的“桌面站点”设置，因为无论用户如何设置，浏览器在发送请求时通常都会包含其真实的设备特征信息（尽管某些高级用户或特定浏览器可能允许完全伪造 User-Agent，但这超出了常规用户行为的范畴）。

在 Laravel 中实现 User-Agent 检测

在 Laravel 框架中，实现基于 User-Agent 的访问控制最优雅的方式是使用中间件（Middleware）。中间件允许我们在请求到达控制器之前或响应发送给用户之前执行逻辑。

1. 创建 Laravel 中间件

首先，使用 Artisan 命令创建一个新的中间件：

php artisan make:middleware BlockMobileAccess

这将在 app/Http/Middleware 目录下生成一个 BlockMobileAccess.php 文件。

2. 编写中间件逻辑

编辑 BlockMobileAccess.php 文件，在 handle 方法中加入 User-Agent 检测逻辑。我们将使用正则表达式来匹配常见的移动设备标识符。

<?php

namespace App\Http\Middleware;

use Closure;
use Illuminate\Http\Request;
use Symfony\Component\HttpFoundation\Response;

class BlockMobileAccess
{
    /**
     * 处理传入请求。
     *
     * @param  \Closure(\Illuminate\Http\Request): (\Symfony\Component\HttpFoundation\Response)  $next
     */
    public function handle(Request $request, Closure $next): Response
    {
        $userAgent = $request->header('User-Agent');

        // 这是一个较为全面的移动设备 User-Agent 正则表达式。
        // 注意：User-Agent 字符串不断变化，需要定期更新和测试以保持其有效性。
        // 此正则表达式包含了常见的移动操作系统、设备和浏览器特征。
        $mobileRegex = '/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|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|xda|xiino|1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a

本篇关于《Laravel控制移动端访问教程》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！