PWA layak dipertimbangkan
Cocok
- Orang kembali menggunakan layanan yang sama secara rutin.
- Akses lewat tautan dan mesin pencari tetap penting.
- Pembaruan harus tiba tanpa menunggu rilis toko aplikasi.
- Alur utama cocok dijalankan di beragam perangkat.
Panduan ringkas / 5 menit baca
PWA.my.id
Web yang bisa terasa seperti aplikasi.
Progressive Web App menggabungkan jangkauan web dengan pengalaman yang lebih dekat ke aplikasi: dibuka lewat tautan, dapat dipasang ketika didukung, lalu kembali diakses dari layar utama.
01
Pengertian
Apa itu
PWA?
PWA adalah situs web yang dibangun di atas fondasi web modern dan dapat menawarkan pengalaman seperti aplikasi ketika browser serta perangkat mendukungnya.
PWA bukan format baru yang menggantikan situs web. Ia tetap dapat dibuka dari URL, dibagikan sebagai tautan, dan ditemukan lewat mesin pencari.
Kata progressive berarti kemampuan ditambahkan secara bertahap. Pengalaman dasarnya tetap bekerja, sementara perangkat yang lebih mampu mendapat peningkatan.
Perlu diingat Dapat dipasang tidak selalu berarti dapat bekerja penuh tanpa internet.
02
Perjalanan pengguna
Buka. Pasang.
Kembali.
Tiga langkah yang merangkum perubahan dari halaman web menjadi pengalaman yang hadir dekat dengan keseharian pengguna.
01 / URL
Buka
Kunjungi seperti situs biasa, lewat tautan, pencarian, atau alamat yang sudah dikenal.
02 / Browser
Pasang
Jika kriteria terpenuhi dan perangkat mendukungnya, browser menyediakan tindakan pemasangan.
03 / Layar utama
Kembali
Buka lagi dari ikon tersendiri, biasanya dalam jendela yang lebih fokus daripada tab browser.
03
Di balik pengalaman
Lima lapisan yang saling melengkapi.
Installability, ketahanan jaringan, dan kenyamanan lintas perangkat berasal dari keputusan yang berbeda. Tidak ada satu teknologi yang mengerjakan semuanya.
- 01
Fondasi aman
HTTPS
Koneksi terenkripsi menjaga pertukaran data dan membuka akses ke kemampuan web modern yang mensyaratkan konteks aman.
- 02
Identitas aplikasi
Web app manifest
Berkas manifest memberi browser nama, ikon, warna, cakupan, dan cara tampilan ketika pengalaman dipasang.
- 03
Kendali permintaan
Service worker
Skrip di belakang layar dapat mengatur permintaan jaringan dan respons cache. Ia berguna, tetapi bukan syarat untuk semua pengalaman PWA.
- 04
Sesuai kebutuhan
Strategi cache
Aset stabil dapat disimpan, sedangkan data yang harus mutakhir tetap mengambil jaringan. Offline adalah keputusan desain, bukan efek otomatis.
- 05
Lintas ukuran layar
Antarmuka responsif
Tata letak, input, dan navigasi menyesuaikan ponsel, tablet, maupun desktop tanpa memecah pengalaman menjadi produk terpisah.
04
Keputusan produk
Pilih karena kebutuhan, bukan karena label.
Bandingkan pendekatan lain
Pertimbangkan lagi
- Fitur bergantung pada perangkat keras khusus atau API native yang dalam.
- Distribusi dan penemuan lewat toko aplikasi adalah jalur utama.
- Proses latar belakang harus terus berjalan tanpa batasan browser.
- Data harus selalu langsung mutakhir dan tidak boleh memakai hasil cache.
Ringkasnya
Mulai dari perjalanan pengguna.
PWA tepat ketika jangkauan web dan kemudahan kembali seperti aplikasi menyelesaikan kebutuhan nyata. Selebihnya adalah pilihan teknis yang harus dibuat dengan sengaja.
Baca lagi dari awal