Testing Ionic 4

Run the Project

See pwa_releases and bin_releases directories

PWA

TODO hosting PWA on regular webservers

Android

Supported Versions: ^5.1

Development

Assuming We use Debian Linux

• Install/Update Nodejs Runtime and Node Package Manager
• Install ionic globally (NEEDS SUDO)

sudo npm install -g ionic

• Clone this repo

clone git@github.com:mutasimissa/ionic4-test.git

• cd to project's directory (where package.json is placed)
• Install npm dependecies

npm install

• Test on your computer browser and AppDev app

ionic serve -c

• Test dev APK on Android emulator/device

ionic cordova run android -l

Running Tests

TODO

Build for Production

PWA:

ionic build --prod

Currently We disable service worker from the production build or --prod will fail

Andriod:

See Ionic4 docs about Android setup

ionic cordova build android --prod

References

This project is me learning Ionic4, I used the following resources (Updated):

API

• Ionic4 with API calls Tutorial

Angular

• Angular router
• Angular Observables
• Angular Service workers docs

PWA

• MDN mixed content
• Good tutorial on hosting Ionic PWA on firebase
• How PWAs were done in ionic3 DEPRECATED in ionic4 see Stencil Below
• Saved Me lot of time understanding the environment changes while building Ionic PWA for prod

StencilJS

• StencilJS -> If Cordova plugins are the native Mobile Interface of Ionic, then Stencil Components are the webview Interface of Ionic

Example Projects

• Example Project: Ionic Conference App
• Example project: Ionic Insta Music

Problems

• SOLVED Failed to load resource: net::ERR_FILE_NOT_FOUND ionic error
• UNSOLVED Ionic4 apps don’t work with Android 4.x