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. ...
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. ...
How to implement Firebase Push notifications in Ionic 5 In this post, we’ll learn how to setup Push notification in Ionic 5 app using Firebase. We’ll send notification using Firebase console and receive them in the app. We will also learn how to handle push notifications in your Ionic 5 apps. No no… not the push we are talking about 😐 ...
Beginner’s Guide to Ionic Angular Unit Testing (Part 3) – Async Testing In this series, we are talking about Angular Testing using an Ionic Angular application. Till now we have seen the basic setup process, the understanding of the core concept of Unit Testing – in mainly Components Testing. However, we have not touched upon a very important aspect of Javascript programming – ASYNC functions(which have been making promises friendly). Async functions always return a promise. ...