webSocket用法

chunquedong 发布于2019-08-26 12:12 / 2488人阅读

摘要：在做项目的时候，需要后台向前端推送消息的功能。在这个项目中我使用的是这个新的浏览器的目标是在一个多带带的持久连接上提供全双工，双向通信。使用了自定义的协议，所以模式也略有不同。未加密的连接不再是，而是加密的连接也不是，而是。

在做项目的时候，需要后台向前端推送消息的功能。在这个项目中我使用的是webSocket这个新的浏览器API.
webSocket的目标是在一个多带带的持久连接上提供全双工，双向通信。
Web Sockets 使用了自定义的协议，所以 URL 模式也略有不同。未加密的连接不再是 http://，而是 ws://;加密的连接也不是 https://，而是 wss://。在使用 Web Socket URL 时，必须带着这个模式。
代码：

function simtonWebsocket(){
        try{
            //实例化一个WebSocket对象并要传入要链接的url
            //url=ws://61.160.81.178:18000/xxx/xxxxx
            var ws=new WebSocket(url);
            ws.onopen=function(event){
            //在成功建立时触发
                console.log(event);
            }
            
            ws.onmessage=function(event){
                //你的业务代码，接受后端推送过来的代码
                console.log(event)
            };
            ws.onclose=function(event){
                console.log("WebSocket与浏览器断开链接!"+event);
            }
            ws.onerror=function(){
                console.log("wm-WebSocket异常！!"+event);
            }
            
        }catch(e){
            console.log("该浏览器不支持WebStore!");
            //TODO handle the exception
        }
    }

注：如果你想往后端推送数据，可以使用
ws.send(data)
因为Web Socket只能接受和发送纯为本数据，所以对数稍微复杂的数据，可以把他转化为JSON字符串

云服务器海外云主机 WebSockets WebSocket rtc websocket cdn websocket

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/108215.html

React系列——websocket群聊系统在react的实现

摘要：前奏这篇文章仅对不熟悉在中使用的人以及入门者有帮助。基本介绍想要实现一种实时的双向通信聊天系统，你可能会想到轮询长或短，但你最想要的还是的实现。客户端的实现端的实现，才是我们应该关注的重点。前奏这篇文章仅对不熟悉在react中使用socket.io的人、以及websocket入门者有帮助。下面这个动态图展示的聊天系统是用react+express+websocket搭建的，很模糊...

Acceml 2019-08-22 11:17 评论0 收藏0
html5新特性与用法大全了解一下

摘要：有好多小伙伴私聊我问我新特性和用法，下面我给大家具体介绍一下都新加了哪些新特性，下面我给大家总结一下。简单了解一下就可以。有好多小伙伴私聊我问我html5新特性和用法，下面我给大家具体介绍一下html5都新加了哪些新特性，下面我给大家总结一下。 1)新的语义标签 footer header 等等2）增强型表单表单2.03）音频和视频4）canvas 绘图5） SVG绘图6）地理定位7）...

番茄西红柿 2019-04-23 13:23 评论0 收藏0
Django WebSocket Redis 在线聊天室

摘要：它采用了请求响应模型。通信请求只能由客户端发起，服务端对请求做出应答处理弊端协议无法实现服务器主动向客户端发起消息。如何使用客户端创建对象属性表示连接状态可选值表示连接尚未建立。表示连接正在进行关闭。一言不合就上效果图演示showImg(https://segmentfault.com/img/bVbkUDl?w=1920&h=638); 项目：http://112.74.164.1...

ranwu 2019-07-30 18:38 评论0 收藏0