Ionic academy crash course in Ionic & Angular & Capacitor

This will bring up a slightly different view that already shows your potential app inside a nice app container.

ionic lab

• Perform an Ionic build, which compiles web assets
• Copy web assets to Capacitor native platform(s)
• Update Capacitor native platform(s) and dependencies
• Install any discovered Capacitor or Cordova plugins

ionic sync

• Install the Capacitor platform package
• Copy the native platform template into your project

Android

ionic cap add android

iOS

ionic cap add ios

• Perform ionic build
• Copy web assets into the specified native platform
• Open the IDE for your native project (Xcode for iOS, Android Studio for Android)

ionic cap build

Pages

ionic g page pages/films
ionic g page pages/people
ionic g page pages/planets

Services

ionic g service services/api
ionic g service services/utils
ionic g service services/favorite

Email Composer - Capacitor

• The plugin provides access to the standard interface that manages the editing and sending an email message.
• You can use this view controller to display a standard email view inside your application and populate the fields of that view with initial values, such as the subject, email recipients, body text, and attachments.
• The user can edit the initial contents you specify and choose to send the email or cancel the operation.

npm install cordova-plugin-email-composer
npm install @ionic-native/email-composer
ionic cap sync

Data storage

• A simple key-value Storage module for Ionic apps.
• This utility uses the best storage engine available on the platform without having to interact with it directly

npm install @ionic/storage-angular

NGX Logger

• NGX Logger is a simple logging module for angular (currently supports angular 6+).
• It allows "pretty print" to the console, as well as allowing log messages to be POSTed to a URL for server-side logging.

npm install --save ngx-logger

• GIT Ignore Generator
• Start Wars API
• Email Composer
• Ionic Storage
• Color Generator
• NGX Logger

Android Java Provider

• Rename: import android.support.v4.content.FileProvider;

• To: import androidx.core.content.FileProvider;