Meteor + Ionic : Whatsapp clone dont run on device

ionic-v1
1

Hi,

i was following this great tutorial: http://www.angular-meteor.com/tutorials/whatsapp

At step 3 - “Chat view and send messages” I tried to run the app on my android device (HTC M7). After the app started the chats tab remains empty, but it works in the browser.

I changed the meteor-runtime-config.js to meteor_runtime_config.DDP_DEFAULT_CONNECTION_URL = ‘http://MYIPADDRESS:3000’; <- not localhost:3000, but the collection is still empty on my device.

Do someone know how to connect the clone from my device to the local server?

regards
mav

2

What about device console log (via Remote Chrome Debug)?

3

Thx for the feedback.

I’m not familiar with the remote chrome debugging. But I was able to start logcat. Now I have some difficulties to find the right filter.

I get my information about debugging from this URL: http://developer.android.com/guide/webapps/debugging.html

I will keep you up to date

4

My advice go with remote chrome debugging. It’s easy to set up and you’ll only see what you need to see.

5

Hi,

thx a lot! Yes its very easy. :wink:

I followed this tutorial: https://developers.google.com/web/tools/chrome-devtools/debug/remote-debugging/remote-debugging#remote-debugging-on-android-with-chrome-devtools

It looks like the app is trying to connect to the localhost.

http://localhost:3000/sockjs/info?cb=debdcoaezi

but i changed the IP in the meteor-runtime-config.js from localhost:3000 to ‘http://179.40.12.14:3000’;

So I think today I will debug my app :wink:

regards
mav

1 Like
6

HI,

so the app gets an 404 from the Server but at the same time the browser version is fine.

image
chrome_debug.png978×729 166 KB

regards
mav

7

This approach was working fine for me, but then after a period of not using it it stubbornly stopped working. (Probably due to some updates.) After much head banging I was able to make it go be using the Port Forwarding as described in the article above. (https://developers.google.com/web/tools/chrome-devtools/debug/remote-debugging/remote-debugging#remote-debugging-on-android-with-chrome-devtools)

This approach also has the advantage of using localhost for both running in the browser and running on the phone avoiding constantly tweaking the server URL.