Website Deployment

As stated in the previous sections, the deployment is being done using Azure. This guide explains how to do in a few steps the deployment of the Front-End.

To deploy the Fron-End on Azure we need to start by openning new web-app. This web app will contain the URL for the website.

As explained in the section about the technologies our Front-End technology is Angular, so the deployment should be accordingly.

The first step is to build the project. The build is being done by Angular CLI (the command line of Angular). The build is being done from the src directory. To enter this directory, we should go in the following path:

After that we will build the project using the following command 'ng build --prod':

After the build is done successfully, there will be created a dist folder inside the client directory. This folder will hold the compiled Front-End code. The folder is in the following structure:

Now, we want to upload the code in Azure. To do that, we currently have the website in a local git repository on Azure. The git repository is: https://[email protected]:443/CognitivityWebSite.git

We want to update the code in the repository on Azure. We will clone the repository on a directory on our file system and then replace the content of the dist folder in the result of the latest build result. After we will update the content of the repository by pushing it we will get our website deployed in the url.