반응형
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
반응형
'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 |