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. ...
Ionic 5 Vue Capacitor app – Internationalization and Localization In this post, you’ll learn how to translate text in Ionic 5 apps, specifically Vue App. You will also learn how to get device-specific language and convert your app’s text to the same language/locale. Ionic has a variety of app types nowadays (Angular/React/Vue, Cordova/Capacitor). This post will explore the Ionic apps made in Vue Capacitor. For the Ionic Vue code, you can go through this REPO. ...
Build Offline Ionic Angular 5 Applications In mobile apps, we have come across many conditions in which, the rendered data (from the server) is the same most of the time but is repeatedly fetched from the server. This data fetching every time from the server is useless and a huge waste of data bandwidth. Another similar situation where we can’t even access the app is – when we call the sever with no network/internet then there will be NO_INTERNET error in the App. ...