01a. Deploying to Azure App Service from Visual Studio

To deploy the eShopOnWeb sample application to an Azure App Service (assuming you've already cloned or downloaded it locally, and you have an Azure account), follow these steps from Visual Studio (see here to start from the Azure Portal):

1. Open the eShopOnWeb solution in Visual Studio.

2. Right-click on the Web project in Solution Explorer and choose Publish.

3. Choose Microsoft Azure App Service.

Leave the option to Create New selected. Click Publish.

4. Choose an App Name, Subscription, Resource Group, and App Service Plan.

Create a new Resource Group, if desired. You can specify a Free App Service Plan, if desired, as shown.

5. Click Create.

The Publish profile will be saved and the eShopOnWeb sample will be published to the Azure App Service.

Once the publish process has completed, your deployed app will launch in your browser.

Learn more about Azure deployment options in the official documentation.

Notes

• You may need to ensure you have the Bundler and Minifier extension installed in Visual Studio, otherwise your CSS may not be minified and referenced correctly in the deployed version of the application. Alternately, you can modify _Layout.cshtml to use app.css instead of app.css.min in Production.