PWA Tutorial Untuk Blog / Web Platform Blogspot
PWA Tutorial Untuk Blog / Web Platform Blogspot - apa itu PWA? - PWA atau Progressive Web App adalah teknologi yang diaplikasikan pada web/blog, yang mana dengan adanya PWA tersebut kita dapat merubah web/blog menjadi sebuah aplikasi native yang dapat ditambahkan di smartphone.
Sehingga apabila web/blog yang sudah terpasang PWA dan selanjutnya diinstalkan pada smartphone, maka web/blog tersebut dapat diakses tanpa menuliskan ulang URL di tab browser tapi cukup dengan klik icon aplikasinya saja.
Ini salah satu manfaat dari pengaplikasian PWA pada web/blog kita.
Syarat utama untuk mengaktifkan PWA di blog/web adalah file manifestnya harus tersimpan dalam satu root directory.
Nah.. inilah kendala yang dihadapi, bila sobat menggunakan blog/website ber-platform blogspot atau blogger.com
PWA Tutorial Untuk Blog / Web Platform Blogspot
Custom Domain
Namun.. kendala ini dapat kita atasi dengan mengubah DNS nya ke DNS milik Cloudflare..
Ini dimaksudkan agar kita bisa membuat root directory dan menyimpan file manifestnya menjadi satu directory dengan domain kita.
Dan tentunya.. web/blog (blogspot) kita harus sudah ter-custom domainnya ya?
semisal .com, .web.id atau .net dan lain sebagainya.
Hemm.. meskipun hanya menggunakan custom domain saja tapi kita bisa mengakalinya dengan tanpa menyewa hosting untuk menyimpan file manifest tersebut.. Nah..
Tak lepas dari tujuan awal.. yaitu blog/web yang berplaftform blogspot agar support PWA.
Mari memulai..
Yang dibutuhkan untuk dapat mengaktifkan PWA di blogspot antara lain.
- Harus sudah custom domain tapi gak perlu sewa hosting.
- Web/blog harus HTTPS (terhubung dengan cloudflare)
- Mengubah nameserver.
- Membuat icon / upload icon.
dibutuhkan account github.
- membuat path (root directory) dengan memanfaatkan router pada menu worker di cloudflare.
ini dibutuhkan untuk menyimpan file seperti manifest.json, sw.js serta offline.html. dan menjadi satu directory, contoh: www.romli.net/manifest.json
Hal ini web/blog harus tercustom domainnya terlebih dahulu, dan tentunya harus berbayar karena kita membeli sebuah nama domain.
Baca Juga: Cara mudah membuat subdomain di blogspot
SSL Cloudflare
Buat akun di cloudflare kemudian masuk menu SSL/TLS.
Pilih mode Full (strict)
Mengubah nameserver
Login terlebih dulu pada registrar domain sobat.
Setelah itu cari menu Domain lalu pengaturan nameserver.
Dengan tanpa menutup tab browser, buka tab baru untuk login ke Cloudflare, bila belum daftar lakukan registrasi ke Cloudflare.
https://dash.cloudflare.com
Membuat ICON
Sebelum mengupload icon blog/web, sebaiknya persiapkan icon dengan resolusi 512x512 berfomat PNG
Lalu upload ke web ICON GENERATOR agar kita tidak tidak kerepotan dalam membuat icon dengan berbagai ukuran.
Kunjungi https://www.favicon-generator.org/
Membuat path (root directory)
Setelah ADD SITE di cloudflare, kemudian klik site tersebut dan pastikan site sudah active ya?
Lalu cari menu worker
..Bersambung
Tagline
No comments:
Leave a Comment