question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Provide live-reload functionality

See original GitHub issue

Like ionic cordova run ios -l, but for Capacitor!

📝 Set appUrl in capacitor.config.json for live-reload: https://github.com/ionic-team/capacitor/issues/366 & https://github.com/ionic-team/capacitor/commit/9b89f096e8eca1f7ef761c4f1cc3be2e7c16ab9b

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:5
  • Comments:8 (4 by maintainers)

github_iconTop GitHub Comments

11reactions
HoverBaumcommented, Aug 9, 2018

In the meantime here is the description we wrote for our project on how to use live-reload:

  1. Create a Wifi hotspot from your laptop (iPhone and Laptop need to be on the same network)
  2. Run ionic serve
  3. Find your IP (ifconfig on Mac)
  4. Check that you can access the website from the phone in Safari
  5. Add your Laptops IP as server in the capacitor.config.json
  6. Run cap sync ios and tehn cap open ios
  7. Start the project in XCode
  8. Enjoy 😊

Server config for capacitor:

"server": {
  "url": "http://[Your IP here]:8100"
}

Hopefully it helps someone while we are waiting for awesome cli support.

5reactions
imhoffdcommented, Aug 9, 2018

Thanks @HoverBaum! Those are the exact steps we hope to automate. I was working on this yesterday but ran into some issues with Capacitor misidentifying ios/android as web due to the livereload server. Hoping to resolve this shortly!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Live Reload | Ionic Documentation
One option that can boost productivity when building Ionic apps is Live Reload (or live-reload). When active, Live Reload will reload the browser...
Read more >
Live Reload All the Things: Ionic CLI's Latest Features
The LiveReload functionality is similar to Ionic Serve, but instead of developing and debugging an app using a standard browser, ...
Read more >
Chapter 5. LiveReload Tools - JBoss.org
LiveReload Tools is tooling that implements LiveReload in the IDE. It enables you to take advantage of LiveReload browser refreshing while editing files...
Read more >
Live Reload | Capacitor Documentation
Live Reload is useful for debugging both the web portion of an app as well as native functionality on device hardware or simulators....
Read more >
@shankardevy - How LiveReload works behind the scene
Phoenix LiveReload as this feature is called is made possible by using Phoenix Channels, a built-in feature in Phoenix framework. Yes, this is...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found