GoEasy,适用于多种前端框架，即时通讯技术

最新推荐文章于 2024-11-14 11:52:47 发布

lx_9119

最新推荐文章于 2024-11-14 11:52:47 发布

阅读量926

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/lx_9119/article/details/106052902

GoEasy是一款强大的即时通讯技术，它能够无缝集成到各种前端框架中，如React、Vue和Angular等，为开发者提供简单易用的API，实现应用内的实时推送和双向通信功能。通过GoEasy，开发者可以轻松构建聊天、通知、协作等多种实时应用场景，提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//GoEasy官网：https://www.goeasy.io/
//别整那么多花里胡哨，直接复制粘贴下边代码就可以使用
//但是首先你要注意一下下边的代码 
//注意点1：需要把appkey 替换成你自己的 appkey
//appkey 在官网，点击快速开始，注册账号，我的应用里 创建应用 就ok了，创建完成之后有 查看详情，
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
        <script type="text/javascript" src="https://cdn.goeasy.io/goeasy-1.0.6.js"></script>
	</head>
	<body>
		<textarea id="textarea" rows="20" cols ="50">
	    </textarea>
	    <br/>
	    <input type="text" id="message" />
	    <input type="button" value="推送消息" onclick="publishMessage()"/>
	    <input type="button" value="取消订阅" onclick="unsubscribe()"/>
	</body>
		<script>
		    var textarea_value = document.getElementById("textarea");
		    if(typeof GoEasy !== 'undefined'){
		    	console.log(GoEasy)
		        var goEasy = new GoEasy({
		        	//注意点1
		        	appkey: 'xxx'  ,
		        	host:'hangzhou.goeasy.io',
                    forceTLS:false, //如果需要使用HTTPS/WSS，请设置为true，默认为false
                    onConnected: function() {
                        console.log('连接成功！')
                    },
                    onDisconnected: function() {
                        console.log('连接断开！')
                    },
                    onConnectFailed: function(error) {
                        console.log('连接失败或错误！')
                    }
		        });
		     console.log(goEasy)
		    }
		    //进入页面就监听
		    goEasy.subscribe({
		        channel: '00001',
		        onMessage: function(message){
		            if(!textarea_value) {
		                textarea_value = "";
		            }
		            // console.log(textarea_value,"textarea_value")
		           // textarea_value = textarea_value + message.content + "\n";
		            console.log('Meessage received:'+message.content);
		            alert('收到：'+message.content);
		           
		            document.getElementById("textarea").value =  message.content;
		             
		        }
		    });
			//推送消息
		    function publishMessage(){
		    	console.log("推送消息调用")
		        goEasy.publish({
		            channel: '00001',
		            message: document.getElementById("message").value
		        });
		    }         
		   //取消订阅的页面不会再收到信息
		    function unsubscribe(){
		    		console.log("取消订阅调用")
		            goEasy.unsubscribe({
		                channel:"00001"
		            });
		    }  
		</script>
	</body>
</html>