Tworzenie i wykonywanie projektów Blazor WebAssembly
środowisko
- Visual Studio
-
- Program Visual Studio 2019
- Platforma .NET
-
- PLATFORMA .NET 5.0
Pobieranie i instalowanie programu Visual Studio
Użyj programu Visual Studio do tworzenia projektów Blazor. Dowiedz się, jak uzyskać i skonfigurować program Visual Studio poniżej.
Inne kroki mogą być żmudne, ale kod visual studio pozwala również na programowanie. (Nie będę tutaj wyjaśniał.)
Tworzenie projektu Blazor WebAssemblyCreate a Blazor WebAssembly project
Wybierz pozycję Visual Studio 2019 z menu Start.Select Visual Studio 2019 from the Start menu. Wersja jest tutaj 2019, ale późniejsze wersje mogą również tworzyć projekty.
Wybierz pozycję Utwórz nowy projekt.
Jeśli wpiszesz "Blazor" w polu wprowadzania wyszukiwania powyżej, zostanie wyświetlona lista, więc wybierz "Blazor WebAssembly App" i kliknij przycisk "Dalej".
Nazwa projektu może być dowolna, ale tutaj jesteśmy "BlazorWebAssemblySample". Możesz tworzyć projekty gdziekolwiek jesteś. Nazwa rozwiązania jest wprowadzana automatycznie, więc można ją pozostawić bez zmian.
Ramy docelowe to ". NET Core 3.1 lub nowszy. Oto najnowsze ". NET 5.0" jest wybrana. Reszta pozostaje do ustawień domyślnych. Po zakończeniu kliknij przycisk "Utwórz".
Zostanie wyświetlone główne okno programu Visual Studio (IDE) i zostanie zakończone tworzenie projektu. Układ okna może się różnić w zależności od preferencji, ale nie wpływa na rozwój.
Określony folder zawiera pliki związane z projektem. Projekt nie wpływa na hierarchię powyżej tego folderu (na zewnątrz), więc jeśli już go nie potrzebujesz, możesz usunąć każdy folder i nie możesz nic zrobić.
Uruchom (wykonanie debugowania)
Mała próbka jest ukończona w stanie tworzenia projektu, więc możliwe jest wykonanie jej w takiej postaci, w jakiej jest. Kliknij pozycję IIS Express na pasku narzędzi, aby go uruchomić. Prosty serwer WWW "IIS Express" jest tworzony we własnym środowisku i można uruchomić aplikację Blazor. Ten program IIS Express jest zamykany automatycznie po zakończeniu debugowania.
Nawiasem mówiąc, debugowanie Blazor WebAssembly działa przy użyciu serwera WWW tylko do pobierania aplikacji.
Po rozpoczęciu kompilacji i upływie określonej ilości czasu kompilacja jest zakończona i uruchomiona jest przeglądarka internetowa. Zobaczysz ekran sieci Web, z których wszystkie są wykonywane przez klienta (z wyjątkiem uzyskiwania dostępu do zasobów serwera). Podczas gdy przetwarzanie po stronie klienta dla aplikacji internetowych jest zwykle napisane w Javascript, Blazor może użyć mechanizmu WebAssembly do tworzenia ich w C#.
Aby zwiększyć liczbę za każdym razem, gdy klikniesz: Te odświeżone operacje bez ekranu są zazwyczaj napisane w Javascript, ale są również zaimplementowane w C#.
Jest to ekran, który pobiera plik JSON z serwera i wyświetla listę.
Zatrzymaj wykonywanie debugowania
Jeśli przeglądarka sieci Web zostanie uruchomiona samodzielnie, zamknięcie przeglądarki sieci Web zakończy wykonywanie debugowania, ale jeśli otworzysz ją w nowej karcie w przeglądarce sieci Web, która została już uruchomiona, zamknięcie karty nie zakończy uruchamiania debugowania.
W takim przypadku kliknij przycisk "Zatrzymaj debugowanie" na pasku narzędzi programu Visual Studio.
Koniec rozwoju
Zasadniczo należy zamknąć program Visual Studio tak jak każdy inny projekt. Jeśli jakiekolwiek pliki nie zostały zapisane, zostanie wyświetlone potwierdzenie zapisu.
Po ponownym programowaniu można otworzyć plik "xxxxxxxx.sin" lub otworzyć historię podczas uruchamiania programu Visual Studio, aby można go było otworzyć stamtąd.