Почему нет подключения к websockets?

Question

[Wasya UK]

Сделал простой сервак, проверил connect и emit, все работает. Потом сделал попытку подключится и отправить сообщение через react-native, но в консоли сервера не написало ни подключения ни сообщения. На простой html странице я подключался так: var socket = io('http://localhost:3000/'); в react-native не сработало. Потом решил использовать подключение с использованием ws, но тоже не помогло. В чем проблема?
NODE

io.on('connection', function(socket){
  console.log('an user connected');

  socket.on('chat message', function(msg){
    console.log('message: ' + msg);
  });

  socket.on('disconnect', function(){
    console.log('user disconnected');
  });
});

http.listen(3000, function(){
  console.log('listening on *:3000');
});

HTML

<script type="text/javascript">
    document.addEventListener("DOMContentLoaded", ready);

    function ready() {
      var socket = io('http://localhost:3000/');

      setInterval(() => {
        socket.emit('chat message', "$('#m').val()");
      }, 3000);
    }
  </script>

REACT-NATIVE

import React, { Component } from "react";
import { View, Text } from "react-native";

export default class RemoteControl extends Component {
  constructor(props) {
    super(props);

    this.state = {
      open: false,
      connected: false
    };

    this.socket = new WebSocket('ws://10.0.2.2:3000/');
    this.socket.onopen = () => {
      this.setState({connected:true})
    };
  }

  emit = () => {
    if( this.state.connected ) {
      this.socket.send("chat message")
      this.setState(prevState => ({ open: !prevState.open }))
    }
  }

  componentDidMount() {
        this.socket.onopen = () => this.socket.send(JSON.stringify({type: 'chat message', payload: 'Hello Mr. Server!'}));
        this.socket.onmessage = ({data}) => console.log(data);
    }

  render() {
    return (
      <View>
        <Text>Remote control page</Text>
      </View>
    );
  }
}

Comments

[Роман Александрович]

я бы на вашем месте попробовал как в документации описано https://facebook.github.io/react-native/docs/netwo...

[Wasya UK]

Роман Александрович, Da ladno... Не знаю как с socket.io, но пришлось использовать модуль WS на стороне сервера и указывать порт. Теперь можно подключатся по 'ws://10.0.2.2:8080/'. Если интересует, то делал так:

const WebSocket = require('ws');
const wss = new WebSocket.Server({
  port: 8080,
  perMessageDeflate: {
    zlibDeflateOptions: {
      // See zlib defaults.
      chunkSize: 1024,
      memLevel: 7,
      level: 3
    },
    zlibInflateOptions: {
      chunkSize: 10 * 1024
    },
    // Other options settable:
    clientNoContextTakeover: true, // Defaults to negotiated value.
    serverNoContextTakeover: true, // Defaults to negotiated value.
    serverMaxWindowBits: 10, // Defaults to negotiated value.
    // Below options specified as default values.
    concurrencyLimit: 10, // Limits zlib concurrency for perf.
    threshold: 1024 // Size (in bytes) below which messages
    // should not be compressed.
  }
});

wss.on('connection', function connection(ws) {
    ws.on('message', function incoming(message) {
        const {type: messageType} = JSON.parse(message);

        console.log("type", messageType);

        console.log('received: %s', message);
        ws.send('reply from server : ' + message)
    });

    ws.send('something');
});

[Роман Александрович]

Wasya UK, у меня тоже была проблема с socket.io и после долгих мучений заработало по доке.