File manifest.json adalah sebuah file yang berisi extensi json. File ini di gunakan untuk memberitahu browser tentang aplikasi atau blog anda. Di dalam file manifest.json anda bisa menambahkan nama, deskripsi, url tujuan awal, warna latar belakang dan juga logo yang kompatibel untuk masing masing perangkat mobile. Lalu, bagaimana cara membuat file manifest.json ? Mari kita ulas bersama sama.
Di setiap kita membuat aplikasi baik itu android,ios ataupun windows kita wajib menyertakan file manifest.json. Karena dengan file ini aplikasi kita bisa mendeteksi jenis perangkat yang di gunakan seseorang.
Jadi, seperti apa isi file manifest.json ?
Membuat File manifest.json
Dalam file manifest.json kita akan melihat beberapa baris script dengan ekstensi json seperti berikut ini.
Ini adalah contoh file manifest.json untuk kelengkapan dalam membuat PWA di blog atau situs web. Untuk file manifest.json pada aplikasi android,ios dan windows mungkin ada perbedaan.
Dan kali ini sesuai dengan apa yang menjadi pengalaman penulis dalam membuat PWA untuk blog berbasis wordpress, jadi ini hanya contoh untuk membuat manifest.json pada PWA.
Berikut contoh penulisan file manifest.json yang di maksud :
{
"name": "Wordpress Service Worker",
"short_name": "WSW",
"start_url": "/",
"display": "standalone",
"icons": [{
"src": "image/logo.png",
"sizes": "512x512",
"type": "image/png"
}],
"background_color": "#009933",
"theme_color": "#FFFFFF"
}
Di atas adalah contoh penulisan file manifest.json untuk memberitahu browser kalau blog atau situs web kita mendukung PWA.
Bagaimana cara menerapkannya pada template blog kita?
Caranya cukup mudah, anda hanya tinggal menambahkan meta link pada bagian head template anda. Seperti ini contohnya :
<meta name="manifest" href="manifest.json"/>
Melihat meta link di atas itu menandakan jika script json untuk manifest.json berada pada directory situs web kita dan bukan di dalam folder lain.
Sekarang anda bisa mencobanya, dan jika masih mengalami masalah, silahkan datang kembali ke artikel ini.
Demikianlah sedikit artikel tutorial tentang bagaimana cara membuat file manifest.json untuk blog atau situs web yang akan di jadikan PWA. Semoga bermanfaat dan berguna untuk kita semua.
