Nút gốc và socket.io phản ứng không hoạt động

Question

Dưới đây là thành phần gốc phản ứng của tôi và mã nút server.js mà tôi đang cố gắng kết nối với nút phụ trợ websocket của tôi.

Mã phản hồi của tôi đang chạy trên cùng một máy tính với máy chủ. Tôi đã tìm thấy rất nhiều câu trả lời khác nhau ở đây, và github, không ai trong số đó tôi có thể làm việc.

Tôi cũng thấy question này mà không bao giờ được trả lời, và this question có một câu trả lời, mà tôi không thể có được làm việc (được yêu cầu hơn một năm trước)

Tôi đã tìm thấy this article và cố gắng sửa đổi mã của tôi dựa trên những hướng dẫn nhưng điều này không hiệu quả.

phản ứng đang

import React from 'react'; 
import { StyleSheet, Text, View, Image } from 'react-native'; 

const io = require('socket.io-client/socket.io'); 
let socket = io('http://localhost:3000'); 

export default class App extends React.Component { 

    constructor(props) { 
     super(props); 
     console.log(socket); 
    } 

    render() { 
     return (
      <View> 
       <Text>Websocket</Text> 
      </View> 
     ); 
    } 
} 

server.js

const express = require('express'); 
const http = require('http') 
const socketio = require('socket.io'); 

const app = express(); 
const server = http.Server(app); 
const websocket = socketio(server); 
server.listen(3000,() => console.log('listening on *:3000')); 

console.log(websocket) 

// The event will be called when a client is connected. 
websocket.on('connection', (socket) => { 
    console.log('A client just joined on', socket.id); 
}); 

Tôi đang sử dụng các phiên bản sau của gói

Answer 1

Cảm ơn, Peter. Theo tôi, bài viết bạn đã tìm thấy không hữu ích vì bạn đang cố gắng kết nối với máy chủ phục vụ trang. Theo ví dụ trên socket.io page, cố gắng đảm bảo rằng dòng này hoạt động: const io = require('socket.io-client/socket.io'); và kết nối mà không cần liên kết: let socket = io();

Nó làm việc cho tôi, nhưng chỉ trong trình duyệt trên cùng một máy tính. Tôi nghĩ rằng khi bạn sẽ kiểm tra trên thiết bị, bạn phải chỉ định IP của bạn thay vì localhost.

Chúc may mắn :)

Answer 2

Mã máy chủ của bạn có vẻ tốt. Mặc dù bạn nên kiểm tra xem bạn có thể kết nối với ổ cắm của nó thông qua một ứng dụng khách khác không.

Dù sao thì hãy thử điều này để có mã gốc phản ứng.

nhập theo:

import io from 'socket.io-client/socket.io'

Trong thành phần của bạn làm:

componentDidMount() { 
    const socket = io(YOURURL, { 
     transports: ['websocket'] 
    }) 

    socket.on('connect',() => { 
     console.log("socket connected") 
     socket.emit('YOUR EVENT TO SERVER', {}) 
     socket.on('EVENT YOU WANNA LISTEN', (r) => { 
     }) 
    }) 

    socket.on('connect_error', (err) => { 
     console.log(err) 
    }) 

    socket.on('disconnect',() => { 
     console.log("Disconnected Socket!") 
    }) 
    } 

Answer 3

Tôi tin rằng nó phải được

const io = require('socket.io-client'); 

nào làm việc cho tôi.

Tôi nhớ đã gặp phải các vấn đề này khi sử dụng phản ứng gốc. Rất nhiều hướng dẫn socket.io (bao gồm cả một trang trên trang của họ) giả sử bạn đang sử dụng một kiểu cũ hơn của việc nhập JS thông qua các thẻ script trong một tài liệu HTML. Có vẻ như socket.io đã thay đổi không gian tên như tôi nhớ nó là socket.io-client/socket.io một thời gian trước đây nếu bộ nhớ phục vụ ...