Create an App for Azure (part 1)

Table of contents
The digital transition has pushed software companies and enterprises to migrate their applications to the web. Azure cloud services have provided the ideal platform, the right services, and the tools to go digital while maintaining full control over the data. This publication proposes the creation of a simple application by discovering some of these services and tools.

Introduction

This publication will demonstrate by example, the complete creation of a web application, also called “App Services”, on the cloud “Microsoft Azure”. Nothing very complicated at first glance, except that we will use in turn “Docker” containers, the development environment “Visual Studio Code” and of course, Microsoft Azure and its various services, such as databases and storage. Finally, to approach what would be done when creating a real application, access will be secured with “an SSL certificate” and “private endpoints” to secure the entire infrastructure.

This publication is composed of several parts. This is the first part.

The application

The application that will serve as the thread for this publication has no value in itself. It only serves to demonstrate the possibilities that the Microsoft Azure cloud can offer. Its reference will be “Images Gallery” for the whole article. Here is a representation of the main screen.

The main view of the application

The purpose of the project

The project is for academic purposes only. It is simple and most certainly incomplete. Nevertheless, here is a list of the key points of it. The application will allow :

  • Upload images, display them as thumbnails and store them in the Azure cloud.
  • Download an image from Azure storage.
  • Delete an image.
  • Manage a database containing information about the images.

Microsoft Azure services

The application infrastructure will focus on the following services:

  • App Services.
  • Storage account for Blob.
  • Microsoft Azure SQL Database.

The creation of the application

The application will be distributed in the form of a “Docker Container” and placed in an “Azure Container Registry”, also called “ACR”. This gives a taste of the development operations called “DevOps” in the IT jargon, of which containers are certainly the centerpiece. This article will also focus on another tool from Microsoft, the development platform “Visual Studio Code”. The latter is totally free and allows you to control the containers and the ACR registry from a centralized location.

PaaS rather than VM

The cloud development allows, today to free itself from all that makes us lose time, namely the maintenance of servers, their backups, as well as the update of the various parts constituting it. The cloud has a major advantage, that of using services, rather than servers on which we will install the application.

PaaS, for “Platform as a Service” is an acronym that groups all application services in the cloud for which no maintenance is required. The Azure SQL Database is one of them.

In this project, no VMs (virtual machines) are used. This simplifies the infrastructure but requires privatizing the services through virtual networks and endpoints. Indeed, it is important to keep in mind that PaaS are public, just like VMs, which are proprietary.

Application security

The environment of the application must be at least secure. For this, it will use the following technologies:

  • Microsoft Key Vault and Managed Identities.
  • An SSL certificate with a custom domain.
  • Two virtual networks (VNet), as well as subnets.
  • Private endpoints.
  • Private DNS zones.
  • An application gateway.

Design of the application

The two representations of the design below are the same.

  • The design on the left shows the infrastructure in a simplified way.
  • The design on the right shows the real infrastructure in the end. This one adds the security elements.
Simplified diagram
Diagram with all the elements

Conclusion

The introduction to this publication is now complete. It provided an introduction to some of the Microsoft Azure cloud services, a tour of the various tools used, and most importantly, a look at the final design of the application.

Now it’s time to set up a working environment.

Table of contents
Also to be consulted

Open an SSH connection on a container

Creating custom fields

Running Javascript in an HTML page

Capture a geographic map

Generate a SQL query on WordPress

Why would you create a sitemap

How to customize the dashboard

The modal windows and the connection system

Delete the update informations

Create an App for Azure (part 5)

Also to be consulted

Create an App for Azure (part 4)

Why would you create a sitemap

How to customize the dashboard

WP Query with Elementor

Registration

To register, please fill in the fields below

Forgot your password ?

You will receive a message with a link allowing you to renew your password

Password update

Please enter your old password
as well as a new one and confirm it

Login