Pada project Ionic dengan Angular, kita dapat membuat PWA secara otomatis dengan perintah dari Angular.
Sebelumnya sedikit pemahaman tentang PWA. PWA merupakan aplikasi web yang telah dikembangkan sehingga terasa hampir mirip seperti aplikasi native. PWA juga telah digunakan oleh Twitter, Olx, Trivago dan Starbucks
Dengan menggunakan PWA, banyak keuntungan yang bisa kita dapatkan, salah diantaranya adalah :
- Pengalaman penggunaan aplikasi yang lebih baik dan load data lebih cepat,
- Installasi aplikasi cepat dan simple,
- Tidak memerlukan ruang penyimpanan yang besar,
- Tidak tergantungan dengan App Store sehingga tidak perlu mengeluarkan biaya registrasi atau langganan,
- Dapat diakses secara offline,
- Update program secara otomatis tidak seperti aplikasi native yang harus download terlebih dahulu
Build PWA
Sekarang kita kembali lagi kepada pembuatan PWA.
Untuk membuat PWA terdapat dua persyaratan yaitu Service Worker dan Web Manifest. Meskipun untuk membuat kedua persyaratan tersebut secara manual mungkin dilakukan, tetapi kita dapat melakukannya secara otomatis dengan angular.
Untuk membuat PWA, silahkan buka CLI pada direktori root project kalian. lalu jalankan perintah berikut
ng add @angular/pwa
Setelah perintah di atas dijalankan, maka pada project kalian akan terdapat file ngsw-config.json
Berikutnya jalankan perintah berikut
ionic build --prod
Sekarang PWA kita sudah jadi. Kita hanya perlu menyalin semua file yang berada di direktori “www” ke hosting kita
Install PWA ke Device
Untuk menginstall PWA ke perangkat kita. Kita hanya perlu membuka browser terlebih dahulu lalu jalankan fitur install
