Achraf Ben Alaya
No Result
View All Result
  • Home
  • News
  • Blog
    • blazor
    • c#
    • Cloud
      • Azure
    • docker
    • sql
    • xamarin
    • Dapr
    • Tricks, Tips and Fixes
    • General Tips & Fix
  • AI
  • Cloud
  • Motivation
  • Courses
  • About
    • Resume
    • Privacy Policy
SUBSCRIBE
  • Home
  • News
  • Blog
    • blazor
    • c#
    • Cloud
      • Azure
    • docker
    • sql
    • xamarin
    • Dapr
    • Tricks, Tips and Fixes
    • General Tips & Fix
  • AI
  • Cloud
  • Motivation
  • Courses
  • About
    • Resume
    • Privacy Policy
No Result
View All Result
Achraf Ben Alaya
No Result
View All Result
ADVERTISEMENT
Home Blog Cloud Azure

The easiest way to deploy a website to Azure with Azure App Service

achraf by achraf
April 21, 2020
in Azure, Cloud
3 min read
0
The easiest way to deploy a website to Azure with Azure App Service
0
SHARES
701
VIEWS
Share on FacebookShare on Twitter

Hi developers ,

Today , we are going to learn the simplest way to deploy a website to azure (faster than you think ). for that , we are going to need 3 things :

Set up Visual Studio Code Microsoft Azure FileZilla (client) so let’s start our Demo !

Set up Visual Studio Code First what is Visual studio Code ? some of you may only know visual studio and note Vs.Code !

Visual Studio Code is a popular choice for developing applications for Azure. It’s lightweight, taking up only megabytes of storage space, and works on Windows, Linux, and macOS.

Visual Studio Code is a free source code editor developed by Microsoft. It supports hundreds of programming languages, includes Git integration, and is designed to connect to Azure cloud services.

First step is to download and install Visual studio code using this Link and you will have visual studio code installed like this :

now , we need to add an extension to vs.code which is Azure App Service extension

This will install the extension. You’re now ready to connect to your Azure subscription and deploy a web, mobile, or API app to an Azure App Service. in our case , we are interested in Web App.

Create a web app in the Azure portal Now after setting up Vs. Code , we need to prepare our azure account for that , you can create a free account on Azure to host your Web app for free . from here , you can see the list of free products and for students , you can get an account with more free product from this link .

Now , Sign into the Azure portal using your account , Click the Create a resource link at the top of the left-hand navigation. Everything you create on Azure is a resource.

 

now you have to choose : Web APP

  • App name : Your client wants to name the application , so here you have to give it a unique name .
  • Subscription : here you choose your default subscription .
  • OS : here you choose if you want to deploy your app on Linux machine or windows Publish : You can choose to either publish code, or a Docker container image.

We will be writing code to run in App Service, so make sure the Code option is selected.

  • Region : select the location or region that will store the Application data

 

Here we have our application ready to go , on top right , you can see URL , clique on that link .

I have downloaded a free template here (html template for test purpose) and I just changed few things using visual studio code .

 

 

Now , for the first part of this “azure section” we are going to deploy a website using filezilla for quick demo , in the next article we are going to see how to publish a NetCore app using vs.code or visual studio . now let’s download our publish profile , where we are going to find filezilla credential (host /username and password) .

Use the credential you have downloaded earlier and connect to server.!

 

 

as you can see here we have the default hosting page that have launched earlier . Now , what we need to do , is to delete that file and copy our directory files under the wwwroot folder.

woooot , if you refresh your navigator , your website now is ready && live and ready to be shared with your friends ! why not ? create something great and share it with your friends , share a school project or event deploy your portfolio or your resume !

Happy Azure day =)

Link for the demoapp : https://demos.onepagelove.com/html/seo-company/

ShareTweet
Previous Post

Finally a stable version of Xamarin.Forms 4.1.0 and announcing Xamarin.Essentials 1.2

Next Post

Access Microsoft Azure Courses On Pluralsight for Free

Related Posts

Azure

Log Analytics Workspace Chaos: How We Tamed 100+ Orphaned Workspaces

October 17, 2025
33
Azure

Honored to be recognized as a Microsoft Azure MVP for 2025-2026

July 20, 2025
109
AI

Model Context Protocol (MCP): The Future of AI Integration

April 21, 2025
253
Azure

Step-by-Step Guide: Azure Front Door + Storage Account Static Website + Custom Domain with Terraform

March 11, 2025
813
Network Security & Route Tables – Checking NSGs, route tables, and service endpoints for a targeted VNET or Subnet
Azure

Network Security & Route Tables – Checking NSGs, route tables, and service endpoints for a targeted VNET or Subnet

February 3, 2025
194
Understanding Generative AI and RAG Benefits
AI

Understanding Generative AI and RAG Benefits

January 12, 2025
152
Next Post
Access Microsoft Azure Courses On Pluralsight for Free

Access Microsoft Azure Courses On Pluralsight for Free

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Terraform

Certifications

Microsoft certified trainer (MCT)

Recommended

Where is my Money ! The Proper way To Shutdown Azure VM

Where is my Money ! The Proper way To Shutdown Azure VM

November 2, 2020
891
Goodbye my lover Xamarin, Hello MAUI!

Goodbye my lover Xamarin, Hello MAUI!

September 25, 2020
609
Reading Excel file in Azure Web Apps

Reading Excel file in Azure Web Apps

December 1, 2020
1.8k
How to setup nginx reverse proxy && load balancer for aspnet core apps with Docker and azure kubernetes service (AKS)

How to setup nginx reverse proxy && load balancer for aspnet core apps with Docker and azure kubernetes service (AKS)

November 23, 2022
925

Step-by-Step Guide: Azure Front Door + Storage Account Static Website + Custom Domain with Terraform

March 11, 2025
813
Part 5-A : Using Azure DevOps, Automate Your CI/CD Pipeline and Your Deployments

Part 5-C : Using Azure DevOps, Automate Your CI/CD Pipeline and Your Deployments

May 2, 2023
714
Facebook Twitter LinkedIn Youtube

Log Analytics Workspace Chaos: How We Tamed 100+ Orphaned Workspaces

October 17, 2025

Honored to be recognized as a Microsoft Azure MVP for 2025-2026

July 20, 2025

Model Context Protocol (MCP): The Future of AI Integration

April 21, 2025

Categories

  • AI (2)
  • Apps (1)
  • Azure (65)
  • blazor (2)
  • Blog (92)
  • c# (7)
  • Cloud (66)
  • Courses (4)
  • Dapr (4)
  • docker (4)
  • Games (1)
  • General Tips & Fix (1)
  • Home (1)
  • Kubernetes Service (AKS) (1)
  • motivation (2)
  • Motivation (3)
  • News (9)
  • Resume (1)
  • sql (4)
  • Terrafrom (1)
  • Tricks, Tips and Fixes (4)
  • xamarin (5)
No Result
View All Result
  • Home
  • News
  • Blog
    • blazor
    • c#
    • Cloud
      • Azure
    • docker
    • sql
    • xamarin
    • Dapr
    • Tricks, Tips and Fixes
    • General Tips & Fix
  • AI
  • Cloud
  • Motivation
  • Courses
  • About
    • Resume
    • Privacy Policy