我有一个 angularjs 应用程序，在服务器端有 node 和 express。我也有 node-amqp 和 socket.io
我想实现以下行为
该应用程序有一个页面（路由，角度视图），显示带有实时数据的表格。数据使用 socket.io 和 amqp 实时更新，以从位于应用程序外部的 rabbitMQ 服务器流式传输数据。
当用户在浏览器上访问此页面/路由时
- 客户端发出一个套接字事件“订阅”</li>
- 服务器，在套接字事件“订阅”上，
- 声明一个兔子队列
- 将兔子队列绑定到交换器
- 订阅来自兔子队列的消息/数据
- 发出一个套接字事件“数据”，将数据发送回用户/客户端
当用户离开页面时，或者换句话说改变路线
- 客户端发出一个套接字事件“取消订阅”</li>
- 服务器，在套接字事件“取消订阅”上，
- 从队列中取消订阅
我的问题是：如何确保 queue.subscribe 和 queue.unsubscribe 是同步的？如果用户执行快速的路由更改序列： visit/leave/visit/leave/visit/leave 订阅和取消订阅的顺序有时会颠倒，在新订阅完成之前，服务器会在之前的订阅第二次取消订阅。有什么建议吗？这是我尝试过的，但不起作用：
客户端：controller.js
.controller('WatchdogCtrl', function($scope, watchSocket) {
var data = {}
$scope.data = []
var socket = watchSocket
socket.emit('subscribe', { exchange: 'bus', key: 'mis.service-state' })
socket.on('data', function(message) {
// refreshing data
data[message.payload.id] = message.payload;
var new-values = [];
angular.forEach(data, function(value, index) {
this.push(value);
}, new-values);
$scope.data = new-values
$scope.$apply()
});
$scope.$on('$destroy', function (event) {
// unsubscribe from rabbit queue when leaving
socket.emit('unsubscribe')
});
})
服务器端：server.js
// set up amqp listener
var amqp = require('amqp');
// create rabbitmq connection with amqp
var rabbitMQ = amqp.createConnection({url: "amqp://my:url"});
rabbitMQ.on('ready', function() {
console.log('Connection to rabbitMQ is ready')
});
// Hook Socket.io into Express
var io = require('socket.io').listen(server);
io.set('log level', 2);
io.of('/watch').on('connection', function(socket) {
var watchq;
var defr;
socket.on('subscribe', function(spec) {
watchq = rabbitMQ.queue('watch-queue', function(queue) {
console.log('declare rabbit queue: "' + queue.name +'"');
console.log('bind queue '+ queue.name + ' to exch=' + spec.exchange + ', key=' + spec.key);
queue.bind(spec.exchange, spec.key)
defr = queue.subscribe(function(message, headers, deliveryInfo) {
socket.emit('data', {
key: deliveryInfo.routingKey,
payload: JSON.parse(message.data.toString('utf8'))
})
}).addCallback(function(ok) {
var ctag = ok.consumerTag;
console.log('subscribed to queue: ' + queue.name + ' ctag = ' + ctag)
});
})
})
socket.on('unsubscribe', function() {
//needs fix: this does not ensure subscribe/unsubscribe synchronization…..
defr.addCallback(function(ok) {
console.log('unsubscribe form queue:', watchq.name, ', ctag =', ok.consumerTag)
watchq.unsubscribe(ok.consumerTag);
})
})
});
服务器 console.log 消息：（visit#3 和 leave#3 不同步）
declare rabbit queue: "watch-queue"
bind queue watch-queue to exch=bus, key=mis.service-state
subscribed to queue: watch-queue ctag = node-amqp-8359-0.6418165327049792 //<-- visit#1
unsubscribe form queue: watch-queue , ctag = node-amqp-8359-0.6418165327049792 //<--leave#1
declare rabbit queue: "watch-queue"
bind queue watch-queue to exch=bus, key=mis.service-state
subscribed to queue: watch-queue ctag = node-amqp-8359-0.455362161854282 //<-- visit#2
unsubscribe form queue: watch-queue , ctag = node-amqp-8359-0.455362161854282 //<-- leave#2
unsubscribe form queue: watch-queue , ctag = node-amqp-8359-0.455362161854282 //<-- leave#3
declare rabbit queue: "watch-queue"
bind queue watch-queue to exch=bus, key=mis.service-state
subscribed to queue: watch-queue ctag = node-amqp-8359-0.4509762797970325 //<-- visit#3