RabbitMq 与 Vue JS答案

【问题标题】：RabbitMq with Vue JSRabbitMq 与 Vue JS
【发布时间】：2020-02-28 16:48:21
【问题描述】：

我尝试使用rabbitMq 使用来自前端的消息，我已经拥有rabbitMq 和数据队列（AMQP）。我在 rabbitMq 中搜索了 Vue-Js 或 JavaScript，但没有找到任何有用的信息。

那么我如何使用 javaScript/vue-Js 从 rabbitMq 中消费

谢谢。

【问题讨论】：

当你说从前端消费时=>你的意思是在到达时在前端显示 RabbitMQ 的输出？或者您想使用 VueJS 将项目发布到 RabbitMQ？无论哪种方式，您都需要一个往返于 RabbitMQ 的传输机制机器人。我对实时数据使用 Web 套接字，对非实时数据使用普通的 HTTP 请求。这样可以检索数据或将数据发送到连接了 RabbitMQ 的端点（API 或 WS）。
我想将rabbitMQ的数据显示到前端，是的，我也使用ws，但是在我使用ws MQTT并且总是创建一个自动队列之前，我对如何设置队列感到困惑我要消费，有办法吗？
看看这个 => medium.com/better-programming/…
我已经完成了后端，但是我对如何将它显示到前端感到困惑，怎么，我找了我没有找到的例子来解决这个问题。

标签： vue.js rabbitmq amqp quasar-framework quasar

【解决方案1】：

您需要为您的前端 Vue js 应用程序/React js/Android 应用程序...等创建一个后端服务器，下面是一个简单的图表，说明了如何使用 NodeSrv 使用您的 RabbitMQ 消息（一个节点 js Web 服务器），请注意，您需要 2 个队列，Qa 用于写入，Qb 用于读取，每当您发送 ws 请求时，您的 NodeSrv 将向队列 @987654327@ 发送数据（我没有解释如何将数据发送到 Qb ，我假设会有其他一些消费者将消费 Qa 并将他们的结果发送到 Qb) 然后 Qb 将再次被 NodeSrv 消费并且通过 websocket 发送回前端。

注意1：当Qb被许多消费者（NodeSrv）消费时，RabbitMQ 将使用循环算法平衡这些消费者的负载（消息依次转发给每个消费者）

注意2：既然你可以有很多消费者，最好添加一个像 haproxy 这样的负载均衡器，或者只是 pm2 作为负载均衡器客户端

【讨论】：