In this article, we will see step by step how to deploy simple/complex any HTML Based Websites or we can say static websites on Azure Web App using FTP Client.
Step 1: Create App Service
Login to https://portal.azure.com and click on ‘Create a resource’
Search ‘Web App’ or click on ‘Web App’ from the list. Fill in the details as shown below and click on Review + create
Wait for deployment to complete and on success, click on Go to resource
our Web app is ready to use!
Step 2: Create a Basic HTML file
create an index.html file as below.
Remember to change the image name accordingly or skip that element.
Step 3: Create FTP Connection
Go to your Web App resource and follow the below steps to download publish profiles.
Web app → Deployment Centre →Manage publish profile → Download publish profile
Now, we got our credentials in publish profile file, let's connect to the FTP server.
Go to My Computer and right-click to select ‘Add a network location’
Now, open the downloaded publish profile file and search for publishMethod=”FTP”, Copy publishUrl next to FTP method and paste in network address textbox on the wizard and click next.
Uncheck Log on Anonymously checkbox and copy & paste username from the publish profile file and click next.
Provide a suitable name for the location and click next.
It will ask you to enter the password, copy from publish profile and click on login. You will able to see your remote wwwroot folder.
just copy your HTML application or file along with their respective resources like images etc to the location folder and you are done with your deployment.
Now try browsing your URL, you will able to see your HTML up and running.
Note: index.html is the default document configured, you can configure your startup or default file as shown below in the Default document section under settings of your web app.
