基于websocket的前端与后端之间的数据交互

基于传统的前端开发,一般都使用JS访问一个URL,然后基于这个URL使用JSONDATA与URL进行交互

如下图:

最右边的CenterMaster是我们的数据接口,所有动态数据,通过这个TCP获取



那么如果要实时的展现数据的变化,那么我们有2种方法

1,使用poll(不断的轮询),这么将是一个低效的方法

2,就是在后台保持一个长连接,然后被动的触发,当有数据更新时


基于第二种,方案,我们不得不在后台打开一个原始的tcp socket连接,那么当这个TCP连接有数据接收时,那么就被动的触发了数据

所以这种方式是高效的,因为是基于事件的,而不是基于轮询的


那么在最新的HTML5里,有一个websocket的组件,能够打开一个TCP的链接,并且是异步的

但是建立websocket的,我们需要交换一些密钥来建立链接

所以我们不得不交换密钥,在链接建立之初


而HTTP是基于TCP的,所以,我们的TCP server是完全可以接收来自浏览器的HTTP的请求

例如如果,你建立一个TCP的server࿰

  • 2
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值