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
682
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

AI

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

April 21, 2025
95
Azure

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

March 11, 2025
213
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
132
Understanding Generative AI and RAG Benefits
AI

Understanding Generative AI and RAG Benefits

January 12, 2025
95
Azure Communication Services Email Sending Simplified: From Setup to Execution and Monitoring
Azure

Azure Communication Services Email Sending Simplified: From Setup to Execution and Monitoring

December 8, 2024
1.5k
PowerShell Automation for Azure Networks: Detailed VNET and Subnet Analysis
Azure

PowerShell Automation for Azure Networks: Detailed VNET and Subnet Analysis

November 2, 2024
495
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

15 E-books that focus on learning Microsoft Azure Cloud

15 E-books that focus on learning Microsoft Azure Cloud

April 23, 2023
218
Configuring Self-hosted Agent In Azure DevOps Pipeline

Configuring Self-hosted Agent In Azure DevOps Pipeline

April 13, 2023
1.2k
#msbuild registration is now open!

#msbuild registration is now open!

April 29, 2021
299
Achraf First Post

Achraf First Post

April 26, 2020
406
Azure Policy for governance

Azure Policy for governance

August 29, 2020
1.4k
Reflecting on My Journey as a Microsoft MVP in 2024

Reflecting on My Journey as a Microsoft MVP in 2024

March 24, 2024
354
Facebook Twitter LinkedIn Youtube

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

April 21, 2025

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

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

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

February 3, 2025

Categories

  • AI (2)
  • Apps (1)
  • Azure (63)
  • blazor (2)
  • Blog (91)
  • c# (7)
  • Cloud (65)
  • Courses (3)
  • 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