From fdcb598d57a36b5fb888d1e3357c6d2b02c45649 Mon Sep 17 00:00:00 2001 From: katiesavage Date: Mon, 6 Jun 2022 14:08:21 -0700 Subject: [PATCH] fixed images --- 6-publish/README.md | 50 ++++++++++++++++++++++++++------------------- 1 file changed, 29 insertions(+), 21 deletions(-) diff --git a/6-publish/README.md b/6-publish/README.md index b8c1da8..258eb14 100644 --- a/6-publish/README.md +++ b/6-publish/README.md @@ -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. @@ -11,25 +11,33 @@ You can learn more in the [Azure App Service overview documentation](https://doc ## 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). -1. In **Solution Explorer**, right-click your ASP.NET Core project and select **Publish**. - ![Select publish in solution explorer](/images/solution-explorer-publish.png) -2. In **Publish**, you'll see the following options. Select **Azure** and click the **Next** button. - ![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) +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. +2. In **Solution Explorer**, right-click your ASP.NET Core project and select **Publish**. + ![Select publish in solution explorer](images/solution-explorer-publish.png) -5. Select the **+** to the right of **App Service instances**. - ![Create new app service](/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. -7. For **Resource group**, select **New**. In **New resource group name**, enter *myResourceGroup* and select **OK**. -8. For **Hosting Plan**, select **New**. -9. In the **Hosting Plan: Create new** dialog, enter the values specified in the following table: - ![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. +3. In **Publish**, you'll see the following options. Select **Azure** and click the **Next** button. + ![Azure publish](images/publish-new-app-service.png) +4. Choose the **Specific target**, **Azure App Service (Windows)**. Then, click the **Next** button. + ![Choose specific target](images/specific-target.png) +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. + ![Azure sign in](images/sign-in-azure.png) +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! \ No newline at end of file