rabbitMQ（docker版本） 安装Stomp插件--前端消息实时提醒（消费者随机提醒，单一消费者） demo

rabbitMQ（docker版本） 安装Stomp插件--前端消息实时提醒（消费者随机提醒，单一消费者） demo

目录

docker 安装的mq配置Stomp websokcek 插件

进入到rabbitMQ内部进行开启stomp 插件把修改后的容器，再次打包成镜像停止原来的mq服务从新使用新打包的镜像创建并运行容器 安装完成之后会在rabbitMQ可视化界面看到如下信息设置mq 开机自启前端实时提醒demo

安装stompjs单页面引入 stomjs实时通信测试demo-随机消费前端实现效果

docker 安装的mq配置Stomp websokcek 插件 进入到rabbitMQ内部

docker exec -it 41ddc6d666f1 /bin/sh

进行开启stomp 插件

rabbitmq-plugins enable rabbitmq_web_stomp rabbitmq_web_stomp_examples

把修改后的容器，再次打包成镜像

docker commit 41ddc6d666f1 rabbitmq:stomp

停止原来的mq服务

docker stop 41ddc6d666f1

从新使用新打包的镜像创建并运行容器

docker run -di --name=rabbitmq -e RABBITMQ_DEFAULT_USER=admin -e RABBITMQ_DEFAULT_PASS=admin -p 5617:5617 -p 5672:5672 -p 4369:43691:15671 -p 15672:15672 -p 25672:25672 -p 15670:15670 -p 15674:15674 rabbitmq:stomp

安装完成之后会在rabbitMQ可视化界面看到如下信息

设置mq 开机自启

docker update --restart=always 49ff36b2b95a

前端实时提醒demo 安装stompjs

npm install stompjs

单页面引入 stomjs

import Stomp from "stompjs";
    export const MQTT_SERVICE = 'ws://192.168.0.17:15674/ws' // mqtt服务地址
    export const MQTT_USERNAME = 'username' // 连接用户名
    export const MQTT_PASSWORD = 'passward' //  连接密码
    export const Virtual_host = 'bx' //  侦听器端口

实时通信测试demo-随机消费

h1,
h2 {
  font-weight: normal;
}
ul {
  list-style-type: none;
  padding: 0;
}
li {
  display: inline-block;
  margin: 0 10px;
}
a {
  color: #42b983;
}

前端实现效果