Firebase

Integrating Firebase Push notification with React native iOS application. In this article, we will talk about how we can integrate FCM (Firebase Cloud Messaging) with React Native iOS application. If you want to go through FCM and Android app integration then read this article. Pre-requisite :- You should have Apple Developer Account to make push notifications work properly. Let’s start with integrating firebase push notification, before going on to the code we have to set up a few things. ...

Beginners Guide to Firebase Database, Auth, and Hosting – Using Ionic Angular App Firebase is a mobile and web application development platform developed by Firebase Inc. in 2011, then was acquired by Google in 2014. Firebase is a toolset to “build, improve, and grow your app”. It gives you functionality like analytics, databases, realtime-databases, cloud messaging, cloud functions (serverless function), user authentication, and crash reporting so you can move quickly and focus on your users. ...

React Native Chat Application using Firebase & Hooks [ Part 1 ] In this tutorial, we will be building full-fledged chat application. We can share text, images, and videos through this chat application. In this part 1, we will build one-on-one chat application and in the upcoming part, multiple participants will be able to chat through the application. First, make sure you have all pre-requisites to create a React-Native App as per the official documentation. If you are already done with that setup, skip this documentation and go on implementing the chat application. ...

Integrating Ionic Vue Application with Firebase – Firestore CRUD operations In this tutorial, we will learn how we can integrate the Ionic Vue application with Firebase firestore and use basic database operations. Firebase is one of the best options to opt for when dealing with a small number of users (for unpaid versions). You can add a lot of things using Firebase like push notifications, database providers, authentication methods, Firebase functions, and many more. ...

Passwordless Email Link Login Using Firebase Auth in Ionic Angular App In this tutorial, we will learn how to perform an Email Link Signup with both password and passwordless methods. Most of the tutorial only contains the passwordless method but in the end, we will cover Email Link Signup with Password as well. We will use the Ionic 5 application which is based on the Angular framework – with Firebase (the most popular combo). However this tutorial can be followed for another framework also like React and Vue, only changes will be in a few steps. ...

Firebase Admin SDK setup and functions using Node JS In this tutorial, we will be going through the Admin SDK of firebase. We will set up and use various functions in the Node JS script. Before going through any procedure or implementation, we briefly summarize what is Firebase, Firebase Admin SDK, and Node JS. Feel free to skip these sections, if you are already familiar with all of them. ...

Integrating Google Sheets with Firebase Realtime Database In this tutorial, we will learn how to integrate Google sheets with Firebase Realtime Database. We will go through bidirectional integration: - When you update Google Sheet, Firebase Realtime DB will be updated automatically. When you update Firebase Realtime DB, Goggle Sheets will be updated automatically (We will need firebase functions to implement this integration). Now here is the question … why do we need Google sheets to update Firebase realtime database or vice versa? ...

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. ...

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 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) ...