dotnet/intro-to-dotnet-web-dev
1
0
Fork 0
mirror of https://github.com/dotnet/intro-to-dotnet-web-dev.git synced 2025-12-06 05:32:03 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

fixed images

Browse source
This commit is contained in:
katiesavage 2022-06-06 14:08:21 -07:00
parent c50bf1908e
commit fdcb598d57
1 changed files with 29 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
6-publish/README.md
View file

@ -1,4 +1,4 @@
# Publish your web app to Azure! # Publish your web app to Azure 🥳
Welcome! In this lesson, we'll teach you how to publish your web apps from the previous weeks' activities to Azure! We'll do this using Azure App Service. Welcome! In this lesson, we'll teach you how to publish your web apps from the previous weeks' activities to Azure! We'll do this using Azure App Service.
@ -11,25 +11,33 @@ You can learn more in the [Azure App Service overview documentation](https://doc
## Let's publish! ## Let's publish!
You can also find these instructions in the [Azure documentation](https://docs.microsoft.com/azure/app-service/quickstart-dotnetcore?tabs=net60&pivots=development-environment-vs). You can also find these instructions in the [Azure documentation](https://docs.microsoft.com/azure/app-service/quickstart-dotnetcore?tabs=net60&pivots=development-environment-vs).
1. In **Solution Explorer**, right-click your ASP.NET Core project and select **Publish**. 1. Choose the web application you'd like to publish! It can be any of the projects that you created in emails 3, 4, or 5. Open up this project in Visual Studio.
![Select publish in solution explorer](/images/solution-explorer-publish.png) 2. In **Solution Explorer**, right-click your ASP.NET Core project and select **Publish**.
2. In **Publish**, you'll see the following options. Select **Azure** and click the **Next** button. ![Select publish in solution explorer](images/solution-explorer-publish.png)
![Azure publish](/images/publish-new-app-service.png)
3. Choose the **Specific target**, **Azure App Service (Windows)**. Then, click the **Next** button.
![Choose specific target](/images/specific-target.png)
4. If you are not signed in to Azure or if your Visual Studio account is not linked to your Azure account, click **Add an account** or **Sign in**. If you are already signed in, select your account.
![Azure sign in](/images/sign-in-azure.png)
5. Select the **+** to the right of **App Service instances**. 3. In **Publish**, you'll see the following options. Select **Azure** and click the **Next** button.
![Create new app service](/images/publish-new-app-service.png) ![Azure publish](images/publish-new-app-service.png)
6. For **Subscription**, accept the subscription that is listed or select a new one from the drop-down list. 4. Choose the **Specific target**, **Azure App Service (Windows)**. Then, click the **Next** button.
7. For **Resource group**, select **New**. In **New resource group name**, enter *myResourceGroup* and select **OK**. ![Choose specific target](images/specific-target.png)
8. For **Hosting Plan**, select **New**. 5. If you are not signed in to Azure or if your Visual Studio account is not linked to your Azure account, click **Add an account** or **Sign in**. If you are already signed in, select your account.
9. In the **Hosting Plan: Create new** dialog, enter the values specified in the following table: ![Azure sign in](images/sign-in-azure.png)
![Hosting Plan](/images/hosting-plan.png)
9. TODO TABLE
10. Select **Create** to create the Azure resources. Once the wizard completes, the Azure resources are created for you and you're ready to publish your ASP.NET Core project.
![Create Azure resources](create-new-app-service.png)
11. In the **Publish** dialog, ensure your new App Service app is selected in **App Service instance**, then select **Finish**. Visual Studio creates a publish profile for you for the selected App Service app.
12. In the **Publish** page, select **Publish**. If you see a warning message, select **Continue**.Visual Studio builds, packages, and publishes the app to Azure, and then launches the app in the default browser.
6. Select the **+** to the right of **App Service instances**.
![Create new app service](images/publish-new-app-service.png)
7. For **Subscription**, accept the subscription that is listed or select a new one from the drop-down list.
8. For **Resource group**, select **New**. In **New resource group name**, enter *myResourceGroup* and select **OK**.
9. For **Hosting Plan**, select **New**.
10. In the **Hosting Plan: Create new** dialog, enter the values specified in the following table:
| Setting | Suggested value | Description |
| ------- | --------------- | ----------- |
| Hosting Plan | *MyFirstAzureWebAppPlan* | Name of the App Service Plan |
| Location | Select the default | The datacenter where the app is hosted |
| Size | *Free* | Pricing tier |
This will look like the below.
![Hosting Plan](images/hosting-plan.png)
11. Select **Create** to create the Azure resources. Once the wizard completes, the Azure resources are created for you and you're ready to publish your ASP.NET Core project.
![Create Azure resources](images/create-new-app-service.png)
12. In the **Publish** dialog, ensure your new App Service app is selected in **App Service instance**, then select **Finish**. Visual Studio creates a publish profile for you for the selected App Service app.
13. In the **Publish** page, select **Publish**. If you see a warning message, select **Continue**.Visual Studio builds, packages, and publishes the app to Azure, and then launches the app in the default browser.
Congratulations 🎉 You've just published your web applications!