Progressive Web Application di WordPress

hello

Halo Kali ini gw mau share Pasang PWA (Progressive Web Application) di WordPress, kali ini kita akan mempelajari dengan menggunakan Plugin, langsung aja.

Step by Step

1. Install Plugin

Tambah Plugin Baru

kali ini kita akan menginstall, sebelumnya kalian ke menu Plugin dan pilih “Tambah Baru” pada submenu dari Plugin.

Install Plugin

Jika Sudah muncul halaman “Tambah Baru Plugin” kalian ketik nama plugin ini di bar pencarian, dan pastikan nama plugin dan ikon sama dengan gambar diatas. Pada kasus ini gw pake “PWA for WP & AMP” mungkin karna ini yang rekomen dan setupnya juga mudah banget jika sudah, kalian install plugin ini.

2. Setup PWA

PWA for WP

Jika sudah install kalian pencet tombol “Start the PWA Setup” jika sudah dipencet, akan muncul tampilan seperti ini, dan silahkan kalian konfigurasi.

General

Pada bagian ini silahkan kalian lakukan konfigurasi sesuai keinginan kalian dari segi nama, deskripsi, ikon dan lainnya.

Advanced

dan pada bagian ini adalah bagian yang sangat krusial, dimana kita akan mengkonfigurasi corenya, dari CDN, dll. pada kali ini gw centang “Custom Add to Home Browser” dan “Onesignal Compability” yang pastinya jika kalian membuka situs ini akan muncul pilihan untuk install app di browser dan mendukung push notifikasi onesignal.

3. Implementasi Onesignal

Onesignal Settings

untuk mengimplementasikan onesignal pada PWA kita harus menaktifkan “Use my Own Manifest.json” dan silahkan masukan alamat situs custom Manifest.json, biasanya akan keliatan jika kita membuka cpannel dan melihat directory dari situs yang kita buat. Dan disana nanti akan muncul nama file “manifest-own-pwa.json”, dan pada file itulah kalian panggil untuk di Custom Manifest di Onesignal Settings

Hasil Akhir

Menggunakan PWA (Kiri) & Tidak PWA (Kanan)

Selamat Kalian telah mempelajari cara Menerapkan Progressive Web Application pada wordpress / amp kalian, mungkin itu aja. Makasih 🙂

Bagikan Melalui :

Post Author: CoedotzMagic

Seorang Berandalan Jenius yang bercita-cita menjadi penulis dan membuat terkesan cewek yang ia sukai.