Skip to content

Commit a9cdcc4

Browse files
Freshness, in progress.
1 parent 405a43e commit a9cdcc4

29 files changed

+111
-109
lines changed

articles/app-service/includes/quickstart-custom-container/quickstart-custom-container-linux-azure-portal-pivot.md

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -4,14 +4,14 @@ ms.service: azure-app-service
44
ms.devlang: java
55
ms.custom: linux-related-content
66
ms.topic: quickstart
7-
ms.date: 01/22/2025
7+
ms.date: 02/11/2025
88
ms.author: cephalin
99
---
1010

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.
1212

1313
> [!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).
1515
>
1616
1717
To complete this quickstart, you need:
@@ -21,31 +21,31 @@ To complete this quickstart, you need:
2121
- [Azure CLI](/cli/azure/install-azure-cli)
2222
- [Docker](https://www.docker.com/community-edition)
2323

24-
## 1 - Clone the sample repository
24+
## Clone the sample repository
2525

2626
Clone the [the .NET 6.0 sample app](https://github.com/Azure-Samples/dotnetcore-docs-hello-world) with the following command:
2727

2828
```bash
2929
git clone https://github.com/Azure-Samples/dotnetcore-docs-hello-world.git
3030
```
3131

32-
## 2 - Push the image to Azure Container Registry
32+
## Push the image to Azure Container Registry
3333

3434
Make sure you are in the cloned repository's root folder. This repository contains a **Dockerfile.linux** file.
3535

36-
1. Log in to the Azure CLI.
36+
1. Sign in to the Azure CLI.
3737

3838
```azurecli
3939
az login
4040
```
4141
42-
1. Log in to Azure Container Registry.
42+
1. Sign in to Azure Container Registry.
4343
4444
```azurecli
4545
az acr login -n <your_registry_name>
4646
```
4747
48-
1. Build the container image. We are naming the image **dotnetcore-docs-hello-world-linux**.
48+
1. Build the container image. This example uses the image name **dotnetcore-docs-hello-world-linux**.
4949
5050
```docker
5151
docker build -f Dockerfile.linux -t <your_registry_name>.azurecr.io/dotnetcore-docs-hello-world-linux .
@@ -60,7 +60,7 @@ Make sure you are in the cloned repository's root folder. This repository contai
6060
> [!NOTE]
6161
> The Dockerfile sets the port number to 80 internally. For more information about configuring the container, see [Configure custom container](../../configure-custom-container.md).
6262
63-
## 3 - Deploy to Azure
63+
## Deploy to Azure
6464
6565
### Sign in to Azure portal
6666
@@ -80,7 +80,7 @@ Sign in to the [Azure portal](https://portal.azure.com).
8080
8181
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.
8282
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.":::
8484
8585
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.
8686
@@ -105,13 +105,13 @@ Sign in to the [Azure portal](https://portal.azure.com).
105105
106106
:::image type="content" source="../../media/quickstart-custom-container/next-steps.png" alt-text="Screenshot showing the next step of going to the resource.":::
107107
108-
## 4 - Browse to the app
108+
## Browse to the app
109109
110110
Browse to the deployed application in your web browser at the URL `http://<app-name>.azurewebsites.net`.
111111
112112
:::image type="content" source="../../media/quickstart-custom-container/browse-custom-container-linux.png" alt-text="Screenshot showing the deployed application.":::
113113
114-
## 5 - Clean up resources
114+
## Clean up resources
115115
116116
[!INCLUDE [Clean-up Portal web app resources](../../../../includes/clean-up-section-portal-no-h.md)]
117117

articles/app-service/includes/quickstart-custom-container/quickstart-custom-container-linux-visual-studio-code-pivot.md

Lines changed: 31 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -4,37 +4,37 @@ ms.service: azure-app-service
44
ms.devlang: java
55
ms.custom: linux-related-content
66
ms.topic: quickstart
7-
ms.date: 01/22/2025
7+
ms.date: 02/11/2025
88
ms.author: cephalin
99
---
1010

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.
1212

1313
> [!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).
1515
>
1616
1717
To complete this quickstart, you need:
1818

19-
* An [Azure account](https://azure.microsoft.com/free/?utm_source=campaign&utm_campaign=vscode-tutorial-docker-extension&mktingSource=vscode-tutorial-docker-extension)
20-
* [Docker](https://www.docker.com/community-edition)
21-
* [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)
20+
- [Docker](https://www.docker.com/community-edition)
21+
- [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.
2424

25-
## 1 - Create a container registry
25+
## Create a container registry
2626

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.
2828

2929
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).
3030

3131
> [!IMPORTANT]
3232
> 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).
3333
34-
## 2 - Sign in
34+
## Sign in
3535

3636
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.
3838

3939
![Screenshot of signing into Azure in Visual Studio Code.](../../media/quickstart-docker/sign-in.png)
4040

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

4545
![Screenshot shows the Registries value with Azure expanded.](../../media/quickstart-docker/registries.png)
4646

47-
## 3 - Check prerequisites
47+
## Check prerequisites
4848

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.
5050

5151
```bash
5252
docker --version
5353
```
5454

55-
## 4 - Create and build image
55+
## Create and build image
5656

5757
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:
5858

@@ -117,24 +117,24 @@ In this Dockerfile, the parent image is one of the built-in Java containers of A
117117

118118
---
119119

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.
121121

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**.
123123

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.
125125

126126
![Screenshot shows the built image with tag.](../../media/quickstart-docker/built-image.png)
127127

128-
## 5 - Deploy to container registry
128+
## Deploy to container registry
129129

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**.
132132
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.
134134

135135
![Screenshot shows the image deployed to Azure container registry.](../../media/quickstart-docker/image-in-registry.png)
136136

137-
## 6 - Deploy to App Service
137+
## Deploy to App Service
138138

139139
1. In the **REGISTRIES** explorer, expand the image, right-click the tag, and select **Deploy image to Azure App Service**.
140140
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`
143143

144144
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.
145145

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).
147147

148-
## 7 - Browse the website
148+
## Browse the website
149149

150150
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.
151151

152152
> [!div class="nextstepaction"]
153153
> [I ran into an issue](https://www.research.net/r/PWZWZ52?tutorial=quickstart-docker&step=deploy-app)
154154
155-
## 8 - Clean up resources
155+
## Clean up resources
156156

157157
[!INCLUDE [Clean-up Portal web app resources](../../../../includes/clean-up-section-portal-no-h.md)]
158158

@@ -189,11 +189,10 @@ The App Service app pulls from the container registry every time it starts. If y
189189
> [!div class="nextstepaction"]
190190
> [Sidecar container tutorial](../../tutorial-custom-container-sidecar.md)
191191
192-
193192
Other Azure extensions:
194193

195-
* [Azure Cosmos DB](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-cosmosdb)
196-
* [Azure Functions](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azurefunctions)
197-
* [Azure CLI Tools](https://marketplace.visualstudio.com/items?itemName=ms-vscode.azurecli)
198-
* [Azure Resource Manager Tools](https://marketplace.visualstudio.com/items?itemName=msazurermtools.azurerm-vscode-tools)
199-
* [Azure Tools](https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-node-azure-pack) extension pack includes all the extensions above.
194+
- [Azure Cosmos DB](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-cosmosdb)
195+
- [Azure Functions](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azurefunctions)
196+
- [Azure CLI Tools](https://marketplace.visualstudio.com/items?itemName=ms-vscode.azurecli)
197+
- [Azure Resource Manager Tools](https://marketplace.visualstudio.com/items?itemName=msazurermtools.azurerm-vscode-tools)
198+
- [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

Comments
 (0)