带有 React 的 Rabbit-MQ答案

【问题标题】：Rabbit-MQ with React带有 React 的 Rabbit-MQ
【发布时间】：2018-02-12 07:51:18
【问题描述】：

React 是否可以与 Rabbit-MQ 一起使用？过去几天我一直在谷歌上搜索自己，我只能找到有关 React Native 的结果。

我可以只学习 Javascript-RabbitMQ-Tutorial 还是有什么具体的？

感谢任何提示。

【问题讨论】：

RabbitMQ 不是消息队列系统吗？我对此知之甚少，但对我来说听起来很后端；当它在教程中与 Javascript 结合使用时，我猜它们是指 Node.js。
是的，你没看错，它是一个消息队列系统。我实际上在他们的主页上找到了this。不确定是否有更好的约定，所以我才问。
这取决于您要达到的目标。基本上你可以使用 RabbitMQ 客户端进行 React，但在大多数情况下它不是正确的解决方案。如果您想为您的应用添加实时功能，您最好查看 websocket 解决方案，例如 github.com/socketio/engine.io
@MikhailZhuravlev - 我正在尝试实现一个 GUI，该 GUI 通过后端服务根据某些库存变化进行更新。

标签： javascript reactjs rabbitmq

【解决方案1】：

这里是 RabbitMQ http://www.rabbitmq.com/tutorials/tutorial-six-javascript.html 的 RPC 支持示例
RabbitMQ 提供了插件，可以通过 websockets 连接到服务器。 http://www.rabbitmq.com/web-stomp.html
样品在这里https://www.rabbitmq.com/devtools.html#web-messaging
还有几个 nodejs 客户端库。如果你正在使用 webpack，值得看看它们。可能它们只会在浏览器中工作。

【讨论】：

谢谢，我会查看链接！
所以，我找到了link，@robertklep 解释了它是如何完成的，但它太抽象了。我已经设置了消费者并阅读了有关 web-stomp 的文章，但我迷路了。有什么建议么？我的项目只是一个简单的 React 应用程序。我的后端是一个 Spring Boot 服务，它已经有一个发件人，它可以工作。
他在说同样的“使用 websocket”
那么你的意思是像[backend_service] -> [RabbitMQ] ->RabbitMQ-Web-Stomp -> ReactApp - 对不起，这个问题可能看起来很愚蠢，但我无法想象层次结构。
RabbitMQ 服务器 -> 后端 websocket 服务器 -> 反应客户端（连接到 websocket）

【解决方案2】：

https://www.npmjs.com/package/rabbitode你可以试试这个库提供了一个很好的来自 nodejs 的 amqplib 包的抽象

【讨论】：

【解决方案3】：

我的一个项目需要这个，最终采用了这种方法

FE -> 后端服务 -> RABBITMQ

基本上后端服务负责监听rabbitmq，并负责接收和发布消息到Queue集群。我使用了图书馆； https://www.npmjs.com/package/amqplib 考虑到 npmjs 网站上的每周下载量，我相信这是 RabbitMq Connectivity（通过 amqp）最常用的库。我强烈建议您使用稳定的库，特别是如果您是 rabbitmq 和这种工作性质的新手。这是上面@Arun Karunagath 给出的答案的补充。祝你好运！

【讨论】：

【解决方案4】：

我在 React js 中实现 Rabbit MQ 时也遇到了困难。

但我的一位朋友在我们的 Rabbit Mq 服务器中启用/安装 mqtt 和 websocket 插件。

所以现在我可以使用简单的 mqtt 或 websocket 将我们的 React js 应用程序与 Rabbit MQ 通信。

【讨论】：