JS SocketIOシングルトン

Question

私はソケットの同じインスタンスを維持するために、ソケットIOで働いている、とシングルトンパターンを適用したい

両方main.js & device.jsがロードされています

import ioInstance from './socket'  
console.log(ioInstance) 

Device.js：

が、異なるソケットインスタンス

Main.jsを持っています

import ioInstance from './socket' console.log(ioInstance) 

socket.js：

import io from 'socket.io-client' 
export const ioInstance = io('http://192.168.1.15:1337') 

私はこれを行うための多くの方法を試みたが、私は常に異なるソケットインスタンスを持っている...行う方法上の任意の手掛かりを持っ

誰でもそれは正しい？ありがとう

Answer 1

あなたの実際のシングルトンコードはシングルトンとして全く動作していません。

const socketConnection = { 
    _instance: null, 
    get instance() { 
    if (!this._instance) { 
     this._instance = { 
     setConnection() { 
      return io('http://192.168.0.11:1337') 
     }, 
     } 
    } 
    return this._instance 
    } 
} 

そして、あなたが参照している：あなたはこれを持っている場合はio('http://192.168.0.11:1337')たびに呼び出している

socket.instance.setConnection() 

あなたはthis._instanceがすでに設定されている場合でも、setConnection()を参照します。それが問題です。代わりに、を呼び出した結果をinstanceに保存またはキャッシュする必要があります。あなたはまた、問題を単純化することができ

import socket from './socket' 
console.log(socket.instance); 
socket.instance.on(...); 

---

：その後、ちょうどシングルトンソケットを参照するために、これを使用して、

const socketConnection = { 
    _instance: null, 
    get instance() { 
    if (!this._instance) { 
     this._instance = io('http://192.168.0.11:1337'); 
    } 
    return this._instance; 
    } 
} 

をそして：

---

あなたはこれに変更することで、それを修正することができちょうどこれを持っている：

import io from 'socket.io-client' 

const socketConnection = io('http://192.168.0.11:1337'); 

export default socketConnection; 

そして、そしてちょうどシングルトンソケットを参照するためにこれを使用する：あなたがあなたの元に実際のシングルトンのコードを示した場合

import socket from './socket' 
console.log(socket); 
socket.on(...); 

---

FYI、私たちは、おそらくあなたの質問を投稿した後、数分でこれを解決しているだろう質問。実際のコードを表示するのは、擬似コードの例を作成するよりも、実際のコードを表示するほうがずっと良いです。なぜなら、実際のソリューションを識別するために実際のコードを確認する必要があるためです。