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

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

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

Implement Local Notifications in Ionic 5 with Capacitor **For an Ionic 4 Cordova implementation of Local Notifications, check out **this blog Ionic 5 is here ! And so is Capacitor 2.0 (beta). In this post you are going to learn how to implement local notifications in Ionic 5 app with Capacitor. We will see a variety of notification types that can be generated using Local Notifications. We will use a simple Cordova plugin, that works for Capacitor as well, and test the functionality on an Android and iOS app. ...

Use Geolocation, Geocoding and Reverse Geocoding in Ionic Capacitor Howdy coders ! We are going to discuss very basics of location based functionalities in Capacitor using Ionic. This is a simple, but very important post for early developers. In this post, you will learn how to Implement Geolocation in Ionic Capacitor apps using Capacitor APIs Convert map coordinates to location address (Reverse Geocoding) Convert location address to map coordinates (Geocoding) Display the user location on Map Track user location continuously We will test the functionalities in Web and Android device. iOS works pretty similar to Android, except the permissions required in info.plist ...

Facebook login in Capacitor apps with Ionic Angular In this post, you’ll learn how to implement Facebook login in your Capacitor apps, based on Ionic Angular framework. Following are the outcomes of this blogpost Login using Facebook in a Capacitor Ionic app (Angular) Retrieve user name and profile photo to show after login Auto-login users after first login Disclaimer Since this post is a mix of three frameworks, it is possible you landed here by mistake. If you are looking for Facebook login in ...

Google Login in Ionic React Capacitor Apps In this post, you’ll learn how to implement Google login in your Capacitor apps, based on Ionic React framework. We will also retrieve user name and profile photo to show after login. We will test the authentication on Web, Android and iOS. Since this post is a mix of three new frameworks, it is possible you landed here by mistake. If you are looking for Google login in ...

Twitter login in Ionic React Capacitor App In this post, you’ll learn how to implement Twitter login in your Capacitor apps, based on Ionic React framework. We will also retrieve user name and profile photo to show after login. And we’ll see how to auto-login users after first login. Since this post is a mix of three new frameworks, it is possible you landed here by mistake. If you are looking for Twitter login in ...