Web Developer and Instructor sharing what I know about building mobile applications with web technologies such as Angular, Ionic Framework, Firebase, and nodejs
Accessing the Firebase emulator data from your phone
Hey Reader,
The Firebase Emulator Suite is must have for Firebase developers, it lets you develop locally without the fear of breaking your bank, if for example, you make an error in development that triggers an infinite loop on a Cloud Function.
But what happens when you want to test your app on real mobile devices while you’re using the emulator?
I recently tried this just to hit an error every time my app tried to talk to Firebase: Failed to load resource: Could not connect to the server.
After some tinkering (and some googling) I found a way to make it happen.
​Learn how to access the Firebase Emulator from external devices.
Do you use the Emulator Suite when working with firebase? Do reply and let me know if there's anything I can help with!
Jorge Vergara
Web Developer and Instructor sharing what I know about building mobile applications with web technologies such as Angular, Ionic Framework, Firebase, and nodejs
Hey Reader, Changing the default styles of Ionic components can be a bit tricky since the components all use the shadow DOM, meaning we can't write CSS that targets the components inside the shadow DOM directly. Ionic has custom CSS variables in each component that allows us a lot of customization, and when those aren't enough, they expose CSS parts of the underlying HTML elements that form Ionic components. You can learn how to use shadow parts in this 3 minute video:...
Hey Reader, One cool thing about Ionic, specially when you're using capacitor, is that a lot of the functionality that you use in your mobile app can also be used for the web. Most of capacitor plugins have a web implementation, which means, you wouldn't have to write extra code to get it to work. Learn how to transform your Ionic app into a PWA. In today's article, you'll learn: How to use the `ng add` schematic to get all the boilerplate done for you. How to edit the `manifest` file to set...
Hey Reader, One cool thing about Ionic, specially when you're using capacitor, is that a lot of the functionality that you use in your mobile app can also be used for the web. Most of capacitor plugins have a web implementation, which means, you wouldn't have to write extra code to get it to work. Learn how to transform your Ionic app into a PWA. In today's article, you'll learn: How to use the `ng add` schematic to get all the boilerplate done for you. How to edit the `manifest` file to set...