Setting Up Azure¶

In order to host the services on Azure Cloud, an Azure account is required.

The services require Azure Web Apps to function properly.

When creating the Web App:

1. Select your active subscription

2. Select a resource group OR create a new one

3. Input the name of the web app

   e.g.: testwebappservice2

4. Select .NET 6.0 as runtime stack

5. Fill in the rest of the required information

6. Click “Review + Create”

7. Click “Create”

For the services you will need two .NET 6 web apps. One for LoginAzure and one for AnalyticsAPI

For AnalyticsClient (Portal) use a web app with runtime stack set to Node 14+

Deploying Apps To Azure¶

There are 2 ways the web apps can be published (uploaded) to an Azure Web App

1. Via Publish XML Profile

2. Directly through visual studio (requires a connected azure account to visual studio)

Getting the Publish XML Profile¶

After creating the Web App on Azure, click the created resource (web app) to be redirected the its main page

At the top bar, click the “Download Publish Profile” button

This will download an xml file containing the web apps’s publish information

Afterwards, go to Visual Studio:

1. Right-Click on the project file in the solution explorer

   

2. This will open a new window

   

   1. Select “Import Profile”

   2. Browse to the downloaded publish profile

   3. Click “Finish”

3. It will now show the publish page

   

   Note

   In case it does not show automatically, right-click the project file and select publish again

4. Click “Publish” and wait for the process to finish

Publish using Azure Account on through Visual Studio¶

1. Sign in to Visual Studio using the Azure Account you created for the Azure Web Apps

2. Right-Click on the project file and select “Publish…”

3. Click Azure

   

4. Click “App Service (Windows)”

   

5. Select the resource where the app will be uploaded

   Note

   Should be an Azure Web App

6. You will be redirected to the publish page

   

7. Click “Publish”

8. Wait for the process to finish

Deploying AnalyticsClient (Portal)¶

The recommended way to publish is to install Azure Tools to your Visual Studio Code

Azure Tools for VS code

After building the project configured for production: npm run build --prod

it will create a dist/ folder with the built files

Use the Azure Tools Extension to Deploy this folder to your Azure Web App