使用vue連線rabbitMQ

2021-10-25 15:49:14 字數 1248 閱讀 4902

首先是連線的資源包外掛程式 為

stompjs
然後說一下連線的簡要的流程(可以查到很多),通過stop建立乙個連線,

let client = stomp.client("mqurl")
然後登陸mq的服務

client.connect('使用者名稱', '密碼', () => , () => , '/');
在登陸成功後進行監聽建立好的mq佇列

this.socket = client.subscribe("訊息路由", (res) => 

);

大概就是這個流程,具體的配置引數自行官網咖。

然後說一下封裝的思路,封裝時建立了乙個util和vuex中的socketready變數;

1、util檔案中引用stomp並建立連線,登陸mq,登陸成功後改變vuex中 socketready 狀態;

2、vuex中的socketready變數的作用:方便子頁面監聽mq登陸成功時機,也不必重新登陸mq服務,只需監聽mq訊息路由即可;

下面為完成**,按需貼上

utils/websocket.js

import stomp from 'stompjs'

import store from '../store'

let client = null;

export function connectws()

client = stomp.client(window.socketurl);

client.debug = null;

// 連線rabbitmq

client.connect('使用者名稱', '密碼', () => , () => , '/');

})}export

登陸成功後(可在***中登陸,或在首頁登陸),如不需要登陸,在頁面載入呼叫即可

import  from "@/utils/websocket"; 

connectws().then(() =>

);});

子頁面使用(計算屬性+監聽登陸成功後)

computed: 

}, watch: );}

}},

至於怎麼搭建rabbitmq服務,了解甚微,都是度娘,過程不是很複雜,建立訊息佇列也不是很複雜(路由型別:fadeout)

RabbitMQ(六)遠端連線

預設情況下,rabbitmq使用 guest 來連線本地 localhost 的server,當需要遠端連線時,就會失效。guest user can only connect via localhost 官方文件 如果必須使用 guest 使用者來進行遠端登入,需要修改配置 rabbitmqctl...

vue中使用socket連線後台

1 需求背景 工程車巡檢,實時傳送巡檢位置資訊 現場狀況到伺服器,頁面實時顯示工程車位置以及狀況資訊 2 vue中使用socket建立實時連線 3 mounted生命週期中初始化連線 mounted 4 socket連線方法 1.首次進入頁面,如果不是檢視記錄,請求出來初始資料後,建立socket連...

pika 與 rabbitMQ 阻塞連線

之前只是用celery,這次用一下pika 參考rabbitmq官網的python版,沒想到各種坑.如果說rabbitmq官網是為了讓新人入門,所以刻意忽略掉細節,那麼必須吐槽pika的官方文件,很不好.遠不如celery 使用pika 的blockingconnection 但啟動後不久,作為pu...