Posts

Firebase Phone Authentication in Ionic 5 Angular Applications In this tutorial, we will learn how to integrate Firebase Phone Authentication with Ionic Angular Application. This method can make use of ReCaptcha, but there is option to make the captcha invisible (Users don’t need to verify the captcha).We will use the a ngular/fire library to use the firebase features in the example App. Why Phone Authentication? Phone Authentication is one of the most used methods to verify the user in just a few seconds. This method is more important as we are not very good at maintaining passwords for various sites – the only good friend we have is our smartphone. By exchanging a Code between the provider and the user – UX is improved a lot – even better than the social logins which not everybody is comfortable using. ...

Social sharing component in Ionic 5 - Mobile & Web apps Social sharing is one of the most parts in a mobile app today. We all want to share the news, the new video, that one awesome meme or the photo we took when traveling, to all our friends. There can be various social sites or apps through which you can share the data like Twitter, Facebook, Google (i.e. through drive or email), Pinterest and more. ...

Debugging Ionic 5 apps using Chrome and Safari developers tools Nowadays creating an application, web or mobile, which solves real life problems looks like a regular thing. But creating that application takes a lot of steps like creating business logic, UI components, testing and much more. One the most important parts is debugging an application, the technology/language doesn’t matter, debugging is involved in every case. ...

Firebase cloud functions in Ionic 5– Complete guide This post will take you through the basics of Firebase cloud functions – How to create, deploy, and use a cloud function. We will also have a look into the cloud function dashboard in Firebase to understand the capabilities. We will ALSO check out avery useful tool for Firebase – Firebase emulator, which allows you to run a Firebase project fully on localhost, including UI ! 😲 😲 ...

Using Background Geolocation in Ionic 5 Angular Apps In this tutorial, we will how to implement background geolocation in the Ionic 5 application. And we will use Background Geolocation plugin to implement this. You might have used geolocation in our project for getting the location of the user from device GPS and other network information. You might have also seen applications that track your location even when the app is not in the foreground. This is where the Background Location plugin comes in handy to track the user ’s location in the background also. Obviously, we should always take care of user’s privacy 😉. ...

Using Sentry – Error Monitoring with Ionic Angular Applications In this tutorial, we will see how we can integrate Sentry – Error Monitoring with the Ionic Angular application. Why Error Monitoring is Required? 🐞 Error tracking is quite important for every stage of product development. When your product first goes live – it is the scariest moment for the developers. Anything can go wrong from Devices compatibility, Network Issues to unknown ways users are using the app. To track which error was thrown in the live app is the best way to mitigate the issue in the early stages. And in today’s changing technological environment anything can go wrong – without any change from your side. A new operating system update, a new permission system by Smart Phone – the list is endless. ...

How to use Firebase Emulators with Ionic Angular Applications In this blog, we will go through a very important aspect of using Firebase backend Service – The use of Emulators. First of all, we will need to understand – what is the need for these simulators? As you know most Cloud Services charge you based on consumption and Firebase also acts similarly. Whenever you use any of their Services – your calls are charged. So it is not justified to use cloud services even in Debug mode or in a Scenario like Unit Testing (where you can make hundreds of calls in few seconds). To save such additional costs Simulators are the best way out. There can be other benefits also like total control over data, easy to clean database, etc. ...

Ionic App with NodeJS, Express, MySQL, Sequelize – Taxi App [Part 3] This is the concluding part for this series, where we will look at the Ionic 5 App integration with the Node JS server and the MySQL database. We will be learning how to make** HTTP requests** from the Ionic Application. There is a lot to be done in front-end logic to make a real-life Taxi App – which we are going to skip for the sake of brevity here. So let’s start and go with the flow. ...

Ionic App with NodeJS, Express, MySQL, Sequelize – Taxi App [Part 2] In the previous part of this series, we have discussed the initial setup of MySQL and Node JS with Sequelize. Now in this part, we will be talking more about the MySQL queries using sequelize and using them in Express Endpoints. We will write a few APIs that will interact with database models and perform basic CRUD (Create, Read, Update, and Delete) operations on it. We will take a scenario of the Login System , where we make a record of a user in our Users Model and later query the Users Model. ...

Ionic App with NodeJS, Express, MySQL, Sequelize – Taxi App [Part 1] In this series of tutorials, we will make a complete architecture with the Node JS & Express-based Server with MySQL database. We will use the Sequelize ORM to work with SQL queries. Initially, we will start with the setup of the SQL server and Node JS in your local machine So lets start and make our Awesome Application. ...