webSocket用法

2023年2月6日 83次阅读 来源: 墨的味道

在做项目的时刻，须要背景向前端推送音讯的功用。在这个项目中我运用的是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字符串

    原文作者：墨的味道
    原文地址: https://segmentfault.com/a/1190000016022288
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞