I got it working by replacing localhost by hardcoded IP addres of my laptop. Also, I saw your 2017 post because of which I used the Phoenix js npm package so thanks for that. Since you have done it before, can I ask a Q. I will be further building the app, what I am wondering is how long will be the front end stay connected? Right now I can see while the app is in the foreground in my simulator, the channel is connected; so thats good. But were you able to stay connected to the socket while the app is minimized or worse killed? I think this Q might be more around react native and android battery optimizations rather than Phoenix Channels. If that is the case I apologize.
Also, will it be possible for you to share the code of your RN app using Phoenix sockets? It will be interesting for me to see.
Update - As expected, the app does not stay connected to channel when it is minimized, just tested it. Even after dropping the battery optimization of the app in emulator settings. I wonder if you have any pointers around it.
To access the local host of the machine that runs the android emulator you have to use 10.0.2.2.
Using localhost or 127.0.0.1 will point to the local host of the emulated device itself. On emulated iOS-devices with XCode, though, these point to the machine.
Regarding the second part of your question, I think you will get better anwers on an android forum. But I think this topic is also highly relevant to anyone that wants to use phoenix as backend for a native mobile app.
As far as I know, your app will get killed sooner or later by the android OS once in the background. There is no way to prevent this and keep a socket open. According to my experience, it happens very quickly on Samsung devices that run newer versions of android. The only way to reliably push to mobile clients is to go through Google’s Firebase service.
The backend implementation will have to keep track of user connections and
a) push incoming messages to offline clients
b) push undelivered messages to clients when their connection is removed.