Skip to content

balongbesuk/PWA-OpenSID

Folders and files

NameName
Last commit message
Last commit date

Latest commit

8d9fc2c · Mar 6, 2022

History

45 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Membangun Progressive Web App (PWA) Opensid

Your next steps:

  1. download Seluruh File dan Folder
  2. Edit manifest.json Sesuaikan dengan nama Desa anda
  3. Edit Gambar dan Tampilan Web Sesuaikan dengan Logo Desa anda
  4. Upload semua file dan folder ke server
  5. Tambahkan manifest link tag ke tema HTML anda
  6. Tambahkan service worker registration snippet ke tema HTML anda

Langkah Langkahnya sebagai berikut.

1. Upload Semua fila dan folder ke server

zip file yang berisi seluruh perubahan no 2 dan no 3 upload ke public_html

2. Tambahkan manifest link tag ke tema HTML

pada <head> tema HTML, tambahkan code:

<link rel="manifest" href="manifest.json" />

3. Tambahkan service worker registration snippet ke tema HTML anda

pada <head> tema HTML, tambahkan code:

<script type="module">
   import 'https://cdn.jsdelivr.net/npm/@pwabuilder/pwaupdate';
   const el = document.createElement('pwa-update');
   document.body.appendChild(el);
</script>

Selamat, Web anda sudah support PWA!

Untuk memverifikasi web sudah PWA, Buka PWABuilder.

Untitled

disamping itu PWABUilder juga membuatkan otomatis aplikasi android, windows, dan ios yang bisa di download

Untitled

Atau bisa juga menggunakan DevTool Bawaan Browser Chrome

Untitled

Preview Hasil

WhatsApp Video 2022-03-05 at 20 04 ezgif com-gif-maker (1)

About

Backup PWA untuk Web Opensid

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published