Debug your LiveView App on a Phone with Ngrok

Ngrok is a great tool for demos and troubleshooting. It allows you to open up your localhost server, so that you can access it anywhere, even on a phone! In this video, I take you through how to set up Ngrok and use it to debug on a phone. ngrok.com/
💻 Pragmatic Studio’s course is the most efficient way to learn Elixir/Phoenix LiveView. Use the course that I use to teach all my apprentices:
➤ Phoenix Liveview Course: pragmaticstudio.com/courses/p...
➤ Elixir Course: pragmaticstudio.com/courses/e...
📝 Have a question about software development? Write a comment and we will answer your question in an upcoming Software Sophistication Q&A show.
🔥 I’ve built an expert team at Or Equals that will revitalize your codebase. Use our experience in Elixir and Phoenix LiveView consulting so you can get back to focusing on the business. Schedule a meeting with me, and let’s chat 👉 OrEquals.com
#ngrok #liveview #phoenix #elixir #software #softwaredevelopment

[@michaeldimmitt9974]

Really cool, the setup I have done in the past with a wired connection and developer tools on safari for iphone and safari for mac is not ideal.
This is a better any platform any browser solution for localhost. 💯

[@liveviewmastery]

For sure. You can definitely do this by hand, but this is so much easier!

[@solvm1652]

Hell yeah!

[@liveviewmastery]

Let's gooooo

[@AlbinKC96]

Who knew Kanye could code

[@pauloffborba]

To see the site on the phone, I just changed the ip in the /config/dev.ex to:
http: [ip: {0, 0, 0, 0 }, port: 4000],
Then I discover my ip in the LAN with the terminal. On Linux I use this command:
ip a
On windows will be ipconfig.
Run the server with mix phx.server
And use this ip with the port to access on the phone like
192.168.0.5:4000
I hope this helps someone.

[@liveviewmastery]

boom!