Lokasi ngalangkungan proxy:   [ UP ]  
[Ngawartoskeun bug]   [Panyetelan cookie]                
Skip to content

tutorial-containerize-deploy-python-web-app-azure-03.md

Latest commit

 

History

History
191 lines (110 loc) · 13.6 KB

tutorial-containerize-deploy-python-web-app-azure-03.md

File metadata and controls

191 lines (110 loc) · 13.6 KB
title Build a containerized Python web app in Azure Container Registry
description Build a containerized Python web app (Django or Flask) in Azure Container Registry, without the need for Docker installed locally.
ms.topic conceptual
ms.date 10/09/2023
ms.custom devx-track-python, py-fresh-zinc, devx-track-azurecli

Build a containerized Python web app in the cloud

This article is part of a tutorial about how to containerize and deploy a Python web app to Azure App Service. App Service enables you to run containerized web apps and deploy through continuous integration/continuous deployment (CI/CD) capabilities with Docker Hub, Azure Container Registry, and Visual Studio Team Services. In this part of the tutorial, you learn how to build the containerized Python web app in the cloud.

In the previous optional part of this tutorial, a container image was build and run locally. In contrast, in this part of the tutorial, you build (containerize) a Python web app into a Docker image directly in Azure Container Registry. Building the image in Azure is typically faster and easier than building locally and then pushing the image to a registry. Also, building in the cloud doesn't require Docker to be running in your dev environment.

Once the Docker image is in Azure Container Registry, it can be deployed to Azure App service.

The service diagram shown below highlights the components covered in this article.

:::image type="content" source="./media/tutorial-container-web-app/containerization-of-python-apps-build-cloud.png" alt-text="A screenshot of the services using in the Tutorial - Containerized Python App on Azure with the build-in-cloud path highlighted." lightbox="./media/tutorial-container-web-app/containerization-of-python-apps-build-cloud.png":::

Create an Azure Container Registry

If you already have an Azure Container Registry you can use, go to the next step. If you don't, create one.

Azure CLI

Azure CLI commands can be run in the Azure Cloud Shell or on a workstation with the Azure CLI installed. When running in Cloud Shell, skip Step 3.

  1. Create a resource group if needed with the az group create command. If you've already set up an Azure Cosmos DB for MongoDB account in part 2. Build and test container locally of this tutorial, set RESOURCE_GROUP_NAME to the name of the resource group you used for that account and move on to Step 2.

    RESOURCE_GROUP_NAME='msdocs-web-app-rg'
LOCATION='eastus'

az group create -n $RESOURCE_GROUP_NAME -l $LOCATION

    LOCATION should be an Azure location value. Choose a location near you. You can list Azure location values with the following command: az account list-locations -o table.

  2. Create a container registry with the az acr create command.

    REGISTRY_NAME='<your Azure Container Registry name>'

az acr create -g $RESOURCE_GROUP_NAME -n $REGISTRY_NAME --sku Basic

    REGISTRY_NAME must be unique within Azure and contain 5-50 alphanumeric characters.

    In the JSON output of the command look for the loginServer value, which is the fully qualified registry name (all lowercase) and which should include the registry name you specified.

  3. If you're running the Azure CLI locally, log in to the registry using the az acr login command.

    az acr login -n $REGISTRY_NAME

    The command adds "azurecr.io" to the name to create the fully qualified registry name. If successful, you'll see the message "Login Succeeded".

    [!NOTE] The az acr login command isn't needed or supported in Cloud Shell.

VS Code

These steps require the Docker extension for VS Code.

  1. Select F1 or CTRL+SHIFT+P to open the command palette.

    • Type "registry".

    • Select the task Azure Container Registry: Create Registry...

    :::image type="content" source="./media/tutorial-container-web-app/visual-studio-code-registry-tasks.png" lightbox="./media/tutorial-container-web-app/visual-studio-code-registry-tasks.png" alt-text="A screenshot that shows how to search for show registries tasks in Visual Studio Code." :::

    Alternatively, in the Docker extension REGISTRIES section, right-click your subscription and select Create Registry. This UI action starts the same create registry task.

  2. Select the task and enter values following the prompts, which include:

    • Registry name: The registry name must be unique within Azure, and contain 5-50 alphanumeric characters.

    • SKU: Select Standard.

    • Resource group: Use an existing group or create a new one.

    • Location: If you're using an existing resource group, select the location to match. Otherwise, the location is where the resource group is created that contains the registry.

    :::image type="content" source="./media/tutorial-container-web-app/visual-studio-code-create-registry.gif" lightbox="./media/tutorial-container-web-app/visual-studio-code-create-registry.gif" alt-text="An animated GIF showing how to create a registry in Visual Studio Code." :::

  3. In the Docker extension, in the REGISTRIES section, find the registry you created, right-click and select View Properties.

    Look for the loginServer key value pair in the output. The value is the fully qualified name of the registry.

    :::image type="content" source="./media/tutorial-container-web-app/visual-studio-code-registry-get-properties.png" lightbox="./media/tutorial-container-web-app/visual-studio-code-registry-get-properties.png" alt-text="A screenshot showing how to get the properties of a registry in Visual Studio Code." :::

Azure portal

Sign in to the Azure portal and follow these steps to create an Azure Container Registry.

Instructions Screenshot
[!INCLUDE Include showing how to find container registries in Azure portal] :::image type="content" source="./media/tutorial-container-web-app/portal-search-container-registries-240px.png" lightbox="./media/tutorial-container-web-app/portal-search-container-registries.png" alt-text="A screenshot showing how to search for container registries in Azure portal." :::
[!INCLUDE Include showing how to start create of registry in Azure portal] :::image type="content" source="./media/tutorial-container-web-app/portal-create-new-registry-240px.png" lightbox="./media/tutorial-container-web-app/portal-create-new-registry.png" alt-text="A screenshot showing how to create a new registry in Azure portal." :::
[!INCLUDE Include showing how to review and create registry in Azure portal] :::image type="content" source="./media/tutorial-container-web-app/portal-create-registry-form-240px.png" lightbox="./media/tutorial-container-web-app/portal-create-registry-form.png" alt-text="A screenshot showing how to specify a new registry in Azure portal." :::
[!INCLUDE Include showing how to get qualified name of registry in Azure portal] :::image type="content" source="./media/tutorial-container-web-app/portal-create-registry-login-server-240px.png" lightbox="./media/tutorial-container-web-app/portal-create-registry-login-server.png" alt-text="A screenshot showing how to find the login server value for a registry in Azure portal." :::
[!INCLUDE Include showing how to enable admin user for the registry in Azure portal] :::image type="content" source="./media/tutorial-container-web-app/portal-create-registry-enable-admin-user-240px.png" lightbox="./media/tutorial-container-web-app/portal-create-registry-enable-admin-user.png" alt-text="A screenshot showing how to enable the admin user for the registry in Azure portal." :::

Build an image in Azure Container Registry

You can build the container image directly in Azure in a few ways. First, you can use the Azure Cloud Shell, which builds the image without using your local environment at all. You can also build the container image in Azure from your local environment using VS Code or the Azure CLI. Building the image in the cloud doesn't require Docker to be running in your local environment. If you need to, you can follow the instructions in Clone or download the sample app in part 2 of this tutorial to get the sample Flask or Django web app.

Azure CLI

Azure CLI commands can be run on a workstation with the Azure CLI installed or in Azure Cloud Shell. When running in Cloud Shell, skip Step 1.

  1. If you're running the Azure CLI locally, sign in to the registry if you haven't done so already with the az acr login command.

    az acr login -n $REGISTRY_NAME

    If you're accessing the registry from a subscription different from the one in which the registry was created, use the --suffix switch.

    [!NOTE] The az acr login command isn't needed and isn't supported in Cloud Shell.

  2. Build the image with the az acr build command.

    az acr build -r $REGISTRY_NAME -g $RESOURCE_GROUP_NAME -t msdocspythoncontainerwebapp:latest .

    In this command:

  3. Confirm the container image was created with the az acr repository list command.

VS Code

These steps require the Docker extension for VS Code. VS Code needs to be opened in the working folder of your web app.

  1. In the Docker extension, go to REGISTRIES and connect to Azure.

    :::image type="content" source="./media/tutorial-container-web-app/visual-studio-code-build-image-registries.png" lightbox="./media/tutorial-container-web-app/visual-studio-code-build-image-registries.png" alt-text="A screenshot showing how to check that Azure is signed into Docker Extension in Visual Studio Code." :::

  2. Select F1 or CTRL+SHIFT+P to open the command palette.

    • Type "registry".

    • Select the task Azure Container Registry: Build Image in Azure...

    :::image type="content" source="./media/tutorial-container-web-app/visual-studio-code-build-image-task.png" lightbox="./media/tutorial-container-web-app/visual-studio-code-build-image-task.png" alt-text="A screenshot showing how to invoke build container in Azure task in Visual Studio Code." :::

    If you don't see the task, check that Azure appears under REGISTRIES in the Docker extension. You can also right-click the Dockerfile and select Build Image in Azure... to run the task.

  3. Fill out the information to build the image.

    • Tag image → Use the image name "msdocspythoncontainerwebapp:latest".
    • Registry → Select the registry you created above or one you have access to.
    • Base OS image → Select Linux.

    Check the OUTPUT window for progress and information on the build. If the get a credentials error, right-click the registry in the REGISTRIES section of the Docker extension and select Refresh.

    :::image type="content" source="./media/tutorial-container-web-app/visual-studio-code-build-image-prompts.gif" lightbox="./media/tutorial-container-web-app/visual-studio-code-build-image-prompts.gif" alt-text="A screenshot showing how to provide information to build container in Azure in Visual Studio Code." :::

  4. Confirm the image in the Azure Container Registry.

    • In the Docker extension, in the REGISTRIES section, find the container image created.

    • Confirm the name and tag "latest".

    :::image type="content" source="./media/tutorial-container-web-app/visual-studio-code-build-image-confirm.png" lightbox="./media/tutorial-container-web-app/visual-studio-code-build-image-confirm.png" alt-text="A screenshot showing how to confirm the information to build container in Azure in Visual Studio Code." :::

Azure portal

Sign in to the Azure portal to complete these steps.

[!INCLUDE Include showing how build an image in Azure with the Azure Cloud Shell]

Next step

[!div class="nextstepaction"] Deploy web app