contoh PWA kehidupan sebenar yang boleh anda pelajari dalam 5

Sepuluh Contoh Apl Web Progresif (PWA) Menakjubkan

Artikel ini akan menunjukkan sepuluh jenis kes aplikasi web progresif (PWA) yang berbeza, yang menggunakan teknologi web dengan bijak untuk memberikan pengalaman pengguna yang setanding dengan aplikasi asli.

1. Redmenta: Platform perancangan laluan pembelajaran diperibadikan

Redmenta ialah platform berasaskan AI yang membantu guru dan pelajar mencipta laluan pembelajaran yang diperibadikan daripada kursus sedia ada. Perisian ini menjana aktiviti pembelajaran untuk pelajar dan membolehkan guru mengesan kemajuan pelajar. Sebagai Apl Web Progresif (PWA), Redmenta boleh dipasang terus daripada penyemak imbas pada mana-mana peranti, tanpa perlu memuat turun apl App Store.

Redmenta ialah contoh apl moden yang sempurna: dibina dengan React, dikuasakan oleh AI, direka dengan cantik, responsif mudah alih dan diedarkan melalui web terbuka.

2. Fodmapedia: Pembantu Diet FODMAP Rendah

Fodmapedia direka khas untuk mereka yang mengalami sindrom usus yang merengsa untuk membantu mereka menguruskan simptom melalui diet rendah FODMAP. Contoh tanpa kod PWA yang dibangunkan dengan Bubble ini membantu pengguna mengenal pasti makanan yang sesuai dengan keperluan diet mereka. Memandangkan ini adalah alat untuk kegunaan harian, tapak web boleh dipasang sebagai aplikasi terus dari halaman utama.

Klik "Pasang" dan anda akan dibimbing langkah demi langkah untuk menambahkan PWA pada skrin utama anda. Arahan secara bijak menyesuaikan diri dengan peranti khusus anda. Terima kasih kepada teknologi web moden, PWA kini boleh dipasang dari hampir mana-mana sahaja.

Untuk pengguna yang mungkin terlepas gesaan awal, Fodmapedia menyediakan pautan pemasangan yang mudah dalam pengepala. Pautan ini akan membawa anda ke halaman pemasangan khusus dengan tangkapan skrin aplikasi, butiran dan juga ulasan.

Fodmapedia ialah contoh hebat PWA yang menunjukkan cara menyelesaikan masalah yang jelas dan nyata untuk pengguna anda dan mengedarkannya di luar gedung aplikasi tanpa memerlukan kod.

3. Bingo em Casa: Pertaruhan Sukan Brazil dan Aplikasi Kasino

Bingo em Casa ialah apl buku sukan dan kasino Brazil yang telah memilih untuk menggunakan PWA dan bukannya apl asli – pilihan yang jelas memandangkan aplnya termasuk dalam kategori yang dilarang di Google Play dan App Store.

Malah, PWA ialah penyelesaian ideal untuk aplikasi dalam industri sensitif seperti perjudian, kandungan dewasa, mata wang kripto, ganja dan kesihatan. Dengan PWA, anda mempunyai kawalan penuh ke atas pengedaran sambil memastikan apl anda terletak dengan mudah pada skrin utama pengguna tanpa memerlukan mereka memuat turun fail boleh laku yang mencurigakan.

Bingo em Casa menggalakkan pengguna memasang PWAnya terus dari halaman log masuk. Pemasangan adalah serta-merta dan anda akan digesa untuk mendayakan pemberitahuan tolak sebaik sahaja apl dilancarkan dari skrin utama anda. Aliran ini berfungsi dengan baik - pada iOS (bermula dengan versi 16.4), pemberitahuan tolak hanya tersedia dalam PWA yang dipasang.

Tidak seperti tapak web mengganggu yang memaparkan gesaan pemberitahuan serta-merta selepas pelancaran, Bingo em Casa dengan bijak menunggu sehingga anda menunjukkan penglibatan yang bermakna dengan apl sebelum dengan anggun menjemput anda untuk mengikut serta menerima pemberitahuan. Syabas!

4. Nekodex: Apl Dompet Cryptocurrency

Nekodex ialah aplikasi dompet mata wang kripto. Seperti contoh PWA sebelumnya, ia memanfaatkan format web untuk memintas sekatan gedung aplikasi sambil memberikan pengalaman pengguna yang lancar.

Dengan animasi yang cantik dan antara muka yang digilap, apl web ini hampir tidak dapat dibezakan daripada rakan sejawat asalnya setelah dipasang. Sesetengah pembangun merasakan bahawa PWA tidak begitu menarik atau berfungsi secara visual seperti apl asli. Nekodex membuktikan sebaliknya, menunjukkan bahawa PWA boleh kelihatan dan berasa sangat bergaya.

Kaedah pemasangan merentas peranti mereka juga bijak. Klik "Lancarkan Apl" di penjuru kanan sebelah atas tapak webnya untuk memaparkan kod. Imbas kod dengan telefon anda dan anda akan diarahkan untuk memasang apl itu. sangat bijak!

5. Run247: Komuniti untuk larian denai dan peminat larian ultra jarak

Run247 ialah komuniti global untuk peminat jejak dan ultra larian, menyediakan berita, acara dan nasihat pakar. Seperti aplikasi kakaknya Tri247, ia juga telah memilih format PWA untuk pengedaran.

Tidak seperti PWA yang dinyatakan sebelum ini yang disasarkan terutamanya pada peranti mudah alih, Run247 berfungsi sama baik dengan pengguna desktop dan mudah alih. Sentuhan yang sangat menarik ialah butang "Tambah Apl" di penjuru kiri sebelah atas tapak. Dengan hanya satu klik, apl itu dipasang serta-merta pada komputer atau telefon anda, memastikan akses mudah merentas peranti.

Pemasangan PWA tidak terhad kepada peranti mudah alih—ia juga berfungsi pada macOS (melalui Safari, Chrome, Brave atau Edge), Windows (menggunakan Chrome, Brave atau Edge) dan juga ChromeOS!

Contoh PWA ini mengendalikan logik pemasangan dengan sangat teliti. Sebagai contoh, inilah yang berlaku apabila menggunakan segelintir penyemak imbas yang tidak serasi dengan pemasangan PWA (sebenarnya Firefox untuk desktop).

6. Fou d’la bouffe: Perkhidmatan penghantaran makanan di Quebec dan Ontario

Fou d’la Bouffe ialah perkhidmatan penghantaran makanan yang beroperasi di Quebec dan Ontario, di mana bahasa Perancis dan Inggeris dituturkan setiap hari. Untuk memenuhi khalayak dwibahasa ini, apl ini tersedia dalam bahasa Perancis dan Inggeris. Setelah halaman dimuatkan, apl mengesan bahasa pengguna dan menggesa pengguna untuk memasang PWA dengan sewajarnya:

Untuk perkhidmatan penghantaran makanan, kehadiran pada skrin utama pelanggan anda adalah penting. Dengan ciri lanjutan seperti geolokasi dan pemberitahuan tolak, contoh PWA ini mempamerkan dengan sempurna perkara yang boleh dilakukan oleh web.

7. Liga Muzik: permainan penemuan muzik merentas platform

Liga Muzik ialah permainan penemuan muzik merentas platform. Seperti kebanyakan apl asli, halaman pendaratannya menyediakan gambaran keseluruhan ringkas tentang apl serta pilihan pemasangan. Walau bagaimanapun, tidak seperti kebanyakan apl asli, Music League menawarkan fleksibiliti yang luar biasa:

Tiada pemasangan paksa - anda boleh bermain permainan terus dalam penyemak imbas anda, atau memilih untuk memasangnya pada telefon anda jika anda mahu. Ini adalah contoh hebat menggunakan format PWA dengan berkesan. Dengan mengalih keluar geseran menyemak imbas kedai apl tradisional, pembangun Liga Muzik meningkatkan penggunaan apl mereka.

8. Sky Freebies: Barang niaga percuma dan platform penemuan sampel

Sky Freebies ialah platform tawaran hebat yang membantu anda menemui bahan dan sampel percuma daripada pelbagai peruncit.

Tetapi seperti yang anda bayangkan, hadiah percuma tidak kekal selama-lamanya! Inilah sebabnya mengapa pengguna perlu menyemak laman web dengan kerap untuk mendapatkan tawaran terkini. Untuk menjadikannya lebih mudah, mereka telah menambahkan widget pemasang berguna yang sentiasa tersedia semasa anda menyemak imbas tapak:

Setelah apl dipasang dan dilancarkan, anda akan melihat kandungan itu sendiri. Sky Freebies mengesan mod paparan dan melaraskan pengalaman pengguna dengan sewajarnya. Keseluruhan pengalaman adalah perjalanan yang lancar dan lancar – daripada mengakses halaman utama hingga melancarkan apl terus dari skrin utama.

Sky Freebies juga menggunakan pemberitahuan tolak dengan baik untuk memaklumkan anda sebaik sahaja tawaran baharu ditambahkan pada apl. Sudah tentu, pemberitahuan ini adalah secara sukarela sepenuhnya.

Menariknya, walaupun apl itu tersedia sepenuhnya di web, ia juga boleh dimuat turun di Google Play atau Gedung Windows. Walaupun Apple mengehadkan PWA, Google dan Microsoft lebih terbuka kepada apl web. Oleh itu, memilih format PWA tidak bermakna meninggalkan pengguna yang biasa menggunakan kedai aplikasi tradisional.

9. Panduan Bedford: Jurupandu Tempatan Bedford

PWA ialah format yang sesuai untuk pemandu tempatan, dan Panduan Bedford ialah contoh yang sempurna. Ia membantu anda menerokai restoran, bar, tarikan dan tempat tumpuan lain yang terbaik di Bedford, UK.

Merancang untuk melawat Bedford? Hanya pasang tapak web pada peranti anda dan aksesnya dengan mudah pada bila-bila masa anda memerlukannya.

Panduan Bedford dibangunkan menggunakan WordPress dan dibuka dengan skrin percikan yang cantik, sama seperti apl asli!

10. HobbyHop: Kedai Dalam Talian Kraf

Adakah anda kerap memesan barang dari beberapa kedai dalam talian? Mengapa tidak menambahkannya pada skrin utama telefon anda untuk akses mudah? HobbyHop ialah kedai kraf yang dikuasakan oleh Shopify—dan ia juga merupakan PWA!

Shopify ialah salah satu platform paling mudah untuk menjual produk dalam talian, dan terima kasih kepada Shopify App Store, menukar kedai anda menjadi PWA dengan pemasangan dan pemberitahuan tolak hanya dengan satu klik sahaja.

HobbyHop memaut ke halaman pemasangannya sendiri dari pengaki halaman utamanya. Ini adalah cara yang mudah untuk mempromosikan pemasangan tanpa mengganggu perjalanan pengguna dalam apl.

11. Photopea: Alternatif Photoshop Percuma

Akhir sekali, saya perlu menyebut Photopea, yang pada pendapat saya adalah salah satu perisian terhebat yang pernah dibina di web. Ringkasnya, ia adalah alternatif Photoshop percuma yang dibangunkan sepenuhnya menggunakan teknologi web seperti HTML, CSS, dan JavaScript.

Seperti contoh lain, anda boleh memasang ini sebagai PWA pada peranti anda. Saya mempunyainya dalam Dok pada Mac saya dan menggunakannya hampir setiap hari. Ia berfungsi dengan baik sehingga saya sebenarnya tidak dapat memberitahu ia bukan apl asli.

Walau bagaimanapun, perkara yang menakjubkan tentang Photopea ialah apa yang sebenarnya dilakukannya. Membenarkan pereka bentuk untuk mengendalikan tugas yang rumit itu secara langsung di web adalah satu langkah yang genius.

Skeptikal tentang potensi PWA? Cuba Photopea—ia mungkin mengubah fikiran anda.

Atas ialah kandungan terperinci contoh PWA kehidupan sebenar yang boleh anda pelajari dalam 5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!