Блог

Я использую socket.io-client в приложении чата react native. Сокет нормально подключается и отвечает на on (‘connection’), но не отвечает на сообщения. Как правильно настроить socket.io-client для обработки пользовательских событий? Вся документация, которую я нахожу, похожа на мою реализацию. Мой модуль обмена сообщениями:

 import io from 'socket.io-client';
Messenger = (props) => {
  const [data, setData] = useState([]);
  const [test, setTest] = useState('');

  const socket = io('https://test.com', {
    autoConnect: false,
  });

  const getCredentials = async () => {
    await socket.connect();
    await fetchMessages();
  }

  useEffect(() => {
    socket.connect();

    socket.on('connect', function() {
      setTest('connected!');
    });

    socket.on('message', function(message) {
      setTest('message!');
    });

    socket.on('typing', function(typing) {
      setTest('typing');
    });
    getCredentials();
  }, []);

  return (...);
}
  

Мой сервер:

 var socket_io = require( 'socket.io' );
const io = socket_io();
io.use((socket, next) => {
  sessionMiddleware(socket.request, {}, next);
});
io.on( "connection", function( socket )
{
  if (socket.request.session.auth_user) {
    redisClient.set(socket.request.session.auth_user._id.toString(), socket.id);

    socket.on( "disconnect", function() {
      console.log( "A user disconnected" );
      redisClient.del(socket.request.session.auth_user._id);
    });
  }
});
  

Это действительно трудно сказать, не видя вашего сервера, но если сравнивать ваш случай с моим случаем, это должно быть что-то вроде этого:

 useEffect(() => {
    const socket = io('https://test.com', {
        autoConnect: false,
    });

    socket.on('connect', function () {
        setTest('connected!');

        socket.on('message', function (message) {
            setTest('message!');
        });

        socket.on('typing', function (typing) {
            setTest('typing');
        });
    });
  

}, []);