source

vue-socket.io 여러 웹 소켓 서버에 접속하는 방법

goodcode 2022. 8. 3. 23:13
반응형

vue-socket.io 여러 웹 소켓 서버에 접속하는 방법

다음과 같이 VUE-Client에서2개의 다른 웹 브라우저 서버에 접속하려고 합니다.

import { store } from '@/store/store'
import { store2 } from '@/store/store2'

Vue.use(Vuex)

Vue.use(VueSocketio, 'http://192.168.1.101:8000', store)
Vue.use(VueSocketio, 'http://192.168.1.102:8001', store2)

2개의 스토어 파일을 작성했습니다.store.js그리고.store2.js

사실 첫 번째Vue.use(VueSocketio…회선은 접속되어 정상적으로 동작하지만, 2번째 회선은 동작하지 않습니다.위의 예에서는Port 8000접속하고 있지만 접속하고 있지 않다Port 80012개의 회선을 교환할 때Port 8001접속은 되지만Port 8000하지 않을 것이다.

제가 찾은 예시는 모두 1대의 웹 소켓 서버만을 취급하고 있으며, 정상적으로 동작합니다.VUE-Client를 사용하여 여러 웹 소켓 서버에 연결하는 베스트 프랙티스는 무엇입니까?

둘 다 어떻게 연결되는지 알아?

솔루션은 Github에서 찾을 수 있습니다.https://github.com/MetinSeylan/Vue-Socket.io/pull/98

여러 네임스페이스/소켓 연결 추가

let connectObj = {
  notification: 'http://localhost:5000/notification',
  client: 'http://localhost:5000/client'
}
Vue.use(VueSocketio, connectObj, store)

이렇게 하면 단일 Vue 인스턴스에서 여러 소켓 인스턴스(예전 네임스페이스)를 청취할 수 있는 기능이 추가됩니다.연결이 개체로 전달되면 키를 사용하여 수신자를 식별할 수 있으므로 수신자를 분리할 수 있습니다.

언급URL : https://stackoverflow.com/questions/51726558/vue-socket-io-how-to-connect-to-multiple-websocket-servers

반응형