LiveGBS国标流媒体GB28181微信无插件直播如何实现跨域鉴权

LiveGBS 实现了 GB28181 协议,能够接入各个厂家的监控设备和监控平台,实现统一管理,和 web 端无插件播放,同时支持手机、微信播放。

通道列表

LiveGBS 提供简单的登录鉴权,客户端通过用户名密码登录成功后,服务端返回认证token的cookie, 后续的接口访问, 服务端从cookie读取token进行校验. 但是, 在与客户系统集成时, 往往需要在客户系统完成鉴权过程. 这时就涉及到跨域的问题. 那么,这一套鉴权过程如何应用到跨域场景中呢?

服务端处理

服务端需要做以下处理:

  1. 登录成功, 服务端主动写 token 到 cookie

    按照之前的接口设计, 登录成功, 服务端在 HTTP Response Body 中返回 token,由客户端自己负责将 token 写入 cookie. 在跨域场景中, 这样就行不通了,由于浏览器的限制, 客户端无法将 token 写到非子域名 cookie. 改为服务端主动写 token 到 cookie 就没有这个问题了. 服务端在 HTTP Response Header 中添加 Set-Cookie 字段, 写入 token=xxx

  2. 服务端统一做充许跨域访问设置

    服务端配置充许跨域并且携带cookie, 需要在 HTTP Response Header 中添加以下两项:

    Access-Control-Allow-Credentials: true
    Access-Control-Allow-Origin: $http_origin
    

    Access-Control-Allow-Origin 不可以配置成 *, 而是当前HTTT前求客户端的 Origin

  3. 注销登录时, 服务端主动将 token 从 cookie 清理

    Set-Cookie: token=; expires=Thu, 01 Jan 1970 00:00:00 GMT;
    

客户端处理

客户端不必显示保存 token 到 cookie. 所有和 LiveGBS 的交互接口需要添加跨域配置, xhrFields: { withCredentials: true }crossDomain: true

例如跨域登录接口调用示例如下:

$.ajax({
    type: "GET",
    url: "http://other-domain/api/v1/login",
    xhrFields: { 
        withCredentials: true
    },
    crossDomain: true, 
    data: {
        username: 'admin',
        password: '21232f297a57a5a743894a0e4a801fc3'//admin
    },
    success: function(data) {
        console.log(data);
    }
});

获取更多信息

安防流媒体互联直播-QQ交流群:615081503

国标GB28181无插件LiveGBS-QQ交流群:947137753

WEB:https://www.liveqing.com

Copyright © LiveQing.com 2016-2019

©️2020 CSDN 皮肤主题: 深蓝海洋 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值