Capacitor

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

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

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

Use TomTom Maps API in Ionic Capacitor App Using Maps or geolocation is one of the requirements in apps nowadays. If you are an app developer, you must have used Google Maps API for your apps for years. Recently Google has started charging for each Maps API call, and that includes even displaying the map. Even though the charges are very nominal, and comes with a free quota for each API, it limits a small app developer from testing Maps functionality extensively, or a startup to launch an initial free product. ...

How to make API calls in Ionic Capacitor Apps And how to avoid CORS issues API Icon made by Prosymbols from www.flaticon.com In this post, we will learn how to make REST API calls from an Ionic Capacitor app. This might sound very trivial feature but it actually becomes confusing because of a lot of options available and even becomes an issue because of origin restrictions and CORS issues. ...

Google login in Ionic Capacitor app with Angular In this post, you’ll learn how to implement Google login in your Ionic Angular Capacitor apps. We will also retrieve user name and profile photo to show after login. We will test the authentication on Web, Android and iOS. Since Google login is applicable in a lot of app frameworks, it is possible you landed here by (SEO) mistake. If you are looking for Google login in ...

Ionic 5 Complete guide on Geolocation, permissions and auto-turn on GPS In this blog post you will learn how to implement Geolocation in each of the following Ionic 5 variations Part 1 – Ionic 5 with React and Capacitor ✅ Part 2 – Ionic 5 with Angular and Cordova (Pending) Part 3 – Ionic 5 with Angular and Capacitor ✅ Along with these features, we’ll also check the functionality of ...

Ionic 5 Complete guide on Barcode and QR Code scanning In this blog post you will learn how to implement Barcode & QR code scanning and QR code creation in each of the following Ionic 5 variations Ionic 5 with Angular and Cordova ✅ Ionic 5 with Angular and Capacitor (Pending) Ionic 5 with React and Capacitor (Pending) This blogpost is part of a new blog series – Ionic 5 Complete Guides , to cover One Single Feature in All Ionic Variations in one blog. Since Ionic has now expanded to cover frameworks like Angular, React, Vue, Cordova and Capacitor, it is high time to have a single place to learn about a feature – in all its different forms. ...

Ionic 5 React Full App in Capacitor- best of both Ionic and React “Ionic 5 React Capacitor Full App” is a multipurpose high-quality starter app template, which gives you everything like components, plugins & examples, to build pixel perfect iOS and Android apps. It represents the culmination of several months of research and hard work packing several different frameworks into a powerful UI Design System and starter for every developer. ...