html5 websocket消息推送实现实例

最新推荐文章于 2024-07-29 09:42:37 发布

jonychen1

最新推荐文章于 2024-07-29 09:42:37 发布

阅读量1.1k

点赞数

文章标签： websocket html5 web推送

本文链接：https://blog.csdn.net/jonychen1/article/details/104379973

版权

本文介绍了HTML5中WebSocket协议的特性，并通过实例演示了如何使用GoEasy服务在网页上实现双向通信，包括集成GoEasy SDK、初始化对象、接收和发送消息的步骤。

摘要由CSDN通过智能技术生成

websocket是html5中新增的协议，websocket的特点是全双工，服务端和客户端可以互相发送消息。

接下来我演示一下如何在html5页面中利用websocket实现消息推送和接收。

websocket服务还是使用我之前介绍过的GoEasy。

1、集成GoEsay:

在需要使用GoEasy服务的html页面集成GoEasy的jssdk。

<script type="text/javascript" src="https://cdn.goeasy.io/goeasy-1.0.3.js"></script>

//如果需要支持低版本的IE6,IE7,IE8浏览器，请引入json2.js。
<script type="text/javascript" src="https://cdn.goeasy.io/json2.js"></script>

2、初始化GoEasy对象

在初始化GoEasy的时候，需要填写你在GoEasy控制台获取到的appkey,没有注册的需要先注册并创建应用才可以获取。【GoEasy官网】

var goEasy = new GoEasy({
    host:'hangzhou.goeasy.io', //应用所在的区域地址: 【hangzhou.goeasy.io |singapore.goeasy.io】
    appkey: "my_appkey", //替换为您的应用appkey
});
//GoEasy-OTP可以对appkey进行有效保护,详情请参考  
//如果需要使用HTTPS/WSS，请在连接初始化GoEasy对象的时