使用 Laravel、JWT 和 Angularjs 批处理令牌

Posted 2023-03-10

【中文标题】使用 Laravel、JWT 和 Angularjs 批处理令牌

【英文标题】：Batching tokens with Laravel, JWT and Angularjs

【发布时间】：2015-08-26 12:09:09

【问题描述】：

我有一个用 Laravel 编写的 API 和一个用 Angularjs 编写的前端。

为了进行身份验证，我使用 JSON Web Tokens。 正如我们所知，angularjs 以非阻塞 i/o 方式发出其 ajax 请求。

对于 JWT，每个请求都包含一个身份验证令牌，该令牌发送到服务器，服务器检查其是否有效，使其无效，然后在响应中提供一个新令牌以用于下一个请求。

由于 Angular 一次可以发出多个请求，这意味着令牌链无法正常工作。

这是我正在使用的 angularjs 插件： https://github.com/lynndylanhurley/ng-token-auth#about-token-management

这是我正在使用的 laravel 插件： https://github.com/tymondesigns/jwt-auth

该插件的文档在 Ruby 插件中给出了建议的解决方案： https://github.com/lynndylanhurley/devise_token_auth

但我不知道红宝石。

我需要一个在 Angular 和 php 上处理 JWT 的示例实现，并考虑到批处理令牌。

【参考方案1】：

你可以这样做：

employeeAppModule.config([
        '$httpProvider',
        function ($httpProvider) 
            $httpProvider.interceptors.push(function () 
                var token, headers, $cookies;

                //inject cookies
                angular.injector(['ngCookies']).invoke(['$cookies', function(_$cookies_) 
                    $cookies = _$cookies_;
                ]);

                return 
                    request: function (request) 
                        token = $cookies.get('jwt-token');
                        headers = request.headers || (request.headers = );
                        request.headers = headers;
                        if(token != null && token != 'undefined') 
                            request.headers.Authorization = 'Bearer' + token;
                        
                        return request;
                    ,
                    response: function (response) 
                        if (typeof response.data.result === 'undefined') 
                            return response;
                        

                        if(response.status && response.status.code === 401) 
                            alert('token wordt verwijderd');
                        

                        if(response.data && response.data.result.token && response.data.result.token.length > 10) 
                            $cookies.put('jwt-token', response.data.result.token);
                        
                        return response;
                    
                ;
            );
        ]);