반응형
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 8001
2개의 회선을 교환할 때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
반응형
'source' 카테고리의 다른 글
Executor Service, 모든 작업이 완료될 때까지 기다리는 방법 (0) | 2022.08.03 |
---|---|
Vue와 함께 글꼴 awesome을 사용하여 타이프스크립트 빌드 오류 발생 (0) | 2022.08.03 |
NavMenu가 요소 UI에서 응답할 수 있습니까? (0) | 2022.08.03 |
SSR 사용 시 Nuxt Store의 초기 상태가 정의되지 않았습니다. (0) | 2022.08.03 |
내 프로젝트에서 코르도바 플러그인을 가져오는 방법 (0) | 2022.08.03 |