eventBus通信(前端js)

使用方式类似于websocket

1、html中引入

<script src='./guide/lib/sockjs.min.js'></script>
<script src='./guide/lib/vertx-eventbus.js'></script>

2、后台提供eventbus的服务访问地址
如:http://192.168.xxx.xxx:8080/eventbus

3、js监听,"chat.to.client"与"chat.to.server"是为了区分是接收还是发送数据的服务,这里前后台保持一致。

function getEventBusMessage(res) {
    // let req = {};
    let socketIoUrl = res["@SOCKET.IO_URL@"];
    let options = {
        vertxbus_reconnect_attempts_max: Infinity, // Max reconnect attempts
        vertxbus_reconnect_delay_min: 1000, // Initial delay (in ms) before first reconnect attempt
        vertxbus_reconnect_delay_max: 5000, // Max delay (in ms) between reconnect attempts
        vertxbus_reconnect_exponent: 2, // Exponential backoff factor
        vertxbus_randomization_factor: 0.5, // Randomization factor between 0 and 1
    };

    // 连接eventBus
    let eventBus = new EventBus(socketIoUrl, options);
    eventBus.onopen = function () {
        //监听数据  此处的robot即chat.to.client,与后台一致
        eventBus.registerHandler("robot", function (err, msg) {
            // console.log(msg.body);//在这里对接收的数据进行一些操作
        });
        // 向服务端发送信息,类似于ajax的请求信息,chat.to.server与后台一致
        // eventBus.publish("chat.to.server", JSON.stringify(req));//这行代码可以发送信息给服务端
        //  eventBus.close();
    };
}

5、websocket

引入ws.js

(function($) {
   
 
	$.config = {
   
		url: '', //链接地址
		
	};
 
	$.init=function(config) {
   
		this.config = config;
		return this;
	};
 
	/**
	 * 连接webcocket
	 */
	$.connect = function() {
   
		var protocol = (window.location.protocol == 'http:') 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值