Laravel 5.6 上的 Ajax 身份验证重定向

Question

我有一个触发 Ajax Post 的 Like 按钮，该路由受 auth:api 中间件保护：

我的项目/路由/api.php

Route::group(['middleware' => ['auth:api']], function () {
    Route::post('/v1/like', 'APIController@set_like');
});

当一个经过身份验证的用户点击like按钮时，一点问题都没有，一切都很顺利。但是当客人点击按钮时，我通过 Javascript 将他们重定向到登录页面，并且在身份验证后，他们被重定向到 RedirectIfAuthenticated 中间件中指定的页面，因此通常是 /home。 我对该中间件进行了如下修改：

myproject/app/Http/Middleware/RedirectIfAuthenticated.php

<?php

namespace App\Http\Middleware;

use Closure;
use Illuminate\Support\Facades\Auth;

class RedirectIfAuthenticated
{
    /**
     * Handle an incoming request.
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  \Closure  $next
     * @param  string|null  $guard
     * @return mixed
     */
    public function handle($request, Closure $next, $guard = null)
    {
        if (Auth::guard($guard)->check()) {
            return redirect()->intended('/home');
        }
        return $next($request);
    }
}

我的 Ajax 调用是这样的：

var toggleLike = function(){
    var token = USER_TOKEN; //javascript variable
    var current_type = $(thisLikeable).attr("data-type");
    var current_id = $(thisLikeable).attr("data-id");
    var jqxhr = $.post( APP_URL + "/api/v1/like", {api_token: token, type: current_type, id: current_id}, function(data) {
        setLikeAppearance(data.message);
    })
    .fail(function(xhr, status, error){
        if (xhr.status == 401) {
            window.location = APP_URL + "/login" ;
        }
    });
};

这里的问题是预期的（）函数，对于 Ajax 调用，它没有存储正确的会话变量，我不知道如何正确设置它。 我显然遗漏了一些明显的东西，有人可以帮忙吗？ 干杯！

编辑

我想要实现的是：

1. GUEST 在 //mysite/blabla
2. 点击喜欢按钮
3. 被重定向到登录
4. 登录（或注册）
5. 被重定向到 //mysite/blabla 并且 Like 已经被触发

Answer 1

发生的情况是，在 API 中会话不受管理，或者换句话说，它是无状态的。所以会话中间件并没有在 Laravel 框架上实现 API 请求。虽然可以手动添加，但也不是闲着用。因此，如果 API 不使用会话并使用重定向，fronted 不知道它，因为 API 和前端作为两个独立的应用程序工作。因此，您需要向前端发送响应的状态，并让前端像使用 ajax 一样处理重定向。如果未经身份验证，只需删除重定向并让 API 抛出未经授权的异常。然后，从处理程序，处理未经授权的异常。

这里是怎么做的。

将此添加到 app/Exceptions/Handler.php

/**
 * Convert an authentication exception into an unauthenticated response.
 *
 * @param  \Illuminate\Http\Request  $request
 * @param  \Illuminate\Auth\AuthenticationException  $exception
 * @return \Illuminate\Http\Response
 */
protected function unauthenticated($request, AuthenticationException $exception)
{
    if ($request->expectsJson()) {
        return response()->json(['error' => 'Unauthenticated.'], 401);
    }

    return redirect()->guest('login');
}

如果请求是 json（api 请求），这将向用户发送 401 消息未验证，否则（如果 web 请求）将重定向到登录

检查下面的render 方法或从source 检查它以了解发生了什么。当抛出未经授权的异常时，我们会告诉检查请求类型，如果它来自 API 请求，我们将发送带有 401 状态代码的 json 响应。所以从前端知道我们可以在看到 401 状态码后将用户重定向到登录页面。

来源

/**
 * Render an exception into a response.
 *
 * @param  \Illuminate\Http\Request  $request
 * @param  \Exception  $e
 * @return \Symfony\Component\HttpFoundation\Response
 */
public function render($request, Exception $e)
{
    if (method_exists($e, 'render') && $response = $e->render($request)) {
        return Router::toResponse($request, $response);
    } elseif ($e instanceof Responsable) {
        return $e->toResponse($request);
    }
    $e = $this->prepareException($e);
    if ($e instanceof HttpResponseException) {
        return $e->getResponse();
    } elseif ($e instanceof AuthenticationException) {
        return $this->unauthenticated($request, $e);
    } elseif ($e instanceof ValidationException) {
        return $this->convertValidationExceptionToResponse($e, $request);
    }
    return $request->expectsJson()
                    ? $this->prepareJsonResponse($request, $e)
                    : $this->prepareResponse($request, $e);
}

编辑后

预期的method() 仅用于网络路由，因为它使用会话来提取预期的路由或手动传递的值。这是预期的（）方法。

/**
 * Create a new redirect response to the previously intended location.
 *
 * @param  string  $default
 * @param  int     $status
 * @param  array   $headers
 * @param  bool    $secure
 * @return \Illuminate\Http\RedirectResponse
 */
public function intended($default = '/', $status = 302, $headers = [], $secure = null)
{
    $path = $this->session->pull('url.intended', $default);

    return $this->to($path, $status, $headers, $secure);
}

要实现重定向到用户来自您的页面，您可以

1 - 手动传递一些带有 url 的查询，例如 /login?redirect=like(not the url, just a mapping for /comments/like url)&value=true(true is liked, false is unliked) 并手动处理。

2 - 从 url 获取并检查查询参数

3 - 使用 to() 方法来传递预期的 url，而不是使用预期的()。这是 to() 方法。 （看4看推荐方式）

/**
 * Create a new redirect response to the given path.
 *
 * @param  string  $path
 * @param  int     $status
 * @param  array   $headers
 * @param  bool    $secure
 * @return \Illuminate\Http\RedirectResponse
 */
public function to($path, $status = 302, $headers = [], $secure = null)
{
    return $this->createRedirect($this->generator->to($path, [], $secure), $status, $headers);
}

4 - 但是，我建议发送重定向 url（我的意思是映射 ex:like）作为对前端的响应，并让前端处理重定向。因为如果 API 仅由网站使用，则 API 重定向将起作用。假设如果您在移动应用程序中使用相同的 api，想知道 API 重定向将如何工作。重定向不是 API 的工作，除非它是用于 OAuth 身份验证之类的东西，它会指定一个重定向 url。

记得清理 url 参数以阻止 XSS 之类的东西。更好的 发送一些值并将其映射到 url。喜欢

[
   //like is mapping
   //comments/like is the actual url

   'like' => 'comments/like'
]

然后，从数组中获取映射 url 或使用前端映射。

Answer 2

您可以在 RedirectIfAuthenticated.php 中进行更改，以区分 Ajax 调用和正常登录，如下所示：

namespace App\Http\Middleware;

use Closure;
use Illuminate\Support\Facades\Auth;

class RedirectIfAuthenticated
{
    /**
     * Handle an incoming request.
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  \Closure  $next
     * @param  string|null  $guard
     * @return mixed
     */
    public function handle($request, Closure $next, $guard = null)
    {
        if (Auth::guard($guard)->check()) {

            if ($request->has('api_token')) {
                // do whatever you want

                return response()->json('some response'); 
            }

                return redirect()->intended('/home');
        }
        return $next($request);
    }
}

更新：

另一种解决方案是从您的路由中删除 Auth 中间件。在APIController@set_like函数中手动登录用户，触发like并返回json响应。

Answer 3

如果按钮不适合访客，则不应在页面上呈现它。 相反，您应该呈现一个登录链接，然后如果用户登录，您会将他重定向回他之前的位置。现在，用户可以看到并点击按钮。