首先是連線的資源包外掛程式 為
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...