html没法连上websocket

网络的问题。html没法连上websocket多数是网络连接异常导致。

1、首先打开电脑检查网络。

2、其次打开html进行测试网络连接是否异常。

3、最后等待网络连接正常后，点击连接websocket重新连接即可。

HTML5 WebSocket实现消息推送有以下两种方法：

长连接：在页面里嵌入一个隐蔵iframe，将这个隐蔵iframe的src属性设为对一个长连接的请求或是采用xhr请求，服务器端就能源源不断地往客户端输入数据。 优点：消息即时到达，不发无用请求；管理起来也相对便。

Flash Socket：在页面中内嵌入一个使用了Socket类的 Flash 程序JavaScript通过调用此Flash程序提供的Socket接口与服务器端的Socket接口进行通信，JavaScript在收到服务器端传送的信息后控制页面的显示。 优点：实现真正的即时通信，而不是伪即时。

实现消息推送可以试一试极光。极光是国内领先的移动开发者服务提供商，近十年里，极光紧密围绕移动开发者的需求，打造了一系列针对开发者运营、增长及变现的产品。

1. WebSocket API简介

首先看一段简单的javascript代码，该代码调用了WebSockets的API。

[javascript] view plaincopy

var ws = new WebSocket(“ws://echo.websocket.org”)

ws.onopen = function(){ws.send(“Test!”)}

ws.onmessage = function(evt){console.log(evt.data)ws.close()}

ws.onclose = function(evt){console.log(“WebSocketClosed!”)}

ws.onerror = function(evt){console.log(“WebSocketError!”)}

这份代码总共只有5行，现在简单概述一下这5行代码的意义。

第一行代码是在申请一个WebSocket对象，参数是需要连接的服务器端的地址，同http协议使用http://开头一样，WebSocket协议的URL使用ws://开头，另外安全的WebSocket协议使用wss://开头。

第二行到第五行为WebSocket对象注册消息的处理函数，WebSocket对象一共支持四个消息 onopen, onmessage, onclose和onerror，当Browser和WebSocketServer连接成功后，会触发onopen消息；如果连接失败，发送、接收数据失败或者处理数据出现错误，browser会触发onerror消息；当Browser接收到WebSocketServer发送过来的数据时，就会触发onmessage消息，参数evt中包含server传输过来的数据；当Browser接收到WebSocketServer端发送的关闭连接请求时，就会触发onclose消息。我们可以看出所有的 *** 作都是采用消息的方式触发的，这样就不会阻塞UI，使得UI有更快的响应时间，得到更好的用户体验。

---