#Ionic livereload not working how to#
#Ionic livereload not working install#
#Ionic livereload not working full#
#Ionic livereload not working android#
#Ionic livereload not working simulator#

You don't even need to have your device plugged in via USB, as long as it is running on the same WiFi network it should work. This would allow the request to successfully be sent from the iOS/Android device to the server running locally on our computer.

In our code, if we were sending an HTTP request to: We would just need to change it to: This means that we would be able to access this server through: In this example, we are assuming that the server is running over port 3000 but this might be different for your circumstances. Our local backend/server is also running at this same address, just on a different port. Which means that the Ionic application us running over port 8100 at the IP Address 192.168.0.105.

We can use this address instead of localhost and it will allow us to access a server running on our computer from the Ionic application running on a device. What is important for us is the External address listed above. This is where the live development servers are running and where we can view the application. When you run this command, you should see a message like this pop up at some point: Development server running! Local: External: Use Ctrl+C to quit this process

It is also possible to do this without Ionic and the Ionic CLI, see the documentation on live reload for more information. NOTE: This tutorial assumes you already understand the basics of using Capacitor with Ionic applications.

#Ionic livereload not working android#

Then just run the following command to get your application ready to run on iOS or Android: ionic cap run android -l -external

#Ionic livereload not working install#

In order to do this, you will need to install the native-run package globally if you have not already: npm install -g native-run As long as you are running your application on the same WiFi network, you will be able to access a server that is running on your computer from your external device. So, how do we forward these requests from our mobile device to the computer that is running the server/backend? Using the Ionic CLI to access localhost externallyįortunately, this is quite easy to do with the Ionic CLI and Capacitor. Let's say you've got a server running on your machine at This is fine when you are testing your Ionic application on your computer because you can just send your HTTP requests to: But once you deploy the application as a native iOS or Android application to your device, this URL will no longer work since the context for localhost means that it will no longer be referring to the computer where your server is running. Using the Ionic CLI to access localhost externally That includes startups, UX design, growth hacking, productivity and many more.How do you access localhost from a mobile device? I love everything that involves websites and mobile apps.

#Ionic livereload not working full#

I'm a freelance full stack developer working in Paris. If you have questions or remarks concerning this article, please feel free to share them in the comments below! Mitch

#Ionic livereload not working simulator#

We just need to specify it to Cordova! And that's done like that: $ ionic cordova run ios -l -target='iPhone-6, 10.0'Īnd that's it folks! The iPhone 6 simulator will launch instead of the default one. OK, so now we have our available simulators. You should see a list of all the simulators available like this: iPhone-4s, 9.3 There seems to be more than one command line available to do this, but hey, we only need one that's working. Well, no more laziness, sir! Let's specify this bloody target! List the available devices 'Oh! So I could specify a target!' And then the simulator launches and the idea of specifying a target just vanishes until the next launch. So, as I said, when you run ionic on iOS with live reload, you run this: $ ionic cordova run ios -līut at the end of all these complicated build lines you can read: ** BUILD SUCCEEDED ** And it's quite helpful when you want to debug your iOS app using Ionic's live reload feature! But I was always too lazy to look for the answer.

#Ionic livereload not working how to#

Have you ever wondered how to launch a specific iOS simulator directly using the ionic cli instead of launching XCode and choosing the simulator from the list? I have. Ionic, cordova, debug, ios, mobile, tips How to run your Ionic app on a specific iOS simulator using the CLI