Cipta aplikasi web progresif yang boleh dipasang dan dijalankan pada setiap klien

Persekitaran

Visual Studio

• Studio Visual 2019

.NET

• .NET 5.0

Apakah Aplikasi Web Progresif (PWA)?

Ringkasnya, ia adalah aplikasi yang membolehkan anda memasang dan menggunakan aplikasi Web pada setiap peranti seperti PC Windows, iPhone, atau Android.

Realiti Blazor WebAssembly adalah WebAssembly standard itu sendiri, jadi pelaksanaan di atas adalah mungkin. Ia pada dasarnya berasaskan aplikasi Web, tetapi anda juga boleh menggunakan ciri asli seperti pemberitahuan tolak dalam Plus Alpha.

Prosedur pemasangan untuk pengguna juga sangat mudah, kerana hanya perlu melawat halaman sasaran dan tekan butang pemasangan.

Mencipta Projek PWA Blazor WebAssembly

Ia pada dasarnya sama seperti membuat projek Blazor WebAssembly.

Cukup buat projek seperti yang biasa anda lakukan, dan apabila anda datang ke skrin "Maklumat Tambahan" di bawah, cukup periksa "Aplikasi Web Progresif".

Selain daripada ciri khusus PWA, pembangunan Blazor WebAssembly pada dasarnya sama dengan corak bebas PWA.

Perbezaan dari projek bukan PWA

Apabila anda membuat projek di PWA, anda mendapat beberapa fail lagi.

Juga, apabila anda membuka ,index.html beberapa kod ditambah yang merujuk fail-fail ini.

Cuba PWA

Jalankan projek untuk penyahpepijatan.

Sampel pelaksanaan adalah sama dengan corak tanpa PWA, tetapi apabila dijalankan dengan PWA, anda dapat melihat bahawa butang pemasangan telah ditambahkan ke penyemak imbas web.

Apabila anda mengkliknya, pengesahan untuk memasang dipaparkan, jadi saya akan cuba memasang.

Ini akan membuka tetingkap berasingan di mana anda boleh menjalankan aplikasi Blazor. Ia bertindak sebagai aplikasi pelanggan, bukan pelayar web, jadi anda juga boleh mengkonfigurasi tetapan berkaitan OS seperti yang ditunjukkan dalam gambar.

Oleh kerana ia dipasang, ia akan didaftarkan dalam menu permulaan seperti ini dan anda akan dapat memulakannya.

Walau bagaimanapun, kerana kandungannya adalah aplikasi web, ia tidak boleh digunakan melainkan terdapat pelayan yang boleh memuat turun kandungan. Contohnya, jika anda memasangnya semasa larian nyahpepijat, anda tidak boleh menggunakan aplikasi yang dipasang melainkan anda telah memulakan IIS Express untuk penyahpepijatan. Juga ambil perhatian bahawa PWA tidak boleh dipasang tanpa sambungan https.

Membuang

Prosedur nyahpasang adalah sama seperti aplikasi yang dipasang biasa. Kaedah operasi bergantung kepada platform sasaran pemasangan.

Tukarlog

2022/7/13

• Penjelasan tambahan bahawa https diperlukan untuk memasang PWA.

2022/3/30

• edisi pertama