Web Developer and Instructor sharing what I know about building mobile applications with web technologies such as Angular, Ionic Framework, Firebase, and nodejs
🤦🏻♂️ Fix Firebase Authentication when deploying your apps with Capacitor
Hey Reader,
If you’re using Firebase Authentication from the Modular version of the Firebase SDK (version 9.0 or above) you might have noticed that when you deploy to iOS using Capacitor the app doesn’t just work™️
I found this out rather painfully, because I tested my app fully on Android, and when I was ready for the app store my first iPhone test was a white screen with no logs, no errors, no nothing.
After spending an embarrassing amount of time debugging why my authentication guard was not working on iOS I found out that it is an error on Firebase Authentication itself (or rather, a design choice, since it seems this is the expected behaviour).
Check out the code snippet with the fix here.
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...