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. ...
Ionic 5 Stripe Payment Integration - Firebase Cloud Functions v/s Node Express based Server Stripe is one of the most widely used and fastest-growing payment gateway you can integrate into your website or app. It supports a wide variety of payment options and is quickly spreading across the globe. Stripe can take care of almost all your payment requirements in apps and websites. Stripe’s ease of integration has made it a popular developer choice over PayPal and other payment gateways. A good comparison between Stripe and PayPal can be studied here (spoiler – Stripe wins) ...
Integrate Stripe Payment Gateway in Ionic 5 apps and PWA using Firebase Stripe is one of the most widely used and fastest-growing payment gateway which you can integrate into your website or app. It supports a wide variety of payment options and is quickly spreading across the globe. Stripe can take care of almost all your payment requirements in apps and websites. Stripe’s ease of integration has made it a popular developer choice over PayPal and other payment gateways. A good comparison between Stripe and PayPal can be studied here (spoiler – Stripe wins) ...