You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: articles/app-service/includes/quickstart-custom-container/quickstart-custom-container-linux-azure-portal-pivot.md
+12-12Lines changed: 12 additions & 12 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -4,14 +4,14 @@ ms.service: azure-app-service
4
4
ms.devlang: java
5
5
ms.custom: linux-related-content
6
6
ms.topic: quickstart
7
-
ms.date: 01/22/2025
7
+
ms.date: 02/11/2025
8
8
ms.author: cephalin
9
9
---
10
10
11
-
[Azure App Service](../../overview.md) on Linux provides pre-defined application stacks on Linux with support for languages such as .NET, Java, Node.js, PHP, and others. You can also use a custom Docker image to run your web app on an application stack that isn't already defined in Azure. This quickstart shows you how to deploy an image from Azure Container Registry to Azure App Service.
11
+
[Azure App Service](../../overview.md) on Linux provides predefined application stacks on Linux with support for languages such as .NET, Java, Node.js, PHP, and others. You can also use a custom Docker image to run your web app on an application stack that isn't already defined in Azure. This quickstart shows you how to deploy an image from Azure Container Registry to Azure App Service.
12
12
13
13
> [!NOTE]
14
-
> For information regarding running containerized applications in a serverless environment, please see [Container Apps](../../../container-apps/overview.md).
14
+
> For information regarding running containerized applications in a serverless environment, see [Container Apps](../../../container-apps/overview.md).
15
15
>
16
16
17
17
To complete this quickstart, you need:
@@ -21,31 +21,31 @@ To complete this quickstart, you need:
@@ -60,7 +60,7 @@ Make sure you are in the cloned repository's root folder. This repository contai
60
60
> [!NOTE]
61
61
> The Dockerfile sets the port number to 80 internally. For more information about configuring the container, see [Configure custom container](../../configure-custom-container.md).
62
62
63
-
## 3 - Deploy to Azure
63
+
## Deploy to Azure
64
64
65
65
### Sign in to Azure portal
66
66
@@ -80,7 +80,7 @@ Sign in to the [Azure portal](https://portal.azure.com).
80
80
81
81
1. Under **Instance details**, type a globally unique name for your web app and select **Docker Container**. Select *Linux* for the **Operating System**. Select a **Region** you want to serve your app from.
82
82
83
-
:::image type="content" source="../../media/quickstart-custom-container/instance-details-linux.png" alt-text="Screenshot of the Instance details section where you provide a name for the virtual machine and select its region, image and size.":::
83
+
:::image type="content" source="../../media/quickstart-custom-container/instance-details-linux.png" alt-text="Screenshot of the Instance details section where you provide a name for the virtual machine and select its region, image, and size.":::
84
84
85
85
1. Under **App Service Plan**, select **Create new** App Service Plan. Type *myAppServicePlan* for the name. To change to the Free tier, select **Change size**, select the **Dev/Test** tab, select **F1**, and select the **Apply** button at the bottom of the page.
86
86
@@ -105,13 +105,13 @@ Sign in to the [Azure portal](https://portal.azure.com).
105
105
106
106
:::image type="content" source="../../media/quickstart-custom-container/next-steps.png" alt-text="Screenshot showing the next step of going to the resource.":::
107
107
108
-
## 4 - Browse to the app
108
+
## Browse to the app
109
109
110
110
Browse to the deployed application in your web browser at the URL `http://<app-name>.azurewebsites.net`.
111
111
112
112
:::image type="content" source="../../media/quickstart-custom-container/browse-custom-container-linux.png" alt-text="Screenshot showing the deployed application.":::
113
113
114
-
## 5 - Clean up resources
114
+
## Clean up resources
115
115
116
116
[!INCLUDE [Clean-up Portal web app resources](../../../../includes/clean-up-section-portal-no-h.md)]
Copy file name to clipboardExpand all lines: articles/app-service/includes/quickstart-custom-container/quickstart-custom-container-linux-visual-studio-code-pivot.md
+31-32Lines changed: 31 additions & 32 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -4,37 +4,37 @@ ms.service: azure-app-service
4
4
ms.devlang: java
5
5
ms.custom: linux-related-content
6
6
ms.topic: quickstart
7
-
ms.date: 01/22/2025
7
+
ms.date: 02/11/2025
8
8
ms.author: cephalin
9
9
---
10
10
11
-
[Azure App Service](../../overview.md) on Linux provides pre-defined application stacks on Linux with support for languages such as .NET, Java, Node.js, PHP, and others. You can also use a custom Docker image to run your web app on an application stack that isn't already defined in Azure. This quickstart shows you how to deploy an image from an [Azure Container Registry (ACR)](/azure/container-registry/) to App Service.
11
+
[Azure App Service](../../overview.md) on Linux provides predefined application stacks on Linux with support for languages such as .NET, Java, Node.js, PHP, and others. You can also use a custom Docker image to run your web app on an application stack that isn't already defined in Azure. This quickstart shows you how to deploy an image from an [Azure Container Registry (ACR)](/azure/container-registry/) to App Service.
12
12
13
13
> [!NOTE]
14
-
> For information regarding running containerized applications in a serverless environment, please see [Container Apps](../../../container-apps/overview.md).
14
+
> For information regarding running containerized applications in a serverless environment, see [Container Apps](../../../container-apps/overview.md).
15
15
>
16
16
17
17
To complete this quickstart, you need:
18
18
19
-
* An [Azure account](https://azure.microsoft.com/free/?utm_source=campaign&utm_campaign=vscode-tutorial-docker-extension&mktingSource=vscode-tutorial-docker-extension)
*[Visual Studio Code](https://code.visualstudio.com/)
22
-
* The [Azure App Service extension for VS Code](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azureappservice). You can use this extension to create, manage, and deploy Linux Web Apps on the Azure Platform as a Service (PaaS).
23
-
* The [Docker extension for VS Code](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-docker). You can use this extension to simplify the management of local Docker images and commands and to deploy built app images to Azure.
19
+
- An [Azure account](https://azure.microsoft.com/free/?utm_source=campaign&utm_campaign=vscode-tutorial-docker-extension&mktingSource=vscode-tutorial-docker-extension)
-[Visual Studio Code](https://code.visualstudio.com/)
22
+
- The [Azure App Service extension for VS Code](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azureappservice). You can use this extension to create, manage, and deploy Linux Web Apps on the Azure Platform as a Service (PaaS).
23
+
- The [Docker extension for VS Code](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-docker). You can use this extension to simplify the management of local Docker images and commands and to deploy built app images to Azure.
24
24
25
-
## 1 - Create a container registry
25
+
## Create a container registry
26
26
27
-
This quickstart uses Azure Container Registry as the registry of choice. You're free to use other registries, but the steps may differ slightly.
27
+
This quickstart uses Azure Container Registry as the registry of choice. You're free to use other registries, but the steps might differ slightly.
28
28
29
29
Create a container registry by following the instructions in [Quickstart: Create a private container registry using the Azure portal](/azure/container-registry/container-registry-get-started-portal).
30
30
31
31
> [!IMPORTANT]
32
32
> Be sure to set the **Admin User** option to **Enable** when you create the Azure container registry. You can also set it from the **Access keys** section of your registry page in the Azure portal. This setting is required for App Service access. For managed identity, see [Deploy from ACR tutorial](../../tutorial-custom-container.md?pivots=container-linux#vi-configure-the-web-app).
33
33
34
-
## 2 - Sign in
34
+
## Sign in
35
35
36
36
1. Launch Visual Studio Code.
37
-
1. Select the **Azure** logo in the [Activity Bar](https://code.visualstudio.com/docs/getstarted/userinterface), navigate to the **APP SERVICE** explorer, then select **Sign in to Azure** and follow the instructions.
37
+
1. Select the **Azure** logo in the [Activity Bar](https://code.visualstudio.com/docs/getstarted/userinterface), navigate to **ACCOUNTS & TENANTS**, then select **Sign in to Azure** and follow the instructions.
38
38
39
39

40
40
@@ -44,15 +44,15 @@ Create a container registry by following the instructions in [Quickstart: Create
44
44
45
45

46
46
47
-
## 3 - Check prerequisites
47
+
## Check prerequisites
48
48
49
-
Verify that you have Docker installed and running. The following command will display the Docker version if it's running.
49
+
Verify that you have Docker installed and running. The following command displays the Docker version if it's running.
50
50
51
51
```bash
52
52
docker --version
53
53
```
54
54
55
-
## 4 - Create and build image
55
+
## Create and build image
56
56
57
57
1. In Visual Studio Code, open an empty folder and add a file called `Dockerfile`. In the Dockerfile, paste in the content based on your desired language framework:
58
58
@@ -117,24 +117,24 @@ In this Dockerfile, the parent image is one of the built-in Java containers of A
117
117
118
118
---
119
119
120
-
2.[Open the Command Palette](https://code.visualstudio.com/docs/getstarted/userinterface#_command-palette), and type **Docker Images: Build Image**. Type **Enter** to run the command.
120
+
1.[Open the Command Palette](https://code.visualstudio.com/docs/getstarted/userinterface#_command-palette), and type **Docker Images: Build Image**. Type **Enter** to run the command.
121
121
122
-
3. In the image tag box, specify the tag you want in the following format: `<acr-name>.azurecr.io/<image-name>:<tag>`, where `<acr-name>` is the name of the container registry you created. Press **Enter**.
122
+
1. In the image tag box, specify the tag you want in the following format: `<acr-name>.azurecr.io/<image-name>:<tag>`, where `<acr-name>` is the name of the container registry you created. Press **Enter**.
123
123
124
-
4. When the image finishes building, click**Refresh** at the top of the **IMAGES** explorer and verify that the image is built successfully.
124
+
1. When the image finishes building, select**Refresh** at the top of the **IMAGES** explorer and verify that the image is built successfully.
125
125
126
126

127
127
128
-
## 5 - Deploy to container registry
128
+
## Deploy to container registry
129
129
130
-
1. In the Activity Bar, click the **Docker** icon. In the **IMAGES** explorer, find the image you built.
131
-
1. Expand the image, right-click on the tag you want, and click**Push**.
130
+
1. In the Activity Bar, select the **Docker** icon. In the **IMAGES** explorer, find the image you built.
131
+
1. Expand the image, right-click on the tag you want, and select**Push**.
132
132
1. Make sure the image tag begins with `<acr-name>.azurecr.io` and press **Enter**.
133
-
1. When Visual Studio Code finishes pushing the image to your container registry, click**Refresh** at the top of the **REGISTRIES** explorer and verify that the image is pushed successfully.
133
+
1. When Visual Studio Code finishes pushing the image to your container registry, select**Refresh** at the top of the **REGISTRIES** explorer and verify that the image is pushed successfully.
134
134
135
135

136
136
137
-
## 6 - Deploy to App Service
137
+
## Deploy to App Service
138
138
139
139
1. In the **REGISTRIES** explorer, expand the image, right-click the tag, and select **Deploy image to Azure App Service**.
140
140
1. Follow the prompts to choose a subscription, a globally unique app name, a resource group, and an App Service plan. Choose **B1 Basic** for the pricing tier, and a region near you.
@@ -143,16 +143,16 @@ After deployment, your app is available at `http://<app-name>.azurewebsites.net`
143
143
144
144
A **Resource Group** is a named collection of all your application's resources in Azure. For example, a Resource Group can contain a reference to a website, a database, and an Azure Function.
145
145
146
-
An **App Service Plan** defines the physical resources that will be used to host your website. This quickstart uses a **Basic** hosting plan on **Linux** infrastructure, which means the site will be hosted on a Linux machine alongside other websites. If you start with the **Basic** plan, you can use the Azure portal to scale up so that yours is the only site running on a machine. For pricing, see [App Service pricing](https://azure.microsoft.com/pricing/details/app-service/linux).
146
+
An **App Service Plan** defines the physical resources that to use to host your website. This quickstart uses a **Basic** hosting plan on **Linux** infrastructure, which means the site is hosted on a Linux machine alongside other websites. If you start with the **Basic** plan, you can use the Azure portal to scale up so that yours is the only site running on a machine. For pricing, see [App Service pricing](https://azure.microsoft.com/pricing/details/app-service/linux).
147
147
148
-
## 7 - Browse the website
148
+
## Browse the website
149
149
150
150
The **Output** panel shows the status of the deployment operations. When the operation completes, select **Open Site** in the pop-up notification to open the site in your browser.
151
151
152
152
> [!div class="nextstepaction"]
153
153
> [I ran into an issue](https://www.research.net/r/PWZWZ52?tutorial=quickstart-docker&step=deploy-app)
154
154
155
-
## 8 - Clean up resources
155
+
## Clean up resources
156
156
157
157
[!INCLUDE [Clean-up Portal web app resources](../../../../includes/clean-up-section-portal-no-h.md)]
158
158
@@ -189,11 +189,10 @@ The App Service app pulls from the container registry every time it starts. If y
-[Azure Tools](https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-node-azure-pack) extension pack includes all the extensions in this list.
0 commit comments