Socket.io not working on android react native

Question

I am trying to socket.io to react native. It works perfectly fine on iOS device but doesn't work on android. I was doing some research and found out you need to usesCleartextTraffic="true".

I did that and its still not working. Below is my code. Any help would be really appreciated.

server code

const app = express();
const httpServer = createServer(app);
const io = new Server(httpServer)

io.on("connection", (socket) => {
    socket.on("hello",function (){
        io.emit("hello", "worldd");
    })
});

httpServer.listen(3000);

Client Side

useEffect(()=> {


    try {
      const socket = io('http://localhost:3000');


      socket.on("hello", (param) => {
        console.log(socket.id); // x8WIv7-mJelg7on_ALbx
        console.log(param);
      });


    } catch (e) {

      console.log(e)

    }


  });

What happens when it's not working? Is there an exception (or reactnative.dev/docs/debugging)? — zapl
– zapl, Commented Oct 1, 2022 at 0:10

json2021 · Accepted Answer · 2022-10-02 22:23:56Z

3

I found out what the issue was. I had put an actual url not use localhost ans it worked. I used ngrok for that

answered Oct 2, 2022 at 22:23

json2021

2,4372 gold badges19 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

EsotericLanguage Over a year ago

This was driving me absolutely nuts until I stumbled upon your comment and surprisingly this worked.... But why? Is there a reason Android can't connect to local host? Maybe it's because of a security concern the Android OS has put in place and using ngrok provides us with a secure connection over sockets?

Mustafa · Accepted Answer · 2022-10-01 00:16:22Z

-1

I think first you need to change the way you are setting up you server, change it to this instead as suggested by the documentation

const app = express();
const http = require('http');
const server = http.createServer(app);
const io = new Server(server);

The calling socket emit and on seems to be correct so try this and let me know if it works. you can also check full documentation here https://socket.io/get-started/chat

answered Oct 1, 2022 at 0:16

Mustafa

3533 silver badges11 bronze badges

Collectives™ on Stack Overflow

Socket.io not working on android react native

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related