Cannot connect to server using http service when emulating ionic application

Question

I have built a simple ionic app to test my api. But I ran into problem because when I run it in live-reload mode (-l option) everything works just fine (ionic run ios -l). But when I did not use live-reload (ionic run ios), it is seems that my app got an error. I cannot debug where my apps went wrong because that require live-reload option which an error won't occur.

I have reinstall the whitelist plugins several times. I added the below line into my config.xml inside widget zone.

<access origin="*"/>
<allow-intent href="*"/>
<allow-navigation href="*"/>

and also the below line in inside my index.html

<meta http-equiv="Content-Security-Policy" content="default-src *; style-src &apos;self&apos; &apos;unsafe-inline&apos;; script-src &apos;self&apos; &apos;unsafe-inline&apos; &apos;unsafe-eval&apos;">

this is my controller code

var url="/api/event/new"

.controller('Test', function($http, $scope) {
    $http.get(url).then(function(data) {
        $scope.allEvents = {
            all : function() {
                return data.data;
            },
            remove: function(Events) {
                data.data.splice(data.data.indexOf(Events), 1);
            },
            get : function(_id) {
                for (var x in data.data) {
                    if(data.data[i]._id == _id) {
                        return data.data[i];
                    }
                }
                return null;
            }
        };
        $scope.isNotConnected = false;
    }, function(error) {
        $scope.allEvents = {
            all : function() {
                return [{"title" : "Connection error!"}];
            }
        }
        $scope.isNotConnected = true;
        console.log(error);
    });
})

This is my ionic info

Cordova CLI: 6.1.1
Ionic Framework Version: 1.3.1
Ionic CLI Version: 1.7.15
Ionic App Lib Version: 0.7.2
ios-deploy version: 1.8.6 
ios-sim version: 5.0.8 
OS: Mac OS X El Capitan
Node Version: v5.9.1
Xcode version: Xcode 7.3 Build version 7D175

Also if I use ionic serve. I wouldn't be able to connect to my server at all. Even after I added proxies into ionic.project. — Wakeme UpNow
– Wakeme UpNow, Commented Jun 1, 2016 at 15:39
You are getting the url /api/event/new, but that doesn't really tell the app where to go. It sounds like you'll need to specifically tell the controller the hostname of the server — Jaron Thatcher
– Jaron Thatcher, Commented Jun 1, 2016 at 15:50
I ran into a similar problem not that long ago, check this question/answer out and see if it helps at all stackoverflow.com/questions/36731512/… — Jaron Thatcher
– Jaron Thatcher, Commented Jun 1, 2016 at 15:53
To Jaron That her - In my config files I added "proxies" : [{ "path" : "/api", "proxyUrl" : <my server address>}]. I assure that my server is running (I tested it with my browser). — Wakeme UpNow
– Wakeme UpNow, Commented Jun 1, 2016 at 16:00
I was unfamiliar with Ionic config, but I looked it up and that does seem to be correct. I'll let you know if I think of anything else — Jaron Thatcher
– Jaron Thatcher, Commented Jun 1, 2016 at 16:05

Shadi Shaaban · Accepted Answer · 2016-06-01 16:37:18Z

1

Use Remote Debugging - iOS and Safari

you can avoid using live reload and use safari debugging to see what's going wrong.

Safari can be used to debug an Ionic app on a connected iOS device. First, we need to enable Web Inspector on the connected device. Web Inspector can be found under Settings > Safari > Advanced. Next, head over to the Safari on your Mac and enable Show Develop menu in menu bar under Safari > Preferences > Advanced. The connected device should now appear in the Develop menu. From there, you can inspect it and use Safari's developer tools to debug your application!

Source: http://ionicframework.com/docs/cli/run.html

answered Jun 1, 2016 at 16:37

Shadi Shaaban

1,7081 gold badge11 silver badges17 bronze badges

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

3 Comments

Wakeme UpNow Over a year ago

If I enable web inspection on both my iOS device and my mac. I would have to first serve my ionic application. Then I use the url I got on my device, correct?

Shadi Shaaban Over a year ago

no, you run your application on iOS device or emulator and use the remote debugging from safari, your device/emulator will show up as a connected device and you could debug it directly.

Wakeme UpNow Over a year ago

Oh, I see. Thank you

Collectives™ on Stack Overflow

Cannot connect to server using http service when emulating ionic application

1 Answer 1

Use Remote Debugging - iOS and Safari

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Use Remote Debugging - iOS and Safari

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related