Oefening: een web-app maken in Azure Portal

  • 5 minuten

In deze les gebruikt u Azure Portal om een web-app te maken.

Een webtoepassing maken

Meld u aan bij de Azur-portal met hetzelfde account waarmee u de sandbox hebt geactiveerd.

  1. Selecteer in het menu van Azure Portal of op de startpagina de optie Een resource maken. Alles wat u in Azure maakt, is een resource. Het deelvenster Een resource maken wordt weergegeven.

    Hier kunt u zoeken naar de resource die u wilt maken of een van de populaire resources selecteren die mensen maken in Azure Portal.

  2. Selecteer Web in het menu Een resource maken.

  3. Selecteer Web-app. Als u deze niet ziet, zoekt en selecteert u web-app in het zoekvak. Het deelvenster Web-app maken wordt weergegeven.

  4. Voer op het tabblad Basisinformatie de volgende waarden in voor elke instelling.

    Instelling Weergegeven als DETAILS
    Projectgegevens
    Abonnement Concierge-abonnement De web-app die u maakt, moet deel uitmaken van een resourcegroep. Hier selecteert u het Azure-abonnement waartoe de resourcegroep behoort (of waarvan u deel gaat uitmaken, als u deze in de wizard maakt).
    Resourcegroep Selecteer [Sandbox-resourcegroep] De resourcegroep waartoe de web-app behoort. Alle Azure-resources moeten tot een resourcegroep behoren.
    Exemplaardetails
    Naam Voer een unieke naam in De naam van uw web-app. Deze naam maakt deel uit van de URL van de app: appname.azurewebsites.net. De naam die u kiest, moet uniek zijn binnen alle Azure-web-apps.
    Publiceren Code De methode die u wilt gebruiken om uw toepassing te publiceren. Wanneer u een toepassing als code publiceert, moet u ook runtimestack configureren om App Service-resources voor te bereiden om uw app uit te voeren.
    Runtimestack .NET 8 (LTS) Het platform waarop uw toepassing wordt uitgevoerd. Uw keuze kan van invloed zijn op het feit of u een besturingssysteem hebt. Voor sommige runtimestacks ondersteunt App Service slechts één besturingssysteem.
    Besturingssysteem Linux Het besturingssysteem dat op de virtuele servers wordt gebruikt om uw app uit te voeren.
    Region Central US De geografische regio waaruit uw app wordt gehost.
    Prijsplannen
    Linux-plan Standaard accepteren De naam van het App Service-plan waarmee uw app wordt aangestuurd. De wizard maakt standaard een nieuw plan in dezelfde regio als de web-app.
    Prijsoverzicht Gratis F1 De prijscategorie van het serviceabonnement dat wordt gemaakt. Het prijsplan bepaalt de prestatiekenmerken van de virtuele servers die uw app aandrijven en de functies waartoe deze toegang heeft. Selecteer Gratis F1 in de vervolgkeuzelijst.

    Schermopname met details over het maken van een web-app.

  1. Selecteer in het menu van Azure Portal of op de startpagina de optie Een resource maken. Alles wat u in Azure maakt, is een resource. Het deelvenster Een resource maken wordt weergegeven.

    Hier kunt u zoeken naar de resource die u wilt maken of een van de populaire resources selecteren die mensen maken in Azure Portal.

  2. Selecteer Web in het menu Een resource maken.

  3. Selecteer Web-app. Als u deze niet ziet, zoekt en selecteert u web-app in het zoekvak. Het deelvenster Web-app maken wordt weergegeven.

  4. Voer op het tabblad Basisinformatie de volgende waarden in voor elke instelling.

    Instelling Weergegeven als DETAILS
    Projectgegevens
    Abonnement Concierge-abonnement De web-app die u maakt, moet deel uitmaken van een resourcegroep. Hier selecteert u het Azure-abonnement waartoe de resourcegroep behoort (of waarvan u deel gaat uitmaken, als u deze in de wizard maakt).
    Resourcegroep Selecteer [Sandbox-resourcegroep] De resourcegroep waartoe de web-app behoort. Alle Azure-resources moeten tot een resourcegroep behoren.
    Exemplaardetails
    Naam Voer een unieke naam in De naam van uw web-app. Deze naam maakt deel uit van de URL van de app: appname.azurewebsites.net. De naam die u kiest, moet uniek zijn binnen alle Azure-web-apps.
    Publiceren Code De methode die u wilt gebruiken om uw toepassing te publiceren. Wanneer u een toepassing als code publiceert, moet u ook runtimestack configureren om uw App Service-resources voor te bereiden om uw app uit te voeren.
    Runtimestack Java 21 De Java-runtime-versie die wordt gebruikt door uw toepassing.
    Java-webserverstack Apache Tomcat 10.1 Het platform waarop u uw toepassing wilt uitvoeren. Uw keuze kan van invloed zijn op het feit of u een besturingssysteem hebt. Voor sommige runtimestacks ondersteunt App Service slechts één besturingssysteem.
    Besturingssysteem Linux Het besturingssysteem dat op de virtuele servers wordt gebruikt om uw app uit te voeren.
    Region US - oost De geografische regio waaruit uw app wordt gehost.
    Prijsplannen
    Linux-plan Standaard accepteren De naam van het App Service-plan waarmee uw app wordt aangestuurd. De wizard maakt standaard een nieuw plan in dezelfde regio als de web-app.
    Prijsoverzicht Gratis F1 De prijscategorie van het serviceabonnement dat wordt gemaakt. Het prijsplan bepaalt de prestatiekenmerken van de virtuele servers die uw app aandrijven en de functies waartoe deze toegang heeft. Selecteer Gratis F1 in de vervolgkeuzelijst.

    Schermopname met details over het maken van een web-app.

  1. Selecteer in het menu van Azure Portal of op de startpagina de optie Een resource maken. Alles wat u in Azure maakt, is een resource. Het deelvenster Een resource maken wordt weergegeven.

    Hier kunt u zoeken naar de resource die u wilt maken of een van de populaire resources selecteren die mensen maken in Azure Portal.

  2. Selecteer Web in het menu Een resource maken.

  3. Selecteer Web-app. Als u deze niet ziet, zoekt en selecteert u web-app in het zoekvak. Het deelvenster Web-app maken wordt weergegeven.

  4. Voer op het tabblad Basisinformatie de volgende waarden in voor elke instelling.

    Instelling Weergegeven als DETAILS
    Projectgegevens
    Abonnement Concierge-abonnement De web-app die u maakt, moet deel uitmaken van een resourcegroep. Hier selecteert u het Azure-abonnement waartoe de resourcegroep behoort (of waarvan u deel gaat uitmaken, als u deze in de wizard maakt).
    Resourcegroep Selecteer [Sandbox-resourcegroep] De resourcegroep waartoe de web-app behoort. Alle Azure-resources moeten tot een resourcegroep behoren.
    Exemplaardetails
    Naam Voer een unieke naam in De naam van uw web-app. Deze naam maakt deel uit van de URL van de app: appname.azurewebsites.net. De naam die u kiest, moet uniek zijn binnen alle Azure-web-apps.
    Publiceren Code De methode die u wilt gebruiken om uw toepassing te publiceren. Wanneer u een toepassing als code publiceert, moet u ook runtimestack configureren om App Service-resources voor te bereiden om uw app uit te voeren.
    Runtimestack Node 20 LTS Het platform waarop u uw toepassing wilt uitvoeren. Uw keuze kan van invloed zijn op het feit of u een keuze hebt uit een besturingssysteem; Voor sommige runtimestacks ondersteunt App Service slechts één besturingssysteem.
    Besturingssysteem Linux Het besturingssysteem dat op de virtuele servers wordt gebruikt om uw app uit te voeren.
    Region US - oost De geografische regio waaruit uw app wordt gehost.
    Prijsplannen
    Linux-plan Standaard accepteren De naam van het App Service-plan waarmee uw app wordt aangestuurd. De wizard maakt standaard een nieuw plan in dezelfde regio als de web-app.
    Prijsoverzicht Gratis F1 De prijscategorie van het serviceabonnement dat wordt gemaakt. Het prijsplan bepaalt de prestatiekenmerken van de virtuele servers die uw app aandrijven en de functies waartoe deze toegang heeft. Selecteer Gratis F1 in de vervolgkeuzelijst.

    Schermopname met details over het maken van een web-app.

  1. Selecteer in het menu van Azure Portal of op de startpagina de optie Een resource maken. Alles wat u in Azure maakt, is een resource. Het deelvenster Een resource maken wordt weergegeven.

    Hier kunt u zoeken naar de resource die u wilt maken of een van de populaire resources selecteren die mensen maken in Azure Portal.

  2. Selecteer Web in het menu Een resource maken.

  3. Selecteer Web-app. Als u deze niet ziet, zoekt en selecteert u web-app in het zoekvak. Het deelvenster Web-app maken wordt weergegeven.

  4. Voer op het tabblad Basisinformatie de volgende waarden in voor elke instelling.

    Instelling Weergegeven als DETAILS
    Projectgegevens
    Abonnement Concierge-abonnement De web-app die u maakt, moet deel uitmaken van een resourcegroep. Hier selecteert u het Azure-abonnement waartoe de resourcegroep behoort (of moet u deze maken in de wizard).
    Resourcegroep Selecteer in de vervolgkeuzelijst [Sandbox-resourcegroep] De resourcegroep waartoe de web-app behoort. Alle Azure-resources moeten tot een resourcegroep behoren.
    Exemplaardetails
    Naam Voer een unieke naam in De naam van uw web-app. Deze naam maakt deel uit van de URL van de app: appname.azurewebsites.net. De naam die u kiest, moet uniek zijn binnen alle Azure-web-apps.
    Publiceren Code De methode die u wilt gebruiken om uw toepassing te publiceren. Wanneer u een toepassing als code publiceert, moet u ook runtimestack configureren om App Service-resources voor te bereiden om uw app uit te voeren.
    Runtimestack Python 3.12 Het platform waarop u uw toepassing wilt uitvoeren. Uw keuze kan van invloed zijn op het feit of u een besturingssysteem hebt. Voor sommige runtimestacks ondersteunt App Service slechts één besturingssysteem.
    Besturingssysteem Linux Het besturingssysteem dat op de virtuele servers wordt gebruikt om uw app uit te voeren.
    Region US - oost De geografische regio waaruit uw app wordt gehost.
    Prijsplannen
    Linux-plan Standaard accepteren De naam van het App Service-plan waarmee uw app wordt aangestuurd. De wizard maakt standaard een nieuw plan in dezelfde regio als de web-app.
    Prijsoverzicht Gratis F1 De prijscategorie van het serviceabonnement dat wordt gemaakt. Het prijsplan bepaalt de prestatiekenmerken van de virtuele servers die uw app aandrijven en de functies waartoe deze toegang heeft. Selecteer Gratis F1 in de vervolgkeuzelijst.

    Schermopname met details over het maken van een web-app.

  1. Laat eventuele andere instellingen standaard staan. Selecteer Controleren + Maken om naar het revisievenster te gaan en selecteer Vervolgens Maken. In de portal ziet u het implementatiedeelvenster, waar u de status van uw implementatie kunt bekijken.

    Notitie

    Het kan even duren voordat de implementatie is voltooid.

Een voorbeeld van uw web-app bekijken

  1. Wanneer de implementatie is voltooid, selecteert u Ga naar de resource. In de portal ziet u het deelvenster Overzicht van App Service voor uw web-app.

    Schermopname van het deelvenster App Service met de URL-koppeling van de overzichtssectie gemarkeerd.

  2. Als u een voorbeeld van de standaardinhoud van uw web-app wilt bekijken, selecteert u de URL onder Standaarddomein rechtsboven. De pagina met tijdelijke aanduidingen die wordt geladen, geeft aan dat uw web-app actief is en klaar is om de implementatie van de code van uw app te ontvangen.

Schermopname van uw App Service in een browser.

Schermopname van uw App Service in een browser.

Schermopname van uw App Service in een browser.

Schermopname met de zojuist gemaakte App Service in een browser.

Laat het browsertabblad met de tijdelijke webpagina van de nieuwe app openstaan. U keert terug naar de app nadat uw app is geïmplementeerd.