今天就跟大家聊聊有关怎么在Laravel5.6 中使用Passport实现Api接口认证，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。
后端(Laravel5.6框架)
1、使用 composer 安装 Passport ，打开终端，执行命令：
计算
安全
数据库
网络和加速
企业服务
composer require laravel/passport
#安装完成后，在composer.json文件中会看到文件版本信息2、接下来，将 Passport 的服务提供者注册到配置文件 config/app.php 的 providers 数组中
Laravel\Passport\PassportServiceProvider::class,3、执行数据库迁移
php artisan migrate #数据库中会生成接口认证所需的5张表4、创建密码授权客户端
php artisan passport:client --password
#创建了client_id和client_secret,前端登录验证的时候必须把这两个玩意儿带着5、获取keys
php artisan passport:keys6、配置路由
打开服务提供者 AuthServiceProvider ， 在 boot 方法中加入如下代码:
use Laravel\Passport\Passport;
public function boot() {
$this->registerPolicies();
Passport::routes(); //接口认证的路由
}然后将配置文件 config/auth.php 中授权看守器 guards 的 api 的 driver 选项改为 passport
我这里的 customer 表是前端用户表,但是 laravel 默认的是 user 表，所以这里需要做如下配置：
'guards' => [
'web' => [
'driver' => 'session',
'provider' => 'users',
],
'api' => [
'driver' => 'passport',
'provider' => 'customers',
],
],'providers' => [
'users' => [
'driver' => 'eloquent',
'model' => App\User::class,
],
'customers' => [
'driver' => 'eloquent',
'model' => App\Models\Shop\Customer::class,
],
],7、注册中间件，在 app/Http/Kernel.php 文件中的 $routeMiddleware 数组中添加如下中间件
protected $routeMiddleware = [
'client.credentials'=>\Laravel\Passport\Http\Middleware\CheckClientCredentials::class,
];然后在需要认证接口路由文件 routes/api.php 前面加上这个中间件。
Route::group(['prefix' => 'cart', 'middleware' => ['client.credentials']], function () {
...
});8、前端用户表 customer 模型里面做如下配置：
use Illuminate\Foundation\Auth\User as Authenticatable;
use Laravel\Passport\HasApiTokens;
class Customer extends Authenticatable
{
use HasApiTokens;
....
}至此，后端的所有配置已完成。
接下来，打开接口测试工具（postman），输入接口地址： wechat.test/oauth/token ,请求类型 POST ，填上如下参数,点击 send 你会看到后台返回了前端所需的 access_token ：
前端(vue.js)
首先去加载用户登录组件，即用户登录页面。
1. 配置路由，在 index.js 文件中写入如下代码
import Login from '@/components/customer/Login'
export default new Router({
routes: [
....
{
path: '/customer/login',
name: 'Login',
component: Login
},
]
})2、加载组件，在 customer 文件夹的 Login.vue 文件中写入如下代码：
<template>
<div>
<input type="email" v-model="customer.email" placeholder="请输入邮箱">
<input type="password" v-model="customer.password" placeholder="请输入密码">
<button @click.prevent="submit">登 录</button>
</div>
</template>
<script>
export default {
data() {
return {
customer: {
email: '',
password: ''
}
}
},
methods: {
submit() {
//将数据配置好
const data = {
grant_type: 'password', //oauth的模式
client_id: 1, //上面所说的client_id
client_secret: 'CO331cA1mqiKgGvvgiDzPxh5CUu19vSEiqxM7LHD',//同上
username: this.customer.email,
password: this.customer.password,
}
this.axios.post('/oauth/token', data)
.then(res => {
if (res.status == 200) { //如果成功了，就把access_token存入localStorage
localStorage.token_type = res.data.token_type
localStorage.access_token = res.data.access_token
this.$router.push({name:'Index'})
}
})
}
}
}
</script>客户端查看 localStorage ，如图：
3、在 http.js 文件中设置拦截器，用于判断用户是否登录，若没有登录跳转到登录页面。代码如下：
//#创建http.js文件
import axios from 'axios'
import router from '@/router'
// axios 配置
axios.defaults.timeout = 5000;
axios.defaults.baseURL = 'http://wechat.test/';
// http request 拦截器
axios.interceptors.request.use(
config => { //将所有的axios的header里加上token_type和access_token
config.headers.Authorization = `${localStorage.token_type} ${localStorage.access_token}`;
return config;
},
err => {
return Promise.reject(err);
});
// http response 拦截器
axios.interceptors.response.use(
response => {
return response;
},
error => {
// 401 清除token信息并跳转到登录页面
if (error.response.status == 401) {
alert('您还没有登录，请先登录')
router.replace({ //如果失败，跳转到登录页面
name: 'Login'
})
}
return Promise.reject(error.response.data)
});
export default axios;重新访问项目，在商品详情页面点击加入购物车，你会发觉奇迹已经出现，当你没有登录时，提示跳转到登录页面。输入账号密码，登录成功，此时就能拿到用户id。接下来，继续测试。
4、去 Cart 控制器中，找到购物车首页方法，获取用户的id，获取方式如下：
$customer_id = auth('api')->user()->id;
return $customer_id;5、在 postman 中输入购物车首页接口地址，并传入所需参数，参数参考地址： http://laravelacademy.org/post/8909.html ，如图：
看完上述内容，你们对怎么在Laravel5.6 中使用Passport实现Api接口认证有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注亿速云行业资讯频道，感谢大家的支持。
亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
