Capacitor

Implement AdMob in Ionic React Capacitor Apps This post is done on a special request from one of our thousands readers. If you have more requests, let me know in the comments In this post, you will learn how to implement **AdMob functionality, **i.e. Google advertisements, in Ionic React Capacitor apps. We will implement this in a simple Ionic App and test on iOS simulator and Android device. What is Admob? As we all know, advertisements are the major source of income for all tech giants like Google, Facebook, Twitter etc. Google ads are one of the most popular ads out there, and the mobile version of Google ads is what they call AdMob. ...

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

QR Code and Barcode Scanning with Ionic & Capacitor This post is about scanning QR code or Barcode in your cool new Capacitor Ionic app. Since this post is a mix of Ionic, Angular and Capacitor, it is possible you landed here by mistake. If you are looking for barcode scanner implementation in Ionic 4 with Angular in Cordova – Read this blog post React Native – Read this blog post Ionic 4 with Angular in Capacitor – Continue reading this post As you can see from above, there are several options available for Hybrid app development these days, and it is easy to get confused between them. This post is focussed on Ionic framework with Angular as the front-end framework, and Capacitor as runtime and build environment. ...

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

Enappd Store: biggest inventory of best quality iOS/Android App Templates Type caption for image (optional) Enappd delivers high-quality app templates, themes, and add-ons for you to jump-start your startup, or take your business to the next level with an awesome app while saving thousands of dollars and weeks of time. Our mission is to enable everyone to be able to create beautiful apps. If you are a developer, you don’t need to waste time on UI. Just pick your app starter from Enappd and jump-start your development. ...

Facebook login in Ionic React Capacitor apps In this post, you’ll learn how to implement Facebook 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 Facebook login in ...

Create HTML5 Native games in Ionic Capacitor apps using Phaser In this post, you will learn how to create HTML5 games using Phaser in Capacitor Ionic apps. We will create Zombie walker and a Space Invader game, which you can play both in app as well as browser. Space Invader was the first game I developed back in school, in JAVA, so it’s like a ‘Hello World’ of games for me ! ...