Her istemciye yüklenebilen ve çalıştırılabilen aşamalı bir web uygulaması oluşturun

çevre

Görsel Stüdyo

• Visual Studio 2019 (İngilizce)

.NET (İngilizce)

• .NET 5.0

Progresif Web Uygulaması (PWA) nedir?

Basitçe söylemek gerekirse, Windows PC, iPhone veya Android gibi her cihaza Web uygulamaları yüklemenizi ve kullanmanızı sağlayan bir uygulamadır.

Blazor WebAssembly'nin gerçekliği standartlaştırılmış bir WebAssembly'nin kendisidir, bu nedenle yukarıdaki uygulama mümkündür. Temel olarak Web uygulaması tabanlıdır, ancak Plus Alpha'daki push bildirimleri gibi yerel özellikleri de kullanabilirsiniz.

Kullanıcı için kurulum prosedürü de çok basittir, çünkü yalnızca hedef sayfayı ziyaret etmek ve yükleme düğmesine basmak gerekir.

Blazor WebAssembly PWA Projesi Oluşturma

Temel olarak bir Blazor WebAssembly projesi oluşturmakla aynıdır.

Projeyi normalde yaptığınız gibi oluşturun ve aşağıdaki "Ek Bilgi" ekranına geldiğinizde, "Progresif Web Uygulaması" nı işaretlemeniz yeterlidir.

PWA'ya özgü özelliklerin yanı sıra, Blazor WebAssembly geliştirme aslında PWA'sız modelle aynıdır.

PWA dışı projelerden farklar

PWA'da bir proje oluşturduğunuzda, birkaç dosya daha alırsınız.

Ayrıca, açtığınızda,index.html bu dosyalara başvuran bazı kodlar eklenir.

PWA'yı deneyin

Hata ayıklama için projeyi çalıştırın.

Yürütme örneği, PWA'sız desenle tamamen aynıdır, ancak PWA ile çalıştırıldığında, web tarayıcısına bir yükleme düğmesinin eklendiğini görebilirsiniz.

Tıkladığınızda, yükleme onayı görüntülenir, bu yüzden yüklemeye çalışacağım.

Bu, Blazor uygulamasını çalıştırabileceğiniz ayrı bir pencere açacaktır. Bir web tarayıcısı değil, bir istemci uygulaması gibi davranır, böylece şekilde gösterildiği gibi işletim sistemi ile ilgili ayarları da yapılandırabilirsiniz.

Yüklendiğinden, başlat menüsüne bu şekilde kaydedilecek ve başlatabileceksiniz.

Ancak, içerik bir web uygulaması olduğundan, içeriği indirebilecek bir sunucu olmadığı sürece kullanılamaz. Örneğin, bir hata ayıklama çalıştırması sırasında yüklerseniz, hata ayıklama için IIS Express'i başlatmadığınız sürece yüklü uygulamayı kullanamazsınız. PWA'ların https bağlantısı olmadan yüklenemeyeceğini de unutmayın.

kaldırma

Kaldırma prosedürü, normal olarak yüklenen bir uygulamayla aynıdır. İşlem yöntemi, kurulumun hedef platformuna bağlıdır.

Değişim günlüğü

2022/7/13

• PWA'yı yüklemek için https gerekli olduğuna dair açıklama eklendi.

2022/3/30

• ilk baskı