capacitor

Hero image for article
Icon for article
advancedcapacitorionicswift

Running Custom Native iOS Code in Ionic with Capacitor

7 min read

In this tutorial, we walk through how to create a custom Capacitor plugin that will allow us to run custom native code in an Ionic application.

Hero image for article
Icon for article
ionicstenciliosswiftcapacitoradvanced

Creating a Local Capacitor Plugin to Access Native Functionality (iOS/Swift)

9 min read

In this tutorial, we walk through how to build a Capacitor plugin that allows access to native iOS code. We will use the HealthKit API as an example.

Hero image for article
Icon for article
capacitorionic

Is an Ionic Application Native?

7 min read

In this tutorial, we will build a native iOS application with Xcode and then run an Ionic application inside of it. We will then discuss if this makes it a native app.

Hero image for article
Icon for article
stencilcapacitorionicintermediate

Using the Camera API in a PWA with Capacitor

4 min read

In this tutorial, we will walk through how to use the Camera API in a PWA with Capacitor

Hero image for article
Icon for article
angularstencilbeginnercapacitorionic

Using the Capacitor Filesystem API to Store Photos

3 min read

In this tutorial, we will be covering how to use Capacitor to retrieve a photo from the user's camera or photo library, and then moving that photo into a permanent storage folder.

Hero image for article
Icon for article
ionicstencilcapacitorbeginner

Using the Capacitor Storage API for Storing Data

3 min read

In this tutorial, we take a look at how to use the Capacitor Storage API to store local data natively and in browser local storage

Hero image for article
Icon for article
ionicandroidcapacitor

Creating a Dynamic/Adaptable Splash Screen for Capacitor (Android)

5 min read

In this tutorial, we investigate using a 9-Patch file created with Android Studio to serve as our splash screen

Hero image for article
Icon for article
androidangularbeginnercapacitorionicios

Capacitor Workflow in an Ionic Application

1 min read

In this video, we cover the basic workflow when using Capacitor in an Ionic application. We look at setting up Capacitor, copying web assets and native plugins, and running an application on iOS and Android.

Hero image for article
Icon for article
advancedcapacitorioniciosnpmswift

Publishing a Custom iOS Capacitor Plugin on NPM

4 min read

In this tutorial, we walk through how to create a Capacitor plugin using the Capacitor CLI and then publish it to npm. This will make the plugin usable in any Ionic/Capacitor application.

Hero image for article
Icon for article
beginnercapacitorionicphaser

Create Native HTML5 Games with Phaser and Capacitor

4 min read

In this tutorial, we walk through how to use a starter project that makes use of Phaser, TypeScript, Webpack, and Capacitor to build HTML5 games for the web, desktop, iOS and Android.

Hero image for article
Icon for article
capacitorintermediateionic

Using Cordova Plugins that Require Install Variables with Capacitor

3 min read

In this tutorial, we are going to walk through how to use XCode and Android Studio to make the necessary changes to add install variables to a Capacitor project.

Hero image for article
Icon for article
capacitorintermediateionic

Deploying Capacitor Applications to iOS (Development & Distribution)

9 min read

In this tutorial, we are going to walk through how to use Capacitor to deploy iOS applications.

Hero image for article
Icon for article
advancedangularcapacitorionicpush notifications

Sending Push Notifications with the Phonegap Push Plugin in Capacitor

6 min read

In this tutorial, we will be covering how to use the push notifications plugin in Capacitor for both iOS and Android.

Hero image for article
Icon for article
beginnercapacitor

Adding Icons & Splash Screens (Launch Images) to Capacitor Projects

5 min read

In this tutorial, we look at how to supply splash screens and icons in a Capacitor project.

Hero image for article
Icon for article
androidcapacitorintermediateionic

Deploying Capacitor Applications to Android (Development & Distribution)

7 min read

In this tutorial, we will be deploying an Android application built with Capacitor to Google Play, using Ionic as an example.

Hero image for article
Icon for article
angularcapacitorgoogle mapsintermediateionicstencil

Publishing a Web Component Using Stencil (And Using It Anywhere)

4 min read

In this tutorial, we walk through how to build and publish a web component using StencilJS.

Hero image for article
Icon for article
angularcapacitorgoogle mapsintermediateionic

Using Google Maps and Geolocation in Ionic with Capacitor

7 min read

In this tutorial, we use Capacitor to help integrate the Google Maps JavaScript SDK into an Ionic and Angular application.

Hero image for article
Icon for article
capacitor

An Early Look at Capacitor (A New Native Bridge for Web Apps)

8 min read

In this article, we take a look at the Ionic team's new project "Capacitor" and how to use it.