首页
学习
活动
专区
圈层
工具
发布

JSON Web Token(JWT)教程:一个基于Laravel和AngularJS的例子

目前,API的认证问题最有名的解决方案是OAuth 2.0和JSON Web Token(JWT)。...---- 使用Laravel 5和AngularJS的JSON Web Token示例 (译注:由于对Laravel和AngularJS不熟悉,这里的以英文原文为准,同时若发现这里有错误,欢迎随时提出。...有关此过程的任何问题,请参阅官方Laravel文档。 在我们创建了基本的Laravel 5应用程序之后,我们需要设置我们的Homestead.yaml,它将为我们的本地环境配置文件夹映射和域配置。...从API子域中获取限制资源(跨域问题) 在下面JSON web token实例中,我们将采用不同的token验证方法。不同于使用jwt-auth中间件,我们将手动处理异常。...我们使用AngularJS作为前端,依赖Laravel后端身份验证服务器的API调用进行用户身份验证和样本数据以及用于提供跨域示例数据的API服务器。

35.4K10

通过 Laravel 创建一个 Vue 单页面应用(三)

创建一个真正的用户端点 我们将创建一个 UsersController 使用 Laravel 5.5 新的 API 资源 来返回 JSON 数据。...如果你遇到了问题,请遵循文档,这样可以使您的数据库更容易地工作。 一旦你配置好了数据库连接,你可以迁移你的数据表和添加填充数据。...回调传递两个参数:一个错误和来自API调用的响应。 我们的 getUsers() 方法接受一个 page 变量,该变量最终作为查询字符串参数出现在请求中。...data, links 和 meta 键来自于 API 的响应。我们清晰地使用 data: users 将 data 赋值给新变量 users。...当下一页或上一页在第一页和最后一页的边界处为空时,将禁用这些按钮。 代码中可能有一些冗余,但是此组件说明 vue-router了在进入路由之前用于获取数据的方法!

7.1K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Laravel API教程:如何构建和测试RESTful API

    更新动作:PUT vs POST RESTful API中有很多争论的问题,对于使用POST,PATCH或者PUT更新哪个是最好的,或者创建动作最好留给PUT动词这种问题有很多的意见。...->json(null, 204); } } 关于HTTP状态代码和响应格式的说明 我们还将response()->json()呼叫添加到我们的端点。...您可以使用许多外部工具来测试您的API; 然而,Laravel内部的测试是一个更好的选择 - 我们可以拥有测试API结构和结果的所有好处,同时保留对数据库的完全控制。...我们的第一个测试 我们可以使用Laravel的断言方法轻松击中一个端点并评估其响应。...Laravel肯定提高了我对PHP的经验,并且易于使用测试巩固了我对该框架的兴趣。这不完美,但它足够灵活,可以让您解决问题。

    24.1K20

    推荐17-Laravel 中使用 JWT 认证的 Restful API

    在此文章中,我们将学习如何使用 JWT 身份验证在 Laravel 中构建 restful API 。JWT 代表 JSON Web Tokens 。...我们还将使用 API 为用户产品创建功能齐全的 CRUD 应用。 在使用跨平台应用程序时, API 是一个非常不错的选择。除了网站,您的产品可能还有 Android 和 iOS 应用程序。...使用 API 时,只需使用一些参数点击 GET , POST 或其他类型的请求,服务器就会返回 JSON(JavaScript Object Notation) 格式的一些数据,这些数据由客户端应用程序处理...说明 我们先写下我们的应用程序详细信息和功能。我们将使用 JWT 身份验证在 laravel 中使用 restful API 构建基本用户产品列表。...Laravel 将自动将其转换为 JSON ,并创建一个为 200 成功的响应码。 继续实现 show 方法。

    14K20

    分享一个 JSON 相关小需求的解决过程与思路

    啃源码 我花了 5 分钟跟完源代码,发现它在 Illuminate\Http\Response 中有这么一段来完成 JSON 转化的: vendor/laravel/framework/src/Illuminate...继续探索 突然想到,我们的接口都是返回的是 Api Resource 模式,也就是说最后返回的都是 Illuminate\Http\Resources\Json\JsonResource 实例或者集合,...:setEncodingOptions($encodingOptions) 来传递我们想要的 json_encode 选项,所以,我们只需要在我们的 Resource 基类(我们接口返回值都使用了一个...); } 可是,我还没来得及高兴,问题又来了,某个接口由于不是标准的模型格式,没有返回 Resource 实例,所以最后觉得这么干还是不行,必须得在 Laravel 输出前统一处理。...终极解决方案 我想到了 Laravel 的 ternimate 中间件特性,然后发现不可行,因为你会发现在 public/index.php 中,ternimate 中间件的最后在响应输出之后,所以时机不合适

    1.1K20

    基于Model Event模型事件的Laravel实时APP

    说明:本文主要来源于real-time-apps-laravel-5-1-event-broadcasting 本文主要基于Laravel的Model Event介绍该框架的实时通信功能,Laravel...Pusher包,有关Pusher的注册和使用相关信息可以参考:(基于 Pusher 驱动的 Laravel 事件广播)(上)。...mv composer.phar /usr/local/bin/composer 新建一个空文件夹,在文件夹下,再使用composer安装Laravel项目: composer create-project...Pusher的作用、注册和安装可参考:基于 Pusher 驱动的 Laravel 事件广播(上) 注册安装也比较简单,总之使用Pusher能做个实时APP。...总结:本节主要利用Laravel的Model Event来创建一个实时WEB APP,挺好玩的,可以玩一玩哦。有问题可留言。

    6.6K31

    使用 Laravel 5.5+ 更好的来实现 404 响应

    在 laravel 5.5.10 中,我们有一个新的 Route::fallback() 方法,用于定义当没有其他路由与请求匹配时 Laravel 回退的路由。...'; }); 所以,现在我们可以使用具有正常页面和页脚的应用布局,来替代简单的 404 视图,同时还能给用户显示一条友好的提示信息。...API 接口说明 现在当你点击 /non-existing-page 时,你会看到在回退路由中定义的视图,甚至当你点击 /api/non-existing-endpoint 时,如果你也不想提供这个接口...,你可以到 api 回退路由中定义 JSON 响应,让我们到 api.php 路由文件中定义另外一个回退路由: Route::fallback(function() { return response...使用 abort(404) 和 ModelNotFound 异常 当使用 abort(404) 时会抛出一个 NotFoundHttpException,此时处理器会为我们渲染出 404.blade.php

    3.1K20

    通过 PHP 代码发送 HTTP 响应与文件下载

    合理的使用响应状态码可以对响应状态进行准确的描述,尤其是在 API 接口设计时,调用者根据响应状态码就可以大致得知错误原因。...此时当我们访问 http://localhost:9000/response.php 时,页面会重定向到 https://xueyuanjun.com: ?...在 API 接口中,通常返回的是 JSON 格式数据,JSON 本质上也就是对象字符串,所以在请求处理代码的最后,通过 echo 输出对应的 JSON 对象字符串即可,在 PHP 中,可以通过 PHP...我们在 http/response.php 中注释掉之前的代码,新增如下 JSON 响应代码: // JSON 响应 $album = new stdClass(); $album->title = '...入门指南' ] ]; echo json_encode($album); 在浏览器中访问 http://localhost:9000/response.php,返回的 JSON 格式响应数据如下

    5.9K20

    Laravel 中使用 DingoAPI

    ,所有用户可以访问 API_SUBTYPE :项目的简称,或者项目名称 API_VERSION : 版本号 API_PREFIX 和 API_DOMAIN : 前缀和子域名, 前缀或子域名是必须的...,并且同时只有一个 API_NAME : API的名字只有在使用API Blueprint命令生成文档的时候才用到,这个名字作为默认名字以免生成文档时需要手动指定名字。...laravel'); }); }); 接着改变 Accept Accept: application/x.laravel-api.v2+json ok,以上我们仅仅是测试我们的接口是不是可以正常用心...的 Helpers 来处理有关接口的响应 可以看出,我们在 app\Http\Controllers 新建了一个文件夹 Api ,同时在此目录下又新建了 v1和 v2目录 新建 Api 目录,我们是为了和其他...访问方法和上面一样。 ok,以上就是 laravel 中初步安装 DingoApi ,并且配置的基础教程,更多使用请阅读 官方文档

    2.9K10

    Spring Boot和Feign中使用Java 8时间日期API(LocalDate等)的序列化问题

    LocalDate、 LocalTime、 LocalDateTime是Java 8开始提供的时间日期API,主要用来优化Java 8以前对于时间日期的处理操作。...然而,我们在使用Spring Cloud Feign的时候,往往会发现使用请求参数或返回结果中有 LocalDate、 LocalTime、 LocalDateTime的时候会发生各种问题。...本文我们就来说说这种情况下出现的问题,以及如何解决。 ? 问题现象 先来看看症状。...解决方法 为了解决上面的问题非常简单,因为jackson也为此提供了一整套的序列化方案,我们只需要在 pom.xml中引入 jackson-datatype-jsr310依赖,具体如下: 的情况下不需要指定具体的版本,也不建议指定某个具体版本 在该模块中封装对Java 8的时间日期API序列化的实现,其具体实现在这个类中: com.fasterxml.jackson.datatype.jsr310

    3.5K90

    在 Laravel 控制器中进行表单请求字段验证

    很多 Web 框架都对此功能专门提供了工具集,Laravel 也不例外,而且这个工具集异常丰富,基本上涵盖了目前主流的所有验证规则,即使是一些非常个性化的验证,也可以基于 Laravel 验证类的扩展功能来自定义验证规则...如果表单验证通过,则继续向下执行,如果表单验证不通过,会抛出 ValidationException 异常,具体怎么处理这个异常要看请求方式,如果是 Ajax 请求的话,将会返回包含错误信息的 JSON...响应(错误码为 422),如果是正常的 POST 表单请求的话,会重定向到表单提交页,并包含所有用户输入和错误信息,以便重新渲染已填写表单并显示错误信息。...如果你使用的时 jQuery 的话,处理逻辑也是类似,根据错误码 422 进行处理。...通过 Validator::make 方法进行验证 如果你使用过 Laravel 自带脚手架代码实现登录认证的话,你可能会留意到 RegisterController 中对用户注册请求进行验证的时候,使用的是这样的验证代码

    8.1K10

    五分钟入门 Dingo API

    基于 https://laravel-china.org/docs/dingo-api/2.0.0 文档更简洁的描述Dingo,直戳重点,注重实践 概述 Dingo API帮助您轻松快速地构建自己的...API_STRICT API_DEBUG API_DEFAULT_FORMAT API_STANDARDS_TREE Standards Tree 标准树 – 未注册的树(x)主要表示本地和私有环境...API_STRICT=false API_DEBUG=true API_DEFAULT_FORMAT=json 使用 这里与实际业务结合来讲解 表结构 member CREATE TABLE...$err; } else { echo $response; } 疑难杂症 列出一些常见问题及解决方案 版本区分后如何访问 API_VERSION 设置的版本只是默认访问版本,如果想访问其他版本,需在...{API_SUBTYPE}.v2+json 不想添加前缀怎么办 API_PREFIX=/ API_PREFIX不能为空,必须填写内容,那理所当然的/一定是正确的 致谢 感谢你看到这里,以上为个人研究开发的总结以及代码

    3.6K10

    让Laravel API永远返回JSON格式响应的方法示例

    / / json格式 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,易于阅读和编写,同时也易于机器解析和生成。...JSON采用与编程语言无关的文本格式,但是也使用了类C语言(包括C, C++, C#, Java, JavaScript, Perl, Python等)的习惯,这些特性使JSON成为理想的数据交换格式。...本文将给大家详细介绍关于让Laravel API永远返回JSON格式响应的方法,下面话不多说了,来一起看看详细的介绍吧 当你在编写完全为 API 服务的 Laravel 应用时,你希望所有响应都是 JSON...的视图。 下面这个简单的方案,可以让你的 Laravel 应用优先响应为 JSON 格式。...现在所/ /有的响应都是 application/json ,包括错误和异常。

    3.9K10

    实现“永久登录”:针对蜻蜓Q系统的用户体验优化方案(前端uni-app+后端Laravel详解)-优雅草卓伊凡

    实现“永久登录”:针对蜻蜓Q系统的用户体验优化方案(前端uni-app+后端Laravel详解)-优雅草卓伊凡今天客户给卓伊凡提了一个问题,说交付的app要有个功能,用户的登录状态要一直保存,就是没有特殊情况下退出或者切换的情况下类似...)开发要做的内容和后端开发(php+laravel)要做的内容。...问题:如果用户在 Refresh Token 的有效期内都未打开 App,那么当 Refresh Token 也过期后,用户再次打开 App 时就会被强制退出登录。...我们要做的就是创建一个机制,即使用户长时间未使用 App,也能在下次打开时,利用一个“超长有效期”的凭证来重新获取有效的登录状态。...三、后端开发(PHP + Laravel)要做的内容我们假设使用 Laravel Sanctum(API 令牌认证)或 Laravel Passport(OAuth2 服务器)来实现。

    25710

    全面分析前端的网络请求方式

    的替代者 axios、request等众多开源库 三、关于网络请求的疑问 Ajax的出现解决了什么问题 原生 Ajax如何使用 jQuery的网络请求方式 fetch的用法以及坑点 如何正确的使用 fetch...注意:在远程请求时(不在同一个域下),所有 POST 请求都将转为 GET 请求。(因为将使用 DOM 的 script标签来加载)"json": 返回 JSON 数据 。"...使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。"...FetchAPI是一个用用于访问和操纵HTTP管道的强大的原生 API。 这种功能以前是使用 XMLHttpRequest实现的。...由于 fetch是一个非常底层的 API,它并没有被进行很多封装,还有许多问题需要处理: 不能直接传递 JavaScript对象作为参数 需要自己判断返回值类型,并执行响应获取返回值的方法 获取返回值方法只能调用一次

    2.6K40

    具有嵌套关系的可重用API资源——Laravel5.5

    本文内容主要围绕在 Laravel 5.5 中使用 API 开发的重要步骤,着重介绍如何利用 Laravel 的 API 资源(Resource)和控制器(Controller)进行多因素身份验证(MFA...注:本文受到Laravel创始人Taylor Otwell介绍使用 Laravel5.5 开发API时如何替换 Fractal 的启发。 1....这样做有利于避免 N+1 查询问题(在获取关联数据时出现的效率问题),同时可以使用单个资源类处理不同的情况。如果关联数据不可用,资源类会忽略它;反之,如果可用,资源类会将其包含在返回的数据中。...通过在控制器中简单地移除 with('posts'),API 将不再在响应中包含每个用户的posts数据。 2....对比 Fractal 和 Laravel 的资源本文提到 Fractal 在转换层(Transformer)提供了默认和可用的包含(includes)功能,但是 Laravel 的原生 API 资源更倾向于让控制器处理这个逻辑

    3.8K10

    Laravel Api实现JWT Token认证

    在开发Api时,处理客户端请求之前,需要对用户进行身份认证,Laravel框架默认为我们提供了一套用户认证体系,在进行web开发时,几乎不用添加修改任何代码,可直接使用,但在进行api开发时,需要我们自己去实现...,并且Laravel框架默认提供的身份认证不是jwt的,需要在数据库中增加api_token字段,记录用户认证token并进行身份校验,如果需要使用jwt,无需添加字段,需要借助三方库来实现。...JWT 这个标准提供了一系列如何创建具体 token 的方法,这些缘故方法和规范可以让我们创建 token 的过程变得更加合理和效率....比如,传统的做法中,服务器会保存生成的 token, 当客户端发送来 token 时,与服务器的进行比对,但是 jwt 的不需要在服务器保存任何 token, 而是使用一套加密 / 解密算法 和 一个密钥...()->json($response); } }

    1.5K20
    领券