Udostępnij za pośrednictwem


Tworzenie aplikacji internetowych na platformie Windows

Firma Microsoft oferuje różne zasoby dla deweloperów sieci Web, w tym nowe narzędzia i funkcje obsługujące tworzenie aplikacji internetowych przy użyciu Windows. W tym przewodniku omówiono wiele dostępnych narzędzi, które uczynią Windows idealnym środowiskiem do opracowywania aplikacji internetowych. Aby uzyskać listę interfejsów API, sprawdź API do tworzenia aplikacji webowych.

WebView, DevTools, PWAs

ikona WebView 2
WebView 2
Osadź zawartość internetową (HTML, CSS i JavaScript) w aplikacjach natywnych przy użyciu Microsoft Edge WebView2. Pobierz WebView 2

Microsoft Edge Ikona narzędzia DevTools
Microsoft Edge DevTools
Microsoft Edge Developer Tools to zestaw narzędzi inspekcji i debugowania wbudowanych bezpośrednio w przeglądarkę Microsoft Edge. Aby otworzyć Narzędzia deweloperskie, mając na uwadze przeglądarkę Microsoft Edge:

  • Kliknij prawym przyciskiem myszy, a następnie sprawdź
  • Wybierz klucz F12
  • Ctrl + Shift + i

ikona programu PWA
Progresywne aplikacje internetowe na Windows
Progresywne Web Apps (PWA) zapewniają użytkownikom natywne środowisko podobne do aplikacji dostosowane dla swoich urządzeń. Są to witryny internetowe, które są stopniowo ulepszane tak, aby działały jak aplikacje natywne na platformach pomocniczych.
Rozpoczynanie pracy z programem PWAs

przeglądarka Microsoft Edge

Microsoft Edge ikona
Microsoft Edge for Developers
Nowa Microsoft Edge opiera się na Chromium, aby stworzyć lepszą zgodność sieci Web i mniej fragmentacji bazowych platform internetowych. Wydana 15 stycznia 2020 r. jest obsługiwana w systemach Windows, macOS, iOS i Android.
Zainstaluj nową Microsoft Edge

Microsoft Edge for Business
Microsoft Edge for Business
Microsoft Edge opiera się na Chromium i oferuje pomoc techniczną dla przedsiębiorstw. Uzyskaj szczegółowe wskazówki dotyczące konfigurowania i wdrażania wielu dostępnych kanałów.
Pobierz kanał Microsoft Edge

Ikona Microsoft Edge Insider
Microsoft Edge Insider
Codziennie tworzymy coś nowego dla Microsoft Edge. Dowiedz się więcej o naszych ostatnich postępach i sposobach zaangażowania. Pobierz wersję beta Microsoft Edge

Microsoft Edge Ikona pomocy technicznej
Microsoft Edge Support
Uzyskaj pomoc dotyczącą dostosowywania przeglądarki, dodawania rozszerzeń, zapobiegania śledzeniu, rozwiązywania problemów i nie tylko. Uzyskaj pomoc dotyczącą Microsoft Edge

Debugowanie, testowanie i ułatwienia dostępu

rozszerzenie debuggera VS Marketplace Edge
Microsoft Edge Tools for VS Code
Bez opuszczania Visual Studio Code użyj narzędzia Microsoft Edge DevTools, aby nawiązać połączenie z wystąpieniem i wyświetlić strukturę HTML środowiska uruchomieniowego, zmienić układy, style (CSS), odczytywać komunikaty konsoli i wyświetlać żądania sieciowe.
Install Microsoft Edge Tools for VS Code

ikona WebHint
Wskazówka sieciowa dla dostępności
Dostosowywane narzędzie lintujące, które pomaga poprawić dostępność, szybkość, zgodność między przeglądarkami i nie tylko, sprawdzając kod pod kątem najlepszych praktyk i typowych błędów.
Instalowanie rozszerzenia programu VS Code
Instalowanie rozszerzenia przeglądarki
Zainstaluj CLI

ikona WebDriver
WebDriver
Zamknij pętlę w cyklu dewelopera, automatyzując testowanie witryny internetowej w Microsoft Edge za pomocą usługi Microsoft WebDriver.
Instalowanie usługi WebDriver

edytory kodu Visual Studio

ikona programu VS Code
VS Code
Uproszczony edytor kodu źródłowego z wbudowaną obsługą języków JavaScript, TypeScript, Node.js, rozbudowanym ekosystemem rozszerzeń (C++, C#, Java, Python, PHP, Go) i środowiskami uruchomieniowymi (takimi jak .NET i Unity).
Instalowanie programu VS Code

Ikona Visual Studio
Visual Studio (IDE)
Zintegrowane środowisko programistyczne, za pomocą którego można edytować, debugować, kompilować kod i publikować aplikacje, w tym kompilatory, uzupełnianie kodu intellisense i wiele innych funkcji.
Install Visual Studio

ikona witryny Marketplace programu VS Code
Rynek rozszerzeń w VS Code
Zapoznaj się z wieloma różnymi dostępnymi rozszerzeniami, aby dostosować edytor Visual Studio Code.
Zainstaluj rozszerzenia

ikona Marketplace Visual Studio
Visual Studio Marketplace for Extensions
Zapoznaj się z wieloma różnymi dostępnymi rozszerzeniami, aby dostosować Visual Studio zintegrowane środowisko programistyczne.
Zainstaluj rozszerzenia

WSL, Terminal, Package Manager, Docker Desktop

ikona WSL
Windows Subsystem for Linux
Użyj ulubionej dystrybucji systemu Linux w pełni zintegrowanej z Windows (nie ma już potrzeby podwójnego rozruchu).
Zainstaluj WSL

Windows Terminal ikona
Windows Terminal
Dostosuj środowisko terminalu do pracy z wieloma powłokami (shellami) wiersza polecenia.
Instalowanie terminalu

Windows Package Manager ikona
Windows Package Manager
** Użyj klienta winget.exe z wierszem polecenia, aby zainstalować aplikacje w Windows lub przesłać własne pakiety do Windows Package Manager.
Zainstaluj klienta winget Menedżera pakietów Windows

Ikona Docker Desktop dla Windows
Docker Desktop for Windows
Twórz zdalne kontenery deweloperskie z obsługą przez Visual Studio, VS Code, .NET, Windows Subsystem for Linux lub różne usługi Azure.
Install Docker Desktop for Windows

ASP.NET, Typescript, .NET MAUI

ASP.NET ikona
ASP.NET
Międzyplatformowa struktura do tworzenia aplikacji internetowych i usług, aplikacji Internetu rzeczy (IoT) lub zapleczy mobilnych z .NET i C#. Twórz bogate interaktywne interfejsy webowe za pomocą Blazor. Użyj ulubionych narzędzi deweloperskich w systemach Windows, macOS i Linux. Wdrażanie w chmurze lub lokalnie. Uruchom na platformie .NET.
Install ASP.NET

ikona języka Typescript
Typescript
Język TypeScript rozszerza język JavaScript, dodając typy do języka. Na przykład język JavaScript udostępnia typy pierwotne języka, takie jak ciąg, liczba i obiekt, ale nie sprawdza, czy zostały one konsekwentnie przypisane. TypeScript nie.
Wypróbuj w przeglądarceZainstaluj lokalnie

.NET MAUI ikona
.NET MAUI
.NET Multi-platform App UI (.NET MAUI) umożliwia tworzenie natywnych aplikacji przy użyciu wieloplatformowego zestawu narzędzi interfejsu użytkownika .NET, który jest przeznaczony dla platform mobilnych i desktopowych na systemy Android, iOS, macOS, Windows i Tizen.
Install .NET MAUI

Wkład w open source

ikona open-source
Open source w Microsoft
Tysiące inżynierów firmy Microsoft używa, współtworzy i publikuje open source każdego dnia. Popularne projekty obejmują Visual Studio Code, TypeScript, .NET i ChakraCore.
Angażuj się

ikona dokumentów
Współtwórz dokumentację
Większość zestawów dokumentacji firmy Microsoft jest open source i hostowanych w GitHub. Współpracuj, zgłaszając problemy lub tworząc prośby o ściągnięcie.
Dowiedz się, jak

Programowanie w chmurze za pomocą Azure

ikona Azure
Azure
Kompletna platforma w chmurze do hostowania istniejących aplikacji i usprawnienia tworzenia nowych aplikacji. Azure usługi integrują wszystko, czego potrzebujesz, aby opracowywać, testować, wdrażać i zarządzać aplikacjami.
Konigurowanie konta Azure

Ikona Azure Cognitive Services
Azure Cognitive Services
Usługi oparte na chmurze z interfejsami API REST i zestawami SDK dla klienta, dostępne, aby pomóc w integracji inteligencji poznawczej z aplikacjami.
Wypróbuj usługi Cognitive Service

Ikona przewodnika deweloperskiego Azure
Przeglądaj produkty Azure
Azure oferuje szeroką gamę produktów i usług — zapoznaj się z dokumentacją lub zapoznaj się z Azure opisami produktów i cenami.
Konigurowanie konta Azure

Dodatkowe zasoby

Ikona konfigurowania środowiska deweloperskiego
Konsekguruj środowisko deweloperskie w Windows
Uzyskaj pomoc dotyczącą konfigurowania środowiska deweloperskiego do pracy z Python, NodeJS, C#, C, C++, tworzenie aplikacji dla systemu Android, tworzenie aplikacji klasycznych Windows, tworzenie kontenerów platformy Docker, uruchamianie skryptów programu PowerShell i nie tylko.
Rozpoczynanie pracy

Ikona React Native for Desktop
React Native for Desktop
Obsługa platformy React Native do zestawu SDK Windows i zestawu SDK systemu macOS 10.13. Użyj języka JavaScript do tworzenia natywnych aplikacji Windows dla wszystkich urządzeń obsługiwanych przez Windows, w tym komputerów, tabletów, 2-w-1, Xbox, urządzeń rzeczywistości mieszanej itp., a także ekosystemów komputerów stacjonarnych i laptopów z systemem macOS.
Install React Native for Windows
Instalowanie oprogramowania React Native dla systemu MacOS

ikona naucz się
kursy Microsoft Learn związane z tworzeniem aplikacji internetowych
Platforma Microsoft Learn oferuje bezpłatne kursy online, aby poznać różne nowe umiejętności i odkrywać produkty i usługi firmy Microsoft, korzystając ze wskazówek krok po kroku.
Rozpoczynanie nauki

Przechodzenie między komputerami Mac i Windows

Zapoznaj się z naszym przewodnikiem dotyczącym przechodzenia między Mac a Windows (lub Windows Subsystem for Linux) w środowisku programistycznym.