Socket.io-client: अपरिचित WebSocket कनेक्शन विकल्प (ओं) `एजेंट`,` perMessageDeflate`, `pfx`,` key`, `passphrase`,` cert`, `ca`,` cipersers`, `rejectUnauthorized`। क्या आप `हेडर` के तहत इन्हें लगाने का मतलब रखते थे?

एक ही समस्या है :(

+1

+1

+1

लगता है कि कम से कम 18 दिसंबर के बाद से एक मुद्दा

+1

+1

+1

+1

प्रतिक्रिया-मूल पर socket.io (2.2.0) का उपयोग करते समय मुझे अभी भी यह चेतावनी मिल रही है। मैं डिवाइस स्क्रीन पर पीले बॉक्स को चुप कर सकता हूं:

import { YellowBox } from 'react-native'

YellowBox.ignoreWarnings([
  'Unrecognized WebSocket connection option(s) `agent`, `perMessageDeflate`, `pfx`, `key`, `passphrase`, `cert`, `ca`, `ciphers`, `rejectUnauthorized`. Did you mean to put these under `headers`?'
])

लेकिन मुझे अभी भी कंसोल पर यह कष्टप्रद चेतावनी मिल रही है ...

"सॉकेट.-क्लाइंट" के लिए डाउनग्रेड करें: "2.1.0" और सब ठीक है

मेरे लिए यह तब काम आया जब मैंने 2.1.1 पर डाउनग्रेड किया था:
yarn add [email protected]

पहले तो यह काम नहीं किया क्योंकि मैं ^ प्रतीक को socket.io-client@^2.1.1 संस्करण से पहले जोड़ रहा था, जो मेरा मानना ​​है कि पैकेज के अन्य मामूली संस्करणों को स्वीकार करता है।

अभी भी एक मुद्दा @ 2.2.0

सॉकेट.आईओ-क्लाइंट को 1.7.2 पर अपग्रेड करने का प्रयास करें, यह मेरे लिए काम करता है।

फिर भी एक मुद्दा @ ^ 2.3.0

अभी भी एक मुद्दा v2.3.0 प्रतिक्रिया-मूल के साथ

@ 2.1.1 ठीक है। लेकिन 2.3.0 RN 0.61.1 पर चेतावनी संदेश फेंकता है

अब तक कोई समाधान

अभी भी एक मुद्दा v2.3.0 प्रतिक्रिया-देशी के साथ

हे लोगों! हमने v2.1.1 में डाउनग्रेड करके इस समस्या को ठीक कर दिया है

सुनिश्चित करें कि आप पुराने संस्करण को पूरी तरह से हटा दें और कैश को साफ़ करें।

1. package.json से socket.io- क्लाइंट को हटा दें और बेहतर तरीके से अपने पैकेज-लॉक / यार्न.लॉक फ़ाइलों को हटा दें।
2. अपना पूरा नोड_मॉडल फ़ोल्डर हटाएं (नए सिरे से शुरू करें)
3. npm स्थापित सॉकेट।

किया हुआ! यह प्रतिक्रिया-मूल और प्रतिक्रिया-मूल-वेब के साथ काम करना चाहिए!

मेरे पास react-native: 0.61.4 साथ एक ही मुद्दा है, लेकिन किसी तरह ऐप क्रैश हो रहा है, मुझे नहीं पता कि यह चेतावनी के कारण हो रहा है या कोई अन्य सॉकेट-संबंधित चीज़ है, लेकिन जब मैंने सॉकेट से कनेक्ट करने का प्रयास किया ऐप बंद हो जाता है।

यह मेरा आत्मविश्वास है:
{ autoConnect: false, reconnectionDelay: 1000, reconnection: true, transports: ['websocket'], agent: false, // [2] Please don't set this to true upgrade: false, rejectUnauthorized: false }

अगर सॉकेट पहले से कनेक्ट है तो क्या socket.open क्रैश होता है?

इस चेतावनी को ReactNative/WebSocket.js:117 द्वारा उठाया गया है क्योंकि EngineIO (हुड के तहत सॉकेटियो द्वारा उपयोग किया जाता है) EngineIO/websocket.js:121 माध्यम से उजागर किए गए प्रतिक्रियाशील वेबस्केट कार्यान्वयन का संदर्भ देगा जो opts पारित है जिसमें गुण शामिल हैं चेतावनी संदेश का उल्लेख है। जिज्ञासावश पर्याप्त रूप से, टिप्पणी के माध्यम से EngineIO अनुरक्षकों द्वारा वर्णित ये अतिरिक्त गुण "Node.js क्लाइंट के लिए एसएसएल विकल्प" हैं।

EngineIO/websocket.js:114 पर नीचे दिए गए कोड को जोड़कर opts जोड़-तोड़ करने के लिए WebSocket कंस्ट्रक्टर को दिए गए हम opts में सभी बाहरी कुंजी को सफलतापूर्वक दिखाई देने से चेतावनी को रोकने के लिए निकाल देते हैं पहली जगह ( omit को लोधश से आयात किया जाता है, फिर से काम किया जा सकता है)।

// lib/transports/websocket.js
...
if (this.isReactNative) {
  // prettier-ignore
  opts = omit(opts, ['agent', 'perMessageDeflate', 'pfx', 'key', 'passphrase', 'cert', 'ca', 'ciphers', 'rejectUnauthorized']);
}
...

यदि आप एक ऐसे समाधान की तलाश कर रहे हैं जिसमें YellowBox.ignoreWarnings माध्यम से चेतावनी को शामिल न करना हो तो आप doOpen को पूरी तरह से ओवरराइड कर सकते हैं जैसा कि नीचे कुछ ऐसा जोड़कर EngineIO/websocket.js:87 परिभाषित किया गया है। , आपके ReactNative प्रोजेक्ट के प्रवेश बिंदु पर, आमतौर पर index.js ।

// index.js
...
+ import 'patches/EngineIOHeaderWarning';
...

// patches/EngineIOHeaderWarning.js
const WS = require('engine.io-client/lib/transports/websocket');

var WebSocketImpl = WebSocket; // eslint-disable-line no-undef

WS.prototype.doOpen = function() {
  if (!this.check()) {
    // let probe timeout
    return;
  }

  var uri = this.uri();
  var protocols = this.protocols;
  var opts = {};

  if (this.extraHeaders) {
    opts.headers = this.extraHeaders;
  }
  if (this.localAddress) {
    opts.localAddress = this.localAddress;
  }

  try {
    this.ws = new WebSocketImpl(uri, protocols, opts);
  } catch (err) {
    return this.emit('error', err);
  }
};

कुल मिलाकर, यदि हम इन अतिरिक्त opts को बाहर निकालने के लिए EngineIO के लिए एक पुल अनुरोध बनाते हैं, जिसकी आवश्यकता तब नहीं होती है जब ReactNative में this.isReactNative माध्यम से उपयोग किया जाता है, तो हम सभी उनके लिए सॉकेटियो क्लाइंट का उपयोग करके इस चेतावनी को दबा सकते हैं। प्रतिक्रियाशील परियोजनाएं।

आप चाहते हैं कि:

• [x] एक _bug_ रिपोर्ट
• [] एक _feature_ का अनुरोध करें

वर्तमान व्यवहार

जब मैं एक रिक्त प्रतिक्रिया मूल निवासी एक्सपो परियोजना पर socket.io-client स्थापित करता हूं तो मेरे पास एक पीला संदेश है:

Unrecognized WebSocket connection option(s) `agent`, `perMessageDeflate`, `pfx`, `key`, `passphrase`, `cert`, `ca`, `ciphers`, `rejectUnauthorized`. Did you mean to put these under `headers`?

पुन: पेश करने के लिए कदम (यदि मौजूदा व्यवहार बग है)

yarn add socket.io-client

प्रतिक्रियाशील मूल परियोजना में App.js में:

import React from 'react';
import { YellowBox } from 'react-native';
import io from 'socket.io-client';

YellowBox.ignoreWarnings(['Remote debugger']);

import AppContainer from './config/routing';

export default class App extends React.Component {
    constructor(props) {
        super(props);
    }

    componentWillMount() {
        const socket = io('http://10.0.60.26:3000', {
            forceNew: true
        });
        socket.on('connect', () => console.log('Connection'));
    }

    render() {
        return <AppContainer />;
    }
}

मेरा समाधान:

बस सॉकेट को इस तरह से उपयोग में सहेजें:

'socket.io-client' से आयात io;
// ...

const [socket] = useState(() => io('SERVER_URL'));

समस्या सुलझ गयी।

मेरे मामले में, v2.3 ठीक है जब मैं स्थानीय सॉकेट से कनेक्ट करता हूं ।io सर्वर।
लेकिन यह त्रुटि तब होती है जब मैं दूरस्थ सॉकेट.io सर्वर से कनेक्ट करता हूं।
सर्वर स्रोत समान है।
इसलिए मैं 2.1.1 के सॉकेट.आईओ क्लाइंट वर्जन को डाउनग्रेड करता हूं, और यह ठीक काम करता है।

इस चेतावनी को ReactNative/WebSocket.js:117 द्वारा उठाया गया है क्योंकि EngineIO (हुड के तहत सॉकेटियो द्वारा उपयोग किया जाता है) EngineIO/websocket.js:121 माध्यम से उजागर किए गए प्रतिक्रियाशील वेबस्केट कार्यान्वयन का संदर्भ देगा जो opts पारित है जिसमें गुण शामिल हैं चेतावनी संदेश का उल्लेख है। जिज्ञासावश पर्याप्त रूप से, टिप्पणी के माध्यम से EngineIO अनुरक्षकों द्वारा वर्णित ये अतिरिक्त गुण "Node.js क्लाइंट के लिए एसएसएल विकल्प" हैं।

EngineIO/websocket.js:114 पर नीचे दिए गए कोड को जोड़कर opts जोड़-तोड़ करने के लिए WebSocket कंस्ट्रक्टर को दिए गए हम opts में सभी बाहरी कुंजी को सफलतापूर्वक दिखाई देने से चेतावनी को रोकने के लिए निकाल देते हैं पहली जगह ( omit को लोधश से आयात किया जाता है, फिर से काम किया जा सकता है)।

// lib/transports/websocket.js
...
if (this.isReactNative) {
  // prettier-ignore
  opts = omit(opts, ['agent', 'perMessageDeflate', 'pfx', 'key', 'passphrase', 'cert', 'ca', 'ciphers', 'rejectUnauthorized']);
}
...

यदि आप एक ऐसे समाधान की तलाश कर रहे हैं जिसमें YellowBox.ignoreWarnings माध्यम से चेतावनी को शामिल न करना हो तो आप doOpen को पूरी तरह से ओवरराइड कर सकते हैं जैसा कि नीचे कुछ ऐसा जोड़कर EngineIO/websocket.js:87 परिभाषित किया गया है। , आपके ReactNative प्रोजेक्ट के प्रवेश बिंदु पर, आमतौर पर index.js ।

// index.js
...
+ import 'patches/EngineIOHeaderWarning';
...

// patches/EngineIOHeaderWarning.js
const WS = require('engine.io-client/lib/transports/websocket');

var WebSocketImpl = WebSocket; // eslint-disable-line no-undef

WS.prototype.doOpen = function() {
  if (!this.check()) {
    // let probe timeout
    return;
  }

  var uri = this.uri();
  var protocols = this.protocols;
  var opts = {};

  if (this.extraHeaders) {
    opts.headers = this.extraHeaders;
  }
  if (this.localAddress) {
    opts.localAddress = this.localAddress;
  }

  try {
    this.ws = new WebSocketImpl(uri, protocols, opts);
  } catch (err) {
    return this.emit('error', err);
  }
};

कुल मिलाकर, यदि हम इन अतिरिक्त opts को बाहर निकालने के लिए EngineIO के लिए एक पुल अनुरोध बनाते हैं, जिसकी आवश्यकता तब नहीं होती है जब ReactNative में this.isReactNative माध्यम से उपयोग किया जाता है, तो हम सभी उनके लिए सॉकेटियो क्लाइंट का उपयोग करके इस चेतावनी को दबा सकते हैं। प्रतिक्रियाशील परियोजनाएं।

आपका कोड मुझे सर्वर से कनेक्ट करने की अनुमति नहीं देगा और EngineIO के इच्छित व्यवहार को बदल देगा, इसलिए मैंने उन विकल्पों को एक इफ स्टेटमेंट में लपेटा है लेकिन उसी पैच तंत्र का उपयोग किया है जो आपने सुझाया था

// patches/EngineIOHeaderWarning.js
const WS = require('engine.io-client/lib/transports/websocket');

var WebSocketImpl = WebSocket; // eslint-disable-line no-undef

WS.prototype.doOpen = function() {
    if (!this.check()) {
        // let probe timeout
        return;
    }

    var uri = this.uri();
    var protocols = this.protocols;
    var opts = {};

    if(!this.isReactNative){
        opts.agent = this.agent;
        opts.perMessageDeflate = this.perMessageDeflate;

        // SSL options for Node.js client
        opts.pfx = this.pfx;
        opts.key = this.key;
        opts.passphrase = this.passphrase;
        opts.cert = this.cert;
        opts.ca = this.ca;
        opts.ciphers = this.ciphers;
        opts.rejectUnauthorized = this.rejectUnauthorized;
    }


    if (this.extraHeaders) {
        opts.headers = this.extraHeaders;
    }
    if (this.localAddress) {
        opts.localAddress = this.localAddress;
    }

    try {
        this.ws =
            this.usingBrowserWebSocket && !this.isReactNative
                ? protocols
                ? new WebSocketImpl(uri, protocols)
                : new WebSocketImpl(uri)
                : new WebSocketImpl(uri, protocols, opts);
    } catch (err) {
        return this.emit('error', err);
    }

    if (this.ws.binaryType === undefined) {
        this.supportsBinary = false;
    }

    if (this.ws.supports && this.ws.supports.binary) {
        this.supportsBinary = true;
        this.ws.binaryType = 'nodebuffer';
    } else {
        this.ws.binaryType = 'arraybuffer';
    }

    this.addEventListeners();
};

"सॉकेट.-क्लाइंट" के लिए डाउनग्रेड करें: "2.1.0" और सब ठीक है

इसने मेरे लिए काम किया।

अगर मैं इस मुद्दे को अच्छी तरह से समझता हूं, तो क्या यह संबंधित निर्भरता का मुद्दा https://github.com/socketio/socket.io-client/commit/06e9a4ca2621176c302b2ba8ba34ffa42b8d0ba में है?

2.1.1 के डाउनग्रेड वास्तव में काम करता है, लेकिन हम दो साल पुराने रिलीज पर अटक गए हैं।

क्या प्रोजेक्ट पर @ptboyer को लागू किया जा सकता है और जारी किया जा सकता है?

क्या यह चेतावनी पैकेज की कार्यक्षमता को प्रभावित करती है? बस इसे स्थापित करना और इसके द्वारा वापस आयोजित नहीं करना चाहता। यदि इसके कोई अन्य परिणाम न हों तो अनदेखा करने में खुशी होगी

संपादित करें: किसी को भी एक ही बात सोच के लिए। जहां तक ​​मैं बता सकता हूं कि यह चेतावनी असंगत है।

@schumannd यह समस्या पूरी तरह से त्रुटि / चेतावनी संदेश को म्यूट करने के बारे में है। कार्यात्मक रूप से, यह चेतावनी असंगत है। :)

+1

मैं इस बात से बहुत चिंतित हूं कि क्या सॉकेट.आईओ लाइब्रेरी अभी भी बनी हुई है या नहीं, क्योंकि फिक्स या आगामी अपडेट के बारे में कोई आधिकारिक जवाब नहीं है।

+1

+1

const _io = ioClient.connect(socketurl, { forceNode: true });
यही काम है

@isthaison यह मेरे लिए काम नहीं करता है

@ मेरे लिए यह काम करता है ... लेकिन हर दूसरे http अनुरोध बहुत धीमा हो जाता है ... मुझे नहीं पता कि यह वर्कअराउंड से कैसे संबंधित है ... यह ...

{बलकोड: सच}

धन्यवाद। यह काम मेरे लिए।

यह एकमात्र समाधान है जिसने मेरे लिए काम किया।

इस चेतावनी को ReactNative/WebSocket.js:117 द्वारा उठाया गया है क्योंकि EngineIO (हुड के तहत सॉकेटियो द्वारा उपयोग किया जाता है) EngineIO/websocket.js:121 माध्यम से उजागर किए गए प्रतिक्रियाशील वेबस्केट कार्यान्वयन का संदर्भ देगा जो opts पारित है जिसमें गुण शामिल हैं चेतावनी संदेश का उल्लेख है। जिज्ञासावश पर्याप्त रूप से, टिप्पणी के माध्यम से EngineIO अनुरक्षकों द्वारा वर्णित ये अतिरिक्त गुण "Node.js क्लाइंट के लिए एसएसएल विकल्प" हैं।
EngineIO/websocket.js:114 पर नीचे दिए गए कोड को जोड़कर opts जोड़-तोड़ करने के लिए WebSocket कंस्ट्रक्टर को दिए गए हम opts में सभी बाहरी कुंजी को सफलतापूर्वक दिखाई देने से चेतावनी को रोकने के लिए निकाल देते हैं पहली जगह ( omit को लोधश से आयात किया जाता है, फिर से काम किया जा सकता है)।

// lib/transports/websocket.js
...
if (this.isReactNative) {
  // prettier-ignore
  opts = omit(opts, ['agent', 'perMessageDeflate', 'pfx', 'key', 'passphrase', 'cert', 'ca', 'ciphers', 'rejectUnauthorized']);
}
...

यदि आप एक ऐसे समाधान की तलाश कर रहे हैं जिसमें YellowBox.ignoreWarnings माध्यम से चेतावनी को शामिल न करना हो तो आप doOpen को पूरी तरह से ओवरराइड कर सकते हैं जैसा कि नीचे कुछ ऐसा जोड़कर EngineIO/websocket.js:87 परिभाषित किया गया है। , आपके ReactNative प्रोजेक्ट के प्रवेश बिंदु पर, आमतौर पर index.js ।

// index.js
...
+ import 'patches/EngineIOHeaderWarning';
...

// patches/EngineIOHeaderWarning.js
const WS = require('engine.io-client/lib/transports/websocket');

var WebSocketImpl = WebSocket; // eslint-disable-line no-undef

WS.prototype.doOpen = function() {
  if (!this.check()) {
    // let probe timeout
    return;
  }

  var uri = this.uri();
  var protocols = this.protocols;
  var opts = {};

  if (this.extraHeaders) {
    opts.headers = this.extraHeaders;
  }
  if (this.localAddress) {
    opts.localAddress = this.localAddress;
  }

  try {
    this.ws = new WebSocketImpl(uri, protocols, opts);
  } catch (err) {
    return this.emit('error', err);
  }
};

कुल मिलाकर, यदि हम इन अतिरिक्त opts को बाहर निकालने के लिए EngineIO के लिए एक पुल अनुरोध बनाते हैं, जिसकी आवश्यकता तब नहीं होती है जब ReactNative में this.isReactNative माध्यम से उपयोग किया जाता है, तो हम सभी उनके लिए सॉकेटियो क्लाइंट का उपयोग करके इस चेतावनी को दबा सकते हैं। प्रतिक्रियाशील परियोजनाएं।

आपका कोड मुझे सर्वर से कनेक्ट करने की अनुमति नहीं देगा और EngineIO के इच्छित व्यवहार को बदल देगा, इसलिए मैंने उन विकल्पों को एक इफ स्टेटमेंट में लपेटा है लेकिन उसी पैच तंत्र का उपयोग किया है जो आपने सुझाया था

// patches/EngineIOHeaderWarning.js
const WS = require('engine.io-client/lib/transports/websocket');

var WebSocketImpl = WebSocket; // eslint-disable-line no-undef

WS.prototype.doOpen = function() {
    if (!this.check()) {
        // let probe timeout
        return;
    }

    var uri = this.uri();
    var protocols = this.protocols;
    var opts = {};

    if(!this.isReactNative){
        opts.agent = this.agent;
        opts.perMessageDeflate = this.perMessageDeflate;

        // SSL options for Node.js client
        opts.pfx = this.pfx;
        opts.key = this.key;
        opts.passphrase = this.passphrase;
        opts.cert = this.cert;
        opts.ca = this.ca;
        opts.ciphers = this.ciphers;
        opts.rejectUnauthorized = this.rejectUnauthorized;
    }


    if (this.extraHeaders) {
        opts.headers = this.extraHeaders;
    }
    if (this.localAddress) {
        opts.localAddress = this.localAddress;
    }

    try {
        this.ws =
            this.usingBrowserWebSocket && !this.isReactNative
                ? protocols
                ? new WebSocketImpl(uri, protocols)
                : new WebSocketImpl(uri)
                : new WebSocketImpl(uri, protocols, opts);
    } catch (err) {
        return this.emit('error', err);
    }

    if (this.ws.binaryType === undefined) {
        this.supportsBinary = false;
    }

    if (this.ws.supports && this.ws.supports.binary) {
        this.supportsBinary = true;
        this.ws.binaryType = 'nodebuffer';
    } else {
        this.ws.binaryType = 'arraybuffer';
    }

    this.addEventListeners();
};

const _io = ioClient.connect(socketurl, { forceNode: true });
यही काम है

यह मेरे साथ काम करता है, धन्यवाद!

"socket.io-client": "^2.3.0"

const socket = io(host, { forceNode: true });

const _io = ioClient.connect(socketurl, { forceNode: true });
यही काम है

यह मेरे साथ काम करता है, धन्यवाद!

"socket.io-client": "^2.3.0"

const socket = io(host, { forceNode: true });

इसने मेरे लिए भी काम किया! बहुत धन्यवाद

आप बस कुछ हेडर जोड़ सकते हैं और यह काम करता है!
socket = io.connect('SOCKET_URL_HERE', { jsonp: false, agent: '-', pfx: '-', cert: '-', ca: '-', ciphers: '-', rejectUnauthorized: '-', perMessageDeflate: '-' });

const _io = ioClient.connect (सॉकेटुरल, {बलनोड: सच});

यह चेतावनी को हल करता है लेकिन मेरे सॉकेट कनेक्शन को वास्तव में बहुत धीमा बनाता है (वास्तव में टाइमआउट), इसलिए यह मेरे लिए अनुपयोगी है।

const _io = ioClient.connect (सॉकेटुरल, {बलनोड: सच});

यह चेतावनी को हल करता है लेकिन मेरे सॉकेट कनेक्शन को वास्तव में बहुत धीमा बनाता है (वास्तव में टाइमआउट), इसलिए यह मेरे लिए अनुपयोगी है।

वही यहाँ: कनेक्शन टाइमआउट!

मैंने फ्रॉसनोड से छुटकारा पा लिया और 2.1.0 डाउनग्रेड किया और यह ठीक काम किया। मेरे पास यह मुद्दा भी था कि मैं अपने एमुलेटर डिवाइस के लिए लोकलहोस्ट का उपयोग कर रहा हूं न कि आईपी का।

वही @SaveYourTime , मैं "socket.io-client": "^2.3.0" का उपयोग कर रहा हूं
यहां देखें https://socket.io/docs/client-api/।
मैं forceNode विकल्प क्यों जोड़ता हूं

इस मुद्दे को engine.io-client v3.4.3 पर तय किया जाना चाहिए, इसलिए आपको केवल yarn.lock फ़ाइल और node_modules निर्देशिका को हटाना होगा, तब yarn install चलाएँ

रेफरी https://github.com/socketio/engine.io-client/commit/2f5c948abe8fd1c1c0fdb010e88f96bd933a3792ea

@BassemN शायद अपने यार्न.लॉक फ़ाइल को हटाने के बजाय, आप संस्करण को सुरक्षित रूप से टक्कर देने के लिए yarn upgrade-interactive का उपयोग कर सकते हैं?

यह "लॉक" फ़ाइल के विचार के लिए थोड़ा जवाबी-सहज लगता है यदि आप अपने पैकेज को अपग्रेड करना चाहते हैं तो हर बार इसे पूरी तरह से नष्ट कर देते हैं। 😅

यह https://github.com/socketio/engine.io-client/commit/e5bc1063cc90a7b6262146c7335ff8fff9e5b ( [email protected] और [email protected] ) द्वारा तय किया जाना चाहिए।

forceNode विकल्प के बारे में, ऐसा लगता है कि प्रतिक्रिया मूल निवासी वास्तव में WebSocket ( Ref ) का समर्थन करता है, इसलिए forceNode: true आवश्यकता नहीं होनी चाहिए। क्या यह मामला नहीं है?