Call localhost API within react native ( android device : connected through local)

Question

Have created a simple GET API using node.js and trying to consume it within my expo-react native project using axios/fetch.

The GET API is called whenever user clicks on submit button.

Submit -> http://localhost:port/api

However, when I am trying to test the feature on my android device by connecting the device through datacable and selecting "local" connect type in expo, the API call always falls under exception.

When I tried to log the exception, the exception is printed empty.

I double checked the API and it works fine when tested through postman.

I tried replacing localhost url with my-Ip (http://IP:port/api) and also with 127.0.0.1/127.0.2.2 (http://127.0.0.1:port/api , http://127.0.2.2:port/api) , but nothing seems to make the API call a success.

When I replaced the localhost URL with Facebook's network sample API, the application worked just fine. So, there is no issue with the API calling method.

Also, tried adding the port to windows inbound firewall request but that didn't work too.

Can someone help me out with this ?

score 4 · Answer 1 · answered Feb 03 '19 at 15:01

4

You must call the API from your local IP address. To get your local IP, just do the following:

If you are on Ubuntu 16.04:

ifconfig | grep 192

If you are on Ubuntu 18.04:

ip -c a | grep 192

Your local IP address will probably be something like 192.168.0.XXX.

answered Feb 03 '19 at 15:01

vmf91

1,897
19
27

Tried replacing localhost with my local IP, but sadly didn't work. – user9571141 Feb 03 '19 at 16:24
1

Make sure your phone is connected to the same wi-fi as your computer. And check if the local IP is accessible from the same computer. Sometimes there are problems regard ports and firewall. – vmf91 Feb 03 '19 at 21:40
The phone and the laptop are connected to the same WiFi .Tried accessing http://myIp:port/api on my mobile browser, it seems to be unreachable too. – user9571141 Feb 04 '19 at 11:47
I am pretty sure that you have got the wrong IP address. You should get the local IP address. What IP are you using to test? – vmf91 Feb 04 '19 at 17:19
Got the IP from windows 10 --> run --> Cmd --> ipconfig --> IP v4 – user9571141 Feb 04 '19 at 18:59
1

For now ngrok is the way to go for me. Thanks vmf91 for sticking through. – user9571141 Feb 05 '19 at 17:25
1

Yes, with ngrok everything is working. Thanks for checking :). – user9571141 Feb 08 '19 at 09:32
ngrok Save my life in this problem! – Adrian Serna Aug 26 '19 at 19:32

score 3 · Answer 2 · answered Feb 03 '19 at 14:36

3

yes, i also had this problem until use my Local IP (example: http://192.168.1.55:port) instead 127.0.0.1 please see this answer

answered Feb 03 '19 at 14:36

Rahmat Anjirabi

868
13
16

1

Tried replacing localhost with my local IP, but sadly didn't work. – user9571141 Feb 03 '19 at 16:24

score 0 · Answer 3 · answered Sep 17 '20 at 07:57

0

Good day, This is working

I use my machine's IP the Ethernet adapter Ethernet 2: IPV4 Address

And allow my port on firewall both Inbound and outbound rules

answered Sep 17 '20 at 07:57

Aljohn Yamaro

2,629
25
22

Call localhost API within react native ( android device : connected through local)

3 Answers3