Achraf Ben Alaya
No Result
View All Result
  • Home
  • News
  • Blog
    • blazor
    • c#
    • Cloud
      • Azure
    • docker
    • sql
    • xamarin
    • Dapr
    • Tricks, Tips and Fixes
  • Cloud
  • Motivation
  • General Tips & Fix
  • About
    • Resume
SUBSCRIBE
  • Home
  • News
  • Blog
    • blazor
    • c#
    • Cloud
      • Azure
    • docker
    • sql
    • xamarin
    • Dapr
    • Tricks, Tips and Fixes
  • Cloud
  • Motivation
  • General Tips & Fix
  • About
    • Resume
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
544
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

Block the default URL assigned to the azure web app using azure application gateway
Azure

Block the default URL assigned to the azure web app using azure application gateway

May 31, 2023
56
Block the default URL assigned to the azure web app
Blog

Block the default URL assigned to the azure web app

May 14, 2023
215
What if we can check the cost of Azure resources in a juts few seconds
Azure

What if we can check the cost of Azure resources in a juts few seconds

May 9, 2023
331
Part 5-A : Using Azure DevOps, Automate Your CI/CD Pipeline and Your Deployments
Azure

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

May 2, 2023
216
15 E-books that focus on learning Microsoft Azure Cloud
Azure

15 E-books that focus on learning Microsoft Azure Cloud

April 23, 2023
102
Part 5-A : Using Azure DevOps, Automate Your CI/CD Pipeline and Your Deployments
Cloud

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

April 20, 2023
123
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

Migrate and modernize your applications on Azure

Migrate and modernize your applications on Azure – Part –1 (Create and publish Web App)

April 3, 2021
232
How to SSH into AKS Nodes

How to SSH into AKS Nodes

May 11, 2021
5.1k
Migrate and modernize your applications on Azure

Migrate and modernize your applications on Azure – Part – 00 (creating .Net 5.0 application )

March 29, 2021
172
Create a Linux VM with infrastructure in Azure using Terraform

Create a Linux VM with infrastructure in Azure using Terraform

August 30, 2020
2k
Why you need to ensure updating your Xamarin.Android Application to Supports 64-Bit Devices and how to do that .

Why you need to ensure updating your Xamarin.Android Application to Supports 64-Bit Devices and how to do that .

April 21, 2020
342
Part 5-A : Using Azure DevOps, Automate Your CI/CD Pipeline and Your Deployments

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

April 20, 2023
123
Facebook Twitter LinkedIn Youtube
Block the default URL assigned to the azure web app using azure application gateway

Block the default URL assigned to the azure web app using azure application gateway

May 31, 2023
Block the default URL assigned to the azure web app

Block the default URL assigned to the azure web app

May 14, 2023
What if we can check the cost of Azure resources in a juts few seconds

What if we can check the cost of Azure resources in a juts few seconds

May 9, 2023

Categories

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