ActiveReports 18 .NET Edition
DevOps / Deployment / Deploy Applications to Cloud Services / Azure App Service / Deploy on Azure using a Windows Environment
In This Topic
    Deploy on Azure using a Windows Environment
    In This Topic

     In this tutorial, we will be deploying the JSViewer_MVC_Core sample on Azure using a Windows environment.

    1. Download the JSViewer_MVC_Core sample from our WebSamples18 GitHub repository.
    2. Open the application in Visual Studio and build and run the application.
    3. Remove the Reports folder containing links the reports from the project since we will be embedding the reports in the application.
    4. Now add a new folder and name it 'Reports'.
    5. Add all the files from JSViewerReports in the Reports folder and set the Build Action as 'Embedded Resource'.

    Follow these steps to create your App Service resources and publish your project. Let us use JSViewer_MVC_Core sample project for demonstration purpose.

    1. Open the JSViewer_MVC_Core sample project in Visual Studio 2022.
    2. In the Solution Explorer, right-click the on your project name, and select Publish.
      Select Publish in the Solution Explorer
    3. In Publish window, select Azure and then Next.
      Azure in the Publish window
    4. Choose the Specific target Azure App Service (Windows). Then, select Next.
      Choose Specific Target in the Publish window
    5. Your options depend on whether you're signed in to Azure already and whether you have a Visual Studio account linked to an Azure account. Select either Add an account or Sign in to sign in to your Azure subscription. If you're already signed in, select the account you want.
    6. To the right of App Service instances, select +.
      Create Azure Application Service
    7. For Subscription name, accept the subscription that is listed or select a new one from the drop-down list.
    8. For Resource group, select New. It will contain all of the Azure resources for the service.
    9. In New resource group name, enter JSViewerResourceGroup and select OK.       
    10. For Hosting Plan, select New. It specifies the location, size, and features of the web server that hosts your app.
    11. In the Hosting Plan dialog, enter the appropriate values:
         
      Hosting Plan: JSViewerMVCCorePlan
      Location: Central US
      Size: S1
    12. In Name field, enter a unique app name that includes only the valid characters (a-z, A-Z, 0-9, and -). You can accept the automatically generated unique name. The URL of the web app is http://<app-name>.azurewebsites.net, where <app-name> is your app name.
      Create New App Service dialog
    13. Select Create.
       Created App Service Instance
      Once the wizard completes, the Azure resources are created and the project is ready to be published.
    14. 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.
      Ready to publish dialog
    15. In the Publish page, select Publish.
      Visual Studio builds, packages, and publishes the app to Azure, and then launches the app in the default browser.
      Once you have followed all the steps the website is deployed on Azure.
      Deployed Website on Azure