Arthas.me / Posts /

使用laravel/passport的客户端api认证

2016.10.28

根据官方文档安装 passport

在执行passport:install时 passport 已经创建了 id 为 2 的密码发放客户端;

用 js 消费 api

用 js 请求/oauth/token来获取access_token和refresh_token;

login() {
  const data = {
    grant_type: 'password',
    client_id: 2,
    client_secret: 数据库中的secret值,
    username: $("#username").val(),
    password: $("#password").val(),
    scope: '*'
  }

  this.$http.post('/oauth/token', JSON.stringify(data))
    .then(response =>{
      console.log(response.data.access_token)
      Cookies.set('api_token',response.data.access_token)
    })
    .catch(console.error)
},

将获取到的 api_token 添加到 header 的Authorization中，

设置其值为Bearer TOKEN， 其中 TOKEN 是api_token的值，

其中 Bearer 表示令牌类型。

路由

在routes/api.php中添加

Route::get('/test',function (){
    return 'success';
})->middleware('auth:api');

JS

test() {
  this.$http.get('/api/test',{
    headers:{
      'Authorization' : 'Bearer '+ Cookies.get('api_token'),
    }
  }).then(response =>{
    this.msg = response.data
  }, response => {
    this.msg = 'failed'
  })
},
Archlinux笔记(三)新浪微博登录第三方应用