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

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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值