HTML5 WebSocket怎么实现消息推送

发布时间:2022-03-01 17:03:49 作者:iii
来源:亿速云 阅读:349

这篇“HTML5 WebSocket怎么实现消息推送”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“HTML5 WebSocket怎么实现消息推送”文章吧。

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

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

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

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

  HTML5中WebSocket实现消息推送的方法:

  1、创建服务器连接:

  var socket=new WebSockect('');

  2、增加监控事件,当触发open方法时,建立连接准备发送消息。

  socket.addEventListener('open', function(){

  console.log("Connection established, handle with event");

  });

  socket.onopen=function(){

  console.log("Connection established, handle with function");

  };

  3、调用方法发送消息:

  socket.send("Somme Message to send to the server");

  4、关闭连接

  socket.close();

  使用 websocket , 这是html5新特性,当然也要求后台服务器支持,现在很多服务器已经支持了

以上就是关于“HTML5 WebSocket怎么实现消息推送”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注亿速云行业资讯频道。

推荐阅读:
  1. HTML5 WebSocket实现点对点聊天的方法
  2. html5中WebSocket有什么用

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html5 websocket

上一篇:html5的离线缓存如何使用

下一篇:html5中​怎么使用Canvas绘制直线

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》