Ionic

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

Migrating Ionic Cordova to Capacitor application – Complete Guide Here is the complete guide to converting the Ionic Cordova application to Capacitor (this article works best for Ionic version 5/6 Angular). These days most of the developers are moving to the Capacitor, as it has more stable plugins than Cordova, and Apache has stopped support for the Cordova platform. In this tutorial, we will not just go through the commands to convert Cordova to capacitor but the complete process of converting a Real life Cordova app to Capacitor. Yay !! ...

Ionic Vue Camera Application using Capacitor In this tutorial, we will be learning about the integration of the Camera plugin with the Ionic Vue application. We will be using the Camera plugin of the Capacitor and creating an application in which we click the photograph and save it in our gallery. You will also learn the basic Vue JS app structure in this blog. However, if you are new to Vue JS or Ionic you can visit our BLOGS. ...

PayPal Payment Integration using Braintree in Ionic 6 Vue app In this tutorial, we will go through PayPal payment using Braintree in Ionic 6. Previously Paypal supported the Cordova PayPal Plugin, which is no more maintained by PayPal, hence it has issues while making payments using PayPal Login. PayPal now recommends using Braintree for mobile payments, while web payment still works fine with the generic PayPal JS script. You can read more about the web integration in our blog – PayPal integration in Ionic PWA. ...

Deploying the Ionic iOS Application to App Store 📲 Deploying an Ionic iOS application to the App store is easier than deploying an Android application. In the Android application, we have to create an APK/Bundle and sign the APK/Bundle with a Keystore. And in the case of iOS applications, Xcode handles most of the signing and other stuff. Note :- App Store is very strict about the app details, correct information, legal use of resources – all info provided should be very clear and true. ...

Deploying Ionic Application to Play Store -Android Most of the developers make the application but lag when they have asked to deploy them on the Play Store (Android). So in this tutorial, we will go through complete procedures Like “How to create a signed bundle for android app and deploy the app to Play Store”. It will be a “roller coaster ride " 😎, as we will be going through Android studio to the Android developer console. A lot of setup work is needed to deploy the Ionic Application. ...

How to do Live Tracking using Google Maps in Taxi App In this blog, we are going to learn about Live Tracking using Google Maps in Ionic Angular App OR any Angular App. We will use freely available directive agm-maps and agm-directions and use them in the Ionic Taxi application for tracking and other features. And we will be using the Ionic Angular framework and integrating them with the angular maps. ...

Location Selection in AGM maps based on Ionic 5 Angular App In this tutorial, we will be going through the complete solution for handling the location selection in the Ionic 5 Angular application. When you think of any taxi booking application like Uber – these applications have the auto-complete location feature – that will suggest you the address when you type one or more characters. The other way we can do this is to select the location directly from the map by dragging the map under a center location pin. You can also drag the location pin to the particular location. That will select the location for you and make your work easy. We will be learning a whole bunch of things in this tutorial, which is great … !! isn’t it ...

6 Important Plugins with Ionic React and Capacitor In this tutorial, we will use 6 different plugins with Ionic React Application and Capacitor. Ionic React is one of the most innovative tech stacks that one can use. Most of the ionic applications are moving to the capacitor as it has most of the plugins pre-installed in it. What are Plugins? Plugins are the features/modules that can be used in Ionic applications, and these plugins can be helpful while interacting with device hardware or software. Most of the plugins used are written in JavaScript/Typescript itself and encapsulated inside the node_modules. Some of the Plugins that we will be covering are:- ...

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