Blazor WebAssembly projeleri oluşturma ve yürütme
çevre
- Visual Studio
-
- Visual Studio 2019
- .NET
-
- .NET 5.0
Visual Studio'yu alma ve yükleme
Blazor projeleri geliştirmek için Visual Studio'yu kullanın. Aşağıda Visual Studio'yu nasıl alacağınızı ve kuracağınızı öğrenin.
Diğer adımlar sıkıcı olabilir, ancak görsel stüdyo kodu da geliştirmenize izin verir. (Burada açıklamam.)
Blazor WebAssembly projesi oluşturma
Başlat menüsünden Visual Studio 2019'u seçin. Sürüm burada 2019'dur, ancak daha sonraki sürümler de projeler oluşturabilir.
Yeni proje oluştur'u seçin.
Yukarıdaki arama girişi alanına "Blazor" girerseniz, bir liste görüntülenir, bu nedenle "Blazor WebAssembly Uygulaması" nı seçin ve "İleri" düğmesini tıklayın.
Proje adı herhangi bir şey olabilir, ancak burada "BlazorWebAssemblySample" ız. Nerede olursanız olun projeler oluşturabilirsiniz. Çözüm adı otomatik olarak girilir, böylece olduğu gibi bırakabilirsiniz.
Hedef çerçeve ". NET Core 3.1 veya üstü. İşte son ". NET 5.0" seçili. Geri kalanı varsayılan ayarlara bırakılır. İşiniz bittiğinde, "Oluştur" düğmesine tıklayın.
Ana görsel stüdyo penceresi (IDE) görüntülenir ve proje oluşturma işlemi tamamlanır. Pencerenin düzeni tercihlerinize bağlı olarak değişebilir, ancak geliştirmeyi etkilemez.
Belirtilen klasör projeyle ilgili dosyaları içeriyor. Proje bu klasörün üstündeki hiyerarşiyi etkilemez (dışarıda), bu nedenle artık ihtiyacınız yoksa, her klasörü silebilir ve hiçbir şey yapamazsınız.
Çalıştır (hata ayıklama yürütme)
Proje oluşturma durumunda küçük bir örnek tamamlanır, bu nedenle olduğu gibi yürütülmesi mümkündür. Çalıştırmak için araç çubuğunda IIS Express'i tıklatın. Kendi ortamınızda basit bir web sunucusu "IIS Express" oluşturulur ve Blazor uygulamasını çalıştırabilirsiniz. Hata ayıklamadan çıktığınızda bu IIS Express otomatik olarak çıkar.
Bu arada, blazor WebAssembly hata ayıklama çalıştırmaları web sunucusunu yalnızca uygulamaları indirmek için kullanır.
Yapı başladıktan ve belirli bir süre geçtikten sonra, yapı tamamlanır ve web tarayıcısı başlatılır. Tümü istemci tarafından yapılan bir Web ekranı görürsünüz (sunucu kaynaklarına erişmek dışında). Web uygulamaları için istemci tarafı işleme genellikle Javascript ile yazılırken, Blazor bunları C# olarak oluşturmak için WebAssembly'nin mekanizmasını kullanabilir.
Her tıklağınızda sayımı şu şekilde artırabilirsiniz: Bu ekransız yenilenen işlemler genellikle Javascript ile yazılır, ancak C# olarak da uygulanır.
Bu, JSON dosyasını sunucudan indiren ve listeyi görüntüleyen ekrandır.
Yürütmede hata ayıklamayı durdur
Web tarayıcısı kendi başına başlatılırsa, web tarayıcısının kapatılması hata ayıklama yürütmeyi sona erdirir, ancak zaten başlatılmış bir Web tarayıcısında yeni bir sekmede açarsanız, sekmeyi kapatmak hata ayıklama çalıştırmasını sona erdirmez.
Bu durumda, Visual Studio araç çubuğundan "Hata Ayıklamayı Durdur" düğmesini tıklatın.
Geliştirme sonu
Temel olarak, visual studio'dan diğer projeler gibi çıkmalısınız. Herhangi bir dosya kaydedilmemişse, bir kaydetme onayı görüntülenir.
Yeniden geliştirdiğinizde, "xxxxxxxx.sin" dosyasını açabilir veya Visual Studio'yu başlattığınızda geçmişi açabilirsiniz, böylece oradan açabilirsiniz.