Ćwiczenie — tworzenie aplikacji internetowej w witrynie Azure Portal

Ukończone

W tej lekcji utworzysz aplikację internetową przy użyciu witryny Azure Portal.

Tworzenie aplikacji internetowej

Zaloguj się do witryny Azure Portal przy użyciu tego samego konta, które zostało użyte do aktywowania piaskownicy.

  1. W menu witryny Azure Portal lub na stronie głównej wybierz pozycję Utwórz zasób. Wszystko, co tworzysz na platformie Azure, jest zasobem. Zostanie wyświetlone okienko Tworzenie zasobu .

    W tym miejscu możesz wyszukać zasób, który chcesz utworzyć, lub wybrać jeden z popularnych zasobów tworzonych przez osoby w witrynie Azure Portal.

  2. W menu Utwórz zasób wybierz pozycję Sieć Web.

  3. Wybierz pozycję Aplikacja internetowa. Jeśli go nie widzisz, w polu wyszukiwania wyszukaj i wybierz pozycję Aplikacja internetowa. Zostanie wyświetlone okienko Tworzenie aplikacji internetowej.

  4. Na karcie Podstawy wprowadź następujące wartości dla każdego ustawienia.

    Ustawienie Wartość Szczegóły
    Szczegóły projektu
    Subskrypcja Subskrypcja Concierge Utworzona aplikacja internetowa musi należeć do grupy zasobów. W tym miejscu wybierz subskrypcję platformy Azure, do której należy grupa zasobów (lub będzie należeć, jeśli tworzysz ją w kreatorze).
    Grupa zasobów Wybierz pozycję [Grupa zasobów piaskownicy] Grupa zasobów, do której będzie należeć aplikacja internetowa. Wszystkie zasoby platformy Azure muszą należeć do grupy zasobów.
    Szczegóły wystąpienia
    Nazwisko Wprowadź unikatową nazwę Nazwa aplikacji internetowej. Ta nazwa będzie częścią adresu URL aplikacji: nazwa_aplikacji.azurewebsites.net. Wybrana nazwa musi być unikatowa wśród wszystkich aplikacji internetowych platformy Azure.
    Publikowanie Kod Metoda, której chcesz użyć do opublikowania aplikacji. Podczas publikowania aplikacji jako kodu należy również skonfigurować stos środowiska uruchomieniowego, aby przygotować zasoby usługi App Service do uruchamiania aplikacji.
    Stos środowiska uruchomieniowego .NET 6 (LTS) Platforma, na której będzie uruchamiana aplikacja. Twój wybór może mieć wpływ na wybór systemu operacyjnego — w przypadku niektórych stosów środowiska uruchomieniowego usługa App Service obsługuje tylko jeden system operacyjny.
    System operacyjny Linux System operacyjny używany na serwerach wirtualnych, na których będzie uruchamiana aplikacja.
    Region (Region) Wschodnie stany USA Region geograficzny, w którym będzie hostowana aplikacja.
    Plany cenowe
    Plan systemu Linux Zaakceptuj wartość domyślną Nazwa planu usługi App Service, w ramach którego będzie pracować aplikacja. Domyślnie kreator tworzy nowy plan w tym samym regionie, w którym znajduje się aplikacja internetowa.
    Plan cenowy Bezpłatna F1 Warstwa cenowa tworzonego planu usługi. Plan cenowy określa charakterystykę wydajności serwerów wirtualnych obsługujących aplikację i funkcje, do których ma dostęp. Wybierz pozycję Bezpłatna F1 z listy rozwijanej.

    Screenshot showing web app creation details.

  1. W menu witryny Azure Portal lub na stronie głównej wybierz pozycję Utwórz zasób. Wszystko, co tworzysz na platformie Azure, jest zasobem. Zostanie wyświetlone okienko Tworzenie zasobu .

    W tym miejscu możesz wyszukać zasób, który chcesz utworzyć, lub wybrać jeden z popularnych zasobów tworzonych przez osoby w witrynie Azure Portal.

  2. W menu Utwórz zasób wybierz pozycję Sieć Web.

  3. Wybierz pozycję Aplikacja internetowa. Jeśli go nie widzisz, w polu wyszukiwania wyszukaj i wybierz pozycję Aplikacja internetowa. Zostanie wyświetlone okienko Tworzenie zasobu aplikacji internetowej.

  4. Na karcie Podstawy wprowadź następujące wartości dla każdego ustawienia.

    Ustawienie Wartość Szczegóły
    Szczegóły projektu
    Subskrypcja Subskrypcja Concierge Utworzona aplikacja internetowa musi należeć do grupy zasobów. W tym miejscu wybierz subskrypcję platformy Azure, do której należy grupa zasobów (lub będzie należeć, jeśli tworzysz ją w kreatorze).
    Grupa zasobów Wybierz pozycję [Grupa zasobów piaskownicy] Grupa zasobów, do której będzie należeć aplikacja internetowa. Wszystkie zasoby platformy Azure muszą należeć do grupy zasobów.
    Szczegóły wystąpienia
    Nazwisko Wprowadź unikatową nazwę Nazwa aplikacji internetowej. Ta nazwa będzie częścią adresu URL aplikacji: nazwa_aplikacji.azurewebsites.net. Wybrana nazwa musi być unikatowa wśród wszystkich aplikacji internetowych platformy Azure.
    Publikowanie Kod Metoda, której chcesz użyć do opublikowania aplikacji. Podczas publikowania aplikacji jako kodu należy również skonfigurować stos środowiska uruchomieniowego, aby przygotować zasoby usługi App Service do uruchamiania aplikacji.
    Stos środowiska uruchomieniowego Java 11 Wersja środowiska uruchomieniowego języka Java używana przez aplikację.
    Stos serwera sieci Web Java Apache Tomcat 9.0 Platforma, na której chcesz uruchomić aplikację. Twój wybór może mieć wpływ na wybór systemu operacyjnego — w przypadku niektórych stosów środowiska uruchomieniowego usługa App Service obsługuje tylko jeden system operacyjny.
    System operacyjny Linux System operacyjny używany na serwerach wirtualnych, na których będzie uruchamiana aplikacja.
    Region (Region) Wschodnie stany USA Region geograficzny, w którym będzie hostowana aplikacja.
    Plany cenowe
    Plan systemu Linux Zaakceptuj wartość domyślną Nazwa planu usługi App Service, w ramach którego będzie pracować aplikacja. Domyślnie kreator tworzy nowy plan w tym samym regionie, w którym znajduje się aplikacja internetowa.
    Plan cenowy F1 Warstwa cenowa tworzonego planu usługi. Plan cenowy określa charakterystykę wydajności serwerów wirtualnych obsługujących aplikację i funkcje, do których ma dostęp. Wybierz pozycję Bezpłatna F1 z listy rozwijanej.

    Screenshot showing web app creation details.

  1. W menu witryny Azure Portal lub na stronie głównej wybierz pozycję Utwórz zasób. Wszystko, co tworzysz na platformie Azure, jest zasobem. Zostanie wyświetlone okienko Tworzenie zasobu .

    W tym miejscu możesz wyszukać zasób, który chcesz utworzyć, lub wybrać jeden z popularnych zasobów tworzonych przez osoby w witrynie Azure Portal.

  2. W menu Utwórz zasób wybierz pozycję Sieć Web.

  3. Wybierz pozycję Aplikacja internetowa. Jeśli go nie widzisz, w polu wyszukiwania wyszukaj i wybierz pozycję Aplikacja internetowa. Zostanie wyświetlone okienko Tworzenie aplikacji internetowej.

  4. Na karcie Podstawy wprowadź następujące wartości dla każdego ustawienia.

    Ustawienie Wartość Szczegóły
    Szczegóły projektu
    Subskrypcja Subskrypcja Concierge Utworzona aplikacja internetowa musi należeć do grupy zasobów. W tym miejscu wybierz subskrypcję platformy Azure, do której należy grupa zasobów (lub będzie należeć, jeśli tworzysz ją w kreatorze).
    Grupa zasobów Wybierz pozycję [Grupa zasobów piaskownicy] Grupa zasobów, do której będzie należeć aplikacja internetowa. Wszystkie zasoby platformy Azure muszą należeć do grupy zasobów.
    Szczegóły wystąpienia
    Nazwisko Wprowadź unikatową nazwę Nazwa aplikacji internetowej. Ta nazwa będzie częścią adresu URL aplikacji: nazwa_aplikacji.azurewebsites.net. Wybrana nazwa musi być unikatowa wśród wszystkich aplikacji internetowych platformy Azure.
    Publikowanie Kod Metoda, której chcesz użyć do opublikowania aplikacji. Podczas publikowania aplikacji jako kodu należy również skonfigurować stos środowiska uruchomieniowego, aby przygotować zasoby usługi App Service do uruchamiania aplikacji.
    Stos środowiska uruchomieniowego Węzeł 16 LTS Platforma, na której będzie uruchamiana aplikacja. Wybór może mieć wpływ na to, czy masz wybór systemu operacyjnego; w przypadku niektórych stosów środowiska uruchomieniowego usługa App Service obsługuje tylko jeden system operacyjny.
    System operacyjny Linux System operacyjny używany na serwerach wirtualnych, na których będzie uruchamiana aplikacja.
    Region (Region) Wschodnie stany USA Region geograficzny, w którym będzie hostowana aplikacja.
    Plany cenowe
    Plan systemu Linux Zaakceptuj wartość domyślną Nazwa planu usługi App Service, w ramach którego będzie pracować aplikacja. Domyślnie kreator tworzy nowy plan w tym samym regionie, w którym znajduje się aplikacja internetowa.
    Plan cenowy F1 Warstwa cenowa tworzonego planu usługi. Plan cenowy określa charakterystykę wydajności serwerów wirtualnych obsługujących aplikację i funkcje, do których ma dostęp. Wybierz pozycję Bezpłatna F1 z listy rozwijanej.

    Screenshot showing web app creation details.

  1. W menu witryny Azure Portal lub na stronie głównej wybierz pozycję Utwórz zasób. Wszystko, co tworzysz na platformie Azure, jest zasobem. Zostanie wyświetlone okienko Tworzenie zasobu .

    W tym miejscu możesz wyszukać zasób, który chcesz utworzyć, lub wybrać jeden z popularnych zasobów tworzonych przez osoby w witrynie Azure Portal.

  2. W menu Utwórz zasób wybierz pozycję Sieć Web.

  3. Wybierz pozycję Aplikacja internetowa. Jeśli go nie widzisz, w polu wyszukiwania wyszukaj i wybierz pozycję Aplikacja internetowa. Zostanie wyświetlone okienko Tworzenie zasobu aplikacji internetowej.

  4. Na karcie Podstawy wprowadź następujące wartości dla każdego ustawienia.

    Ustawienie Wartość Szczegóły
    Szczegóły projektu
    Subskrypcja Subskrypcja Concierge Utworzona aplikacja internetowa musi należeć do grupy zasobów. W tym miejscu wybierz subskrypcję platformy Azure, do której należy grupa zasobów (lub będzie należeć, jeśli tworzysz ją w kreatorze).
    Grupa zasobów Z listy rozwijanej wybierz pozycję [Grupa zasobów piaskownicy] Grupa zasobów, do której będzie należeć aplikacja internetowa. Wszystkie zasoby platformy Azure muszą należeć do grupy zasobów.
    Szczegóły wystąpienia
    Nazwisko Wprowadź unikatową nazwę Nazwa aplikacji internetowej. Ta nazwa będzie częścią adresu URL aplikacji: nazwa_aplikacji.azurewebsites.net. Wybrana nazwa musi być unikatowa wśród wszystkich aplikacji internetowych platformy Azure.
    Publikowanie Kod Metoda, której chcesz użyć do opublikowania aplikacji. Podczas publikowania aplikacji jako kodu należy również skonfigurować stos środowiska uruchomieniowego, aby przygotować zasoby usługi App Service do uruchamiania aplikacji.
    Stos środowiska uruchomieniowego Python 3.8 Platforma, na której będzie uruchamiana aplikacja. Twój wybór może mieć wpływ na wybór systemu operacyjnego — w przypadku niektórych stosów środowiska uruchomieniowego usługa App Service obsługuje tylko jeden system operacyjny.
    System operacyjny Linux System operacyjny używany na serwerach wirtualnych, na których będzie uruchamiana aplikacja.
    Region (Region) Wschodnie stany USA Region geograficzny, w którym będzie hostowana aplikacja.
    Plany cenowe
    Plan systemu Linux Zaakceptuj wartość domyślną Nazwa planu usługi App Service, w ramach którego będzie pracować aplikacja. Domyślnie kreator tworzy nowy plan w tym samym regionie, w którym znajduje się aplikacja internetowa.
    Plan cenowy F1 Warstwa cenowa tworzonego planu usługi. Plan cenowy określa charakterystykę wydajności serwerów wirtualnych obsługujących aplikację i funkcje, do których ma dostęp. Wybierz pozycję Bezpłatna F1 z listy rozwijanej.

    Screenshot showing web app creation details.

  1. Pozostaw inne ustawienia jako domyślne. Wybierz pozycję Przejrzyj i utwórz , aby przejść do okienka przeglądu, a następnie wybierz pozycję Utwórz. W portalu jest wyświetlane okienko wdrażania, w którym można wyświetlić stan wdrożenia.

    Uwaga

    Ukończenie wdrożenia może zająć trochę czasu.

Wyświetlanie podglądu aplikacji internetowej

  1. Po zakończeniu wdrażania wybierz pozycję Przejdź do zasobu. W portalu zostanie wyświetlone okienko Przegląd usługi App Service dla aplikacji internetowej.

    Screenshot showing the App Service pane with the URL link of the overview section highlighted.

  2. Aby wyświetlić podgląd domyślnej zawartości aplikacji internetowej, wybierz adres URL w obszarze Domena domyślna w prawym górnym rogu. Strona zastępcza, która zostanie załadowana, wskazuje, że aplikacja internetowa jest uruchomiona i jest gotowa do otrzymania wdrożenia kodu aplikacji.

Screenshot showing your App Service in a browser.

Screenshot showing your App Service in a browser.

Screenshot showing your App Service in a browser.

Screenshot showing the newly created App Service in a browser.

Pozostaw otwartą kartę przeglądarki zawierającą stronę zastępczą nowej aplikacji. Wrócisz do niej po wdrożeniu aplikacji.