LiveNVR如何实现跨域鉴权

LiveNVR提供简单的登录鉴权,客户端通过用户名密码登录成功后,服务端返回认证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. 所有和 LiveNVR 的交互接口需要添加跨域配置, 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}
});

关于LiveNVR

LiveNVR能够通过简单的网络摄像机通道配置,将传统监控行业里面的高清网络摄像机IP Camera、NVR等具有RTSP协议输出的设备接入到LiveNVR,LiveNVR能够将这些视频源的音视频数据进行拉取,转换为RTMP/HLS,进行全平台终端H5直播(Web、Android、iOS),并且LiveNVR能够将视频源的直播数据对接到第三方CDN网络,实现互联网级别的直播分发;

获取更多信息

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

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

邮件:support@liveqing.com

WEB:www.liveqing.com

Tel:189-5515-0114 (同微信)

Copyright © LiveQing.com 2016-2019

LiveNVR传统IP摄像机接入-网页直播实现跨域鉴权相关推荐

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

    LiveGBS 实现了 GB28181 协议,能够接入各个厂家的监控设备和监控平台,实现统一管理,和 web 端无插件播放,同时支持手机.微信播放. LiveGBS 提供简单的登录鉴权,客户端通过用户 ...

  2. RTMP推流直播流媒体平台LiveQing鉴权直播拉转直播开放直播支持推送总流量和播放总流量统计

    RTMP推流直播流媒体平台LiveQing鉴权直播拉转直播开放直播支持推送总流量和播放总流量统计 1.鉴权直播中的相关统计 2.拉转直播中的相关统计 3.RTMP推流视频直播和点播流媒体服务 1.鉴权 ...

  3. 海康、大华等网络摄像头RTSP_Onvif网页无插件直播流媒体服务器EasyNVR鉴权出现跨域问题的解决方法

    背景分析 随着平安城市.智慧城市.雪亮工程.智能交通等各项建设的持续开展,安防逐渐得到普及,面对如此广阔的市场,对安防企业来说不仅仅是机遇更多的是挑战.现今大多数摄像头一直没能摆脱人工监控的传统监控方 ...

  4. 网页攻击 和 跨域 的相关问题梳理

    之前对 XSS攻击 和 CSRF攻击 了解地不透彻,导致有些原理似懂非懂.最近刚好查了一些资料,解开了心里的疑问,顺便在这记录一下. 一般常见的网页攻击方式有 XSS攻击 和 CSRF攻击,具体可以先 ...

  5. 安卓 即构科技直播使用阿里云鉴权切换流地址

    即构科技集成直播后,需求中需要拉流端(观众)切换到阿里云的流地址,而不是用即构返回的即构流地址,原因是即构的流比较贵,阿里云的收费非常的便宜,差距大概是阿里云的四倍吧,所以考虑到用前端进行流地址的切换 ...

  6. LiveNVR传统安防摄像机接入互联网直播-支持多种分屏展示

    LiveNVR安防流媒体服务,支持RTSP稳定拉流接入,支持Onvif协议接入,支持RTMP/HLS/HTTP-FLV分发,将传统安防监控设备互联化,无插件直播等. 将传统的安防摄像机,通过RTSP拉 ...

  7. 基于EasyDSS流媒体服务器实现的直播流管理与鉴权的后台方案

    本文转自EasyDSS团队Marvin的博客:http://blog.csdn.net/marvin1311/article/details/73548929 最新版本的EasyDSS流媒体解决方案, ...

  8. thinkphp 在接口开发或者接入三方时解决跨域

    估计你们都会了,就不解释了,直接上代码把 解决方案:header('Access-Control-Allow-Origin: *'); //*代表允许所有的网址请求当前接口,当然你也可以把*改成具体的 ...

  9. 2023-01-20 网工进阶(三十九)MPLS 虚拟专用网络---概述、路由交互、CE接入PE方法、基本组网方案详解、团体属性、防环、MCE组网、伪连接方案、跨域组网详解、各种组网方案配置举例

    概述 VPN(Virtual Private Network,虚拟专用网络)指的是在一个公共网络中实现虚拟的专用网络,从而使得用户能够基于该专用网络实现通信的技术.MPLS VPN也是VPN技术中的一 ...

最新文章

  1. 启程 - 《每日五分钟搞定大数据》
  2. mysql innodb创建数据文件失败
  3. diamond淘宝框架使用
  4. vue 后台获取数据 下拉框_Vue开发中的一些常见套路和技巧
  5. 快讯|MIT遥控机器人;日本推出带摄像头的智能AI马桶;德国在线零售商Zalando引进拣货机器人等...
  6. Java 8中Lambda表达式的阴暗面
  7. handsontable 方法汇总
  8. Select2的使用 联动筛选框的一个例子
  9. 面向对象(类,面向对象三大特性)
  10. Facebook 又摊上事了,数亿用户被波及!
  11. vue - 自定义指令
  12. putty怎么进入文件夹_putty命令
  13. 如何下载VS2015社区版
  14. 以太坊网络重启并开启rpc
  15. Git Bash 不能输入中文的简单解决办法
  16. ansible aws_如何使用Ansible管理您的AWS资源
  17. 【机器学习之模型融合】Voting投票法简单实践
  18. 51cto学院微信支付实战对接开发视频教程
  19. 超链接(网页设计实验)
  20. 航拍车辆旋转框定位以及航向检测

热门文章

  1. python读取.tsv文件例子(大文件处理)
  2. 各式 Web 前端開發工具整理
  3. Linux | 第一篇——常见指令汇总【超全、超详细讲解】
  4. kafka中的ISR、AR又代表什么?ISR伸缩又是什么?
  5. GetText学习记录
  6. JavaScript数据结构之字典和散列表
  7. 革文B2B行业洞察:中国气凝胶市场分析、竞争格局和发展趋势
  8. 读《STRENGTHNET: DEEP LEARNING-BASED EMOTION STRENGTH ASSESSMENT FOR EMOTIONAL SPEECH SYNTHESIS》
  9. 面向对象版贪吃蛇大作战游戏创作
  10. CSUSTOJ 我爱吃烧烤 (状压dp)