Aplikasi web progresif, atau lebih dikenal sebagai aplikasi Chrome, adalah aplikasi web kecil yang sebagian besar merupakan JavaScript bawaan dan kompatibel dengan semua browser utama.

Meskipun ringan, mereka masih dapat mengemas sebagian besar rangkaian fitur yang diperlukan. Mereka hanya membutuhkan beberapa detik untuk diinstal, dan alasan PWA begitu populer adalah karena mereka memiliki semua yang dapat Anda pikirkan.

Program-program ini menawarkan begitu banyak manfaat sehingga banyak penerbit mulai mengintegrasikan mitra PWA mereka ke dalam situs web mereka.

Jadi, jika Anda adalah penerbit atau pengembang yang ingin bergabung, panduan ini siap membantu.

Berikut adalah petunjuk mendetail untuk membantu Anda membuat, menguji, menerapkan, lalu menginstal aplikasi web terkemuka di komputer Anda.

Buat aplikasi PWA

Buat folder kosong di desktop Anda dan beri PWA nama folder yang sama.

Setelah itu, Anda perlu membuat kode dan membuat file manifes di folder itu. Untuk melakukan ini, gunakan editor teks seperti Notepad++ dan buat yang baru JSON Atau Markup objek JavaScript mengajukan.

Masukkan informasi yang diinginkan dalam file manifes untuk aplikasi PWA Anda. Itu harus memiliki nilai-nilai berikut:

• nama – Nama yang muncul di Toko Web Chrome
• versi – versi metadata
• Simbol – Larik yang menentukan simbol yang digunakan item Anda
• Deskripsi – Serangkaian 132 karakter (maksimum) yang mendeskripsikan ekstensi Anda

Misalnya, inilah file JSON untuk aplikasi bookmarklet yang dapat Anda rujuk:

Selanjutnya, setelah menyelesaikan pengkodean, Anda harus memeriksa apakah kode sudah diformat dengan benar. Untuk ini, Anda dapat menggunakan alat validasi JSON seperti JSONLint.

Jika validasi berhasil, simpan file ini sebagai manifest.json.

Selanjutnya, Anda perlu mendesain logo untuk aplikasi Anda. Pastikan ukurannya 128p kali 128p. Setelah membuat logo, simpan sebagai 128.png Di folder yang sama dengan file JSON Anda.

Ini dia. Anda telah berhasil membuat versi thumbnail aplikasi PWA yang diinginkan. Sekarang mari kita mengujinya.

Uji aplikasi PWA

Luncurkan browser Chrome di PC Anda, lalu arahkan ke: chrome://ekstensi/ Untuk membuka halaman Ekstensi Chrome. memungkinkan mode pengembang Pindah dari kanan atas halaman dan klik di atasnya Unduh tanpa kemasan Tombol.

Sekarang telusuri dan pilih folder Aplikasi PWA di jendela penjelajah dan tekan tombol Pilih foldernya Tombol.

Setelah mengunduh aplikasi, buka tab baru dan klik ikon Aplikasi di browser Chrome. Jika tidak, Anda dapat mengunjungi chrome://aplikasi/ di bilah alamat

Pilih PWA yang Anda buat dan periksa apakah berfungsi dengan benar. Jika Anda menemukan masalah, lakukan perubahan yang diperlukan manifest.json Seperti disebutkan di atas, muat paket melalui opsi Load Unpacked di Chrome.

Sekarang jalankan peninjauan lagi dan jika Anda memperbaiki semua bug, publikasikan ke Toko Web Chrome!

Publikasikan aplikasi Anda ke Toko Web Chrome

Sebelum Anda dapat melanjutkan dengan menerbitkan aplikasi, Anda harus terlebih dahulu mengonfirmasi audiens target Anda. Mereka diklasifikasikan menjadi empat bagian:

• Umum: Aplikasi Anda akan tersedia untuk semua orang.
• Tidak tercantum: Hanya tersedia untuk orang yang Anda bagikan tautan langsung PWA Anda. Itu tidak muncul di Toko Web Chrome.
• Pribadi: Hanya tersedia untuk penguji dan debugger yang namanya telah Anda cantumkan di dasbor developer.
• penerbit grup: Tersedia untuk penerbit yang telah membayar biaya pengembang satu kali.

Setelah Anda membuat keputusan, mari mulai dengan langkah-langkah untuk memublikasikan aplikasi Anda. pertama, Buat file ZIP Paket program Anda yang memiliki 128.png Dan manifest.json mengajukan.

Selanjutnya, Anda perlu mendaftarkan diri Pengembang toko web Chrome. Buka situs ini dan ikuti petunjuk di layar untuk mendaftar sebagai pengembang Toko Web Chrome.

Setelah membuat akun, buka Dasbor Pengembang Chrome dan masuk dengan kredensial Anda. klik Tambahkan item baru > Pilih file Dan buka file ZIP program Anda. Pilih dan ketuk Mengunggah Tombol.

Setelah mengunggah file, Anda perlu mengisi beberapa detail tambahan. Isi rincian dan klik di atasnya Kirim untuk ditinjau tombol yang terletak di kanan atas

Setelah itu, jika Anda ingin menjadikan PWA publik menggunakan penerbitan otomatis setelah ditinjau, aktifkan kotak dan klik. Kirim untuk ditinjau Di kotak dialog konfirmasi

Aplikasi Anda akan ditinjau dan dipublikasikan Toko web Chrome Dan jika semuanya baik-baik saja (jika Anda sudah menentukan target audiensnya Umum).

Anda juga harus mendapatkan status ulasan dan menerbitkannya secara otomatis jika semuanya terlihat bagus.

Instal aplikasi PWA di komputer

Sekarang setelah aplikasi Anda dipublikasikan, mari instal di PC Anda.

Buka Toko Web Chrome dan buka halaman detail aplikasi. Klik Tambahkan ke Chrome tombol (contoh di bawah).

Klik Tambahkan ekstensi Klik OK pada kotak dialog yang muncul.

Ini dia; Program telah berhasil diinstal pada PC Anda dan tersedia di bawah ini chrome://aplikasi/.

Jika Anda telah menambahkan PWA Anda sendiri ke situs web, prosesnya akan sedikit berbeda.

Buka situs web Anda, lalu klik ikon Instal yang terletak di sebelah kanan Mahakotak (untuk referensi, pertimbangkan situs web kompresi gambar Google Squoosh)

Klik Instalasi di kotak konfirmasi, dan kemudian menginstal PWA.

Intinya: Buat dan instal PWA

Kami menyelesaikan panduan untuk membuat aplikasi Chrome. Demikian pula, langkah-langkah untuk menerbitkan dan menginstalnya di komputer Anda juga tercantum.

Pertimbangkan untuk menyesuaikan demografi Anda Umum Jika Anda ingin PWA menjangkau audiens yang lebih besar. Namun jika aplikasi sedang dalam pengujian, sebaiknya beri tag Pribadi/Tidak Terdaftar, uji secara menyeluruh, dan hanya jadikan publik.

Selain itu, tidak ada jangka waktu tetap untuk aplikasi Anda disetujui. Biasanya tergantung pada jenis aplikasi yang Anda kirimkan. Dan apapun hasilnya, tim akan memberi tahu Anda melalui email.

Karena itu, kami menyimpulkan panduan ini tentang cara membuat dan menginstal aplikasi PWA. Beri tahu kami jika Anda memiliki pertanyaan tentang petunjuk yang disebutkan di atas.