Download super progressive web apps - Pengunduhan Kode Sumber super progressive web apps

super progressive web apps

Data situs web

2.1.2

Unduh

Aplikasi web super progresif

Superpwa membantu mengubah situs web WordPress Anda menjadi aplikasi web progresif dengan mudah.

Kunjungi Situs Web »

Laporan Bug · Plugin WordPress · Ulasan · FAQ · Kontribusi

Selamat datang di repositori super pwa github

⚡️ Demo: superpwa.com Periksa video untuk mengetahui cara kerjanya

Apa itu aplikasi web progresif

Progresif Web Apps (PWA) adalah teknologi baru yang menciptakan jalan tengah antara situs web dan aplikasi seluler. Mereka diinstal di telepon seperti aplikasi normal (aplikasi web) dan dapat diakses dari layar beranda.

Pengguna dapat kembali ke situs web Anda dengan meluncurkan aplikasi dari layar beranda mereka dan berinteraksi dengan situs web Anda melalui antarmuka seperti aplikasi. Pengunjung yang kembali Anda akan mengalami waktu pemuatan yang hampir instan dan menikmati manfaat kinerja hebat dari PWA Anda!

Aplikasi web super progresif memudahkan Anda untuk mengubah situs web WordPress Anda menjadi aplikasi web progresif dengan mudah!

Mendukung proyek

Jika Anda merasa sangat bersemangat dan ingin mendukung kami dengan cara kecil, silakan pertimbangkan membintangi dan/atau berbagi repo! Ini membantu kita diketahui dan menumbuhkan komunitas.

Anda juga dapat mendukung kami melalui mengikuti di media sosial dan berbagi tentang kami.

? Instalasi

Setelah Superpwa ⚡️ diinstal, pengguna menelusuri situs web Anda dari perangkat seluler yang didukung akan melihat pemberitahuan "Tambahkan ke Layar Beranda" (dari bagian bawah layar) dan akan dapat 'menginstal situs web Anda' di layar beranda perangkat mereka. Setiap halaman yang dikunjungi disimpan secara lokal di perangkat mereka dan akan tersedia untuk dibaca bahkan ketika mereka offline!

SuperpWA mudah dikonfigurasi, dibutuhkan kurang dari satu menit untuk mengatur aplikasi web progresif Anda! Superpwa melakukan penghapusan uninstalan yang bersih, dengan menghapus setiap entri dan file database yang dibuatnya. Bahkan, tidak ada pengaturan default yang disimpan ke database sampai Anda secara manual menyimpannya pertama kali. Silakan coba.

Persyaratan Minimum Aplikasi Web Progresif

Aplikasi web progresif mengharuskan situs web WordPress Anda dilayani dari asal yang aman yaitu situs web Anda harus https dan bukan http. Jika situs web Anda bukan https, silakan hubungi host Anda tentang hal itu. Anda juga dapat meminta kami forum dukungan jika Anda membutuhkan bantuan.

Video tentang cara menambahkan ke layar beranda & aplikasi web progresif berfungsi di berbagai browser

Google Chrome untuk Android	Mozilla Firefox untuk Android	Microsoft Edge untuk Android	Samung Internet untuk Android	PWA di iOS - Browser Safari

Dokumentasi terperinci untuk menguji PWA di browser

PWA di Chrome for Android
PWA On Desktop - Chrome
PWA On IOS Device - Browser Safari
PWA di browser Microsoft Edge untuk Android
PWA di Browser Internet Samsung untuk Android

? Apa yang ada di dalam kotak

Berikut adalah fitur saat ini dari aplikasi web super progresif:

Hasilkan manifes untuk situs web Anda dan tambahkan ke kepala situs web Anda.
Atur ikon aplikasi untuk aplikasi web progresif Anda.
Atur warna latar belakang untuk layar splash dari aplikasi web progresif Anda.
Situs web Anda akan menampilkan pemberitahuan "Tambah ke Layar Beranda" saat diakses di browser yang didukung.
Caching yang agresif dari halaman menggunakan Cachestorage API.
Halaman setelah di -cache disajikan bahkan jika pengguna offline.
Atur Halaman Offline Kustom: Pilih halaman yang ingin Anda lihat ketika halaman yang tidak ada di cache diakses dan pengguna offline.
Baru dalam versi 1.2: Dukungan untuk warna tema.
Baru dalam versi 1.2: Sekarang Anda dapat mengedit nama aplikasi dan nama pendek aplikasi.
Baru dalam versi 1.2: Atur halaman start PWA Anda.
Versi baru 1.2: Setel halaman Mobile Pages (AMP) yang dipercepat. Plugin yang Didukung: AMP untuk WordPress, amp untuk WP, AMP yang lebih baik, Supremasi AMP, WP AMP.
Baru dalam versi 1.3: Dukungan tambahan untuk layar splash berkualitas tinggi. Anda sekarang dapat mengatur ikon 512x512 untuk layar splash dari aplikasi web progresif Anda.
Baru dalam versi 1.3: Aplikasi web super progresif sekarang akun untuk pembaruan konten dan akan memperbarui cache saat Anda memperbarui situs web.
Baru dalam versi 1.3: Penanganan penanganan pembaruan pekerja layanan dalam browser yang ditingkatkan.
Baru dalam versi 1.4: Anda sekarang dapat mengatur orientasi default PWA Anda. Pilih dari "any" (ikuti orientasi perangkat), "potret" dan "lansekap".
Baru dalam versi 1.4: Anda sekarang dapat mengatur properti tema_color di manifes.
Baru dalam versi 1.5: Integrasi Onesignal untuk pemberitahuan push.
Baru dalam versi 1.6: kompatibilitas jaringan multisite WordPress.
Baru dalam versi 1.7: Add-on untuk superpwa ada di sini! Kapal dengan add-on pelacakan UTM untuk melacak kunjungan yang datang dari PWA Anda.
Baru dalam versi 1.8: Masalah kompatibilitas dengan OneSignal sekarang diselesaikan!
Baru dalam versi 1.8: Add-on baru: Ikon Apple Touch yang menetapkan ikon aplikasi Anda sebagai ikon Apple Touch.
Baru dalam versi 2.0: SuperpWA sekarang kompatibel dengan WordPress yang diinstal dalam sub-folder.
Baru dalam versi 2.0: Anda sekarang dapat mengatur properti display dari pengaturan superpwa.
Baru dalam versi 2.1.1: Dukungan untuk ikon maskabale.

? Fitur yang akan datang:

Pemberitahuan Indikator Offline.

Dukungan perangkat dan browser untuk PWA

	Firefox	Tepian	Opera	Safari	UC Browser	Berani
Tambahkan ke Layar Beranda
Pekerja Layanan
Dorongan & pemberitahuan web
API Permintaan Pembayaran					-	-
Warna tema meta	-	-	-	-	-

Beta yang didukung atau dukungan parsial dalam pengembangan

Aplikasi web progresif membutuhkan browser yang mendukung manifes dan pekerja layanan. Saat ini Google Chrome (versi 57+), Chrome for Android (62), Mozilla Firefox (57), Firefox untuk Android (58) adalah browser utama yang mendukung PWA.

Daftar ini tumbuh cepat dan kemungkinan akan didukung di sebagian besar browser utama pada akhir tahun ini.

Mengapa Membangun Aplikasi Web Progresif?

Cara mengubah situs web wordpress Anda menjadi aplikasi web progresif

Instalasi WordPress

Kunjungi Admin WordPress> Plugin > Tambahkan Baru
Cari aplikasi web super progresif
Klik " Install Now " dan kemudian " Aktifkan " Aplikasi Web Super Progresif

Untuk menginstal secara manual:

Unggah folder super-progresif-web-apps ke/wp-content/plugins/direktori di server Anda
Buka WordPress Admin> Plugins
Aktifkan plugin aplikasi web super progresif dari daftar.

Menyesuaikan aplikasi web progresif Anda

Aplikasi web progresif Anda harus siap untuk diuji dengan pengaturan default setelah aktivasi. Anda dapat menyesuaikannya lebih jauh dan membuatnya benar -benar milik Anda.

Buka WordPress Admin> " Superpwa "> Pengaturan
Atur warna latar belakang untuk layar splash yang akan ditampilkan saat PWA Anda dibuka pada perangkat seluler.
Atur ikon aplikasi. Ini akan menjadi ikon PWA Anda ketika ditambahkan ke homescreen di perangkat seluler. Ikon harus berupa gambar PNG dan persis 192 x 192 piksel.
Atur halaman offline. Halaman ini akan ditampilkan jika pengguna offline dan halaman yang dia minta belum di -cache. Idealnya Anda harus membuat halaman WordPress khusus dan mengaturnya di sini. Di dalam halaman yang Anda buat, Anda dapat menambahkan catatan yang berbunyi, "Sepertinya Anda offline dan halaman yang Anda minta tidak tersedia sekarang. Silakan periksa kembali setelah Anda online.".
Klik "Simpan Pengaturan".

Menguji aplikasi web progresif Anda

Buka browser yang didukung di perangkat yang didukung (misalnya: Chrome untuk Android (62 atau lebih tinggi) di perangkat Android)
Masukkan situs web Anda dan tunggu sampai memuat sepenuhnya
Anda harus melihat pop-up yang memiliki ikon aplikasi dan tombol yang bertuliskan "Tambahkan ke layar beranda".
Klik di atasnya dan PWA Anda akan ditambahkan ke layar beranda Anda. Tunggu instalasi selesai.
Pergi ke layar beranda Anda dan buka PWA Anda. Telusuri beberapa halaman jika Anda suka. Tutup aplikasi.
Putuskan sambungan dari internet dan sekarang buka PWA Anda lagi. Anda harus dapat melihat semua halaman yang sebelumnya Anda rambaikan.
Coba kunjungi halaman yang tidak Anda kunjungi sebelumnya. Anda akan melihat halaman yang Anda tetapkan sebagai "halaman offline" Anda di pengaturan Superpwa.

? Tentang kami

Kami adalah duo yang bersemangat tentang ide itu. Misi kami sederhana: membantu Anda membangun PWA yang luar biasa yang ingin dimiliki pengguna Anda di layar beranda mereka. Ketika kami pertama kali mendengar tentang PWA, kami ingin mempelajari segalanya tentang hal itu. Kami telah menghabiskan berjam -jam belajar dan ingin membagikannya dengan dunia. Tolong beri kami umpan balik dan dukungan konstruktif Anda.

⛷️ Dukungan

Ini adalah portal pengembang untuk aplikasi web super progresif dan tidak boleh digunakan untuk dukungan. Silakan kunjungi forum dukungan.

? Melaporkan bug

Jika Anda macet, kami di sini untuk mengawasi punggung Anda! Buka tiket topik dukungan baru jika Anda memiliki pertanyaan atau memerlukan fitur. Kami sangat senang mendengar umpan balik Anda dan kami ingin benar -benar membantu Anda membangun aplikasi web progresif terbaik untuk situs web WordPress Anda!