- Microsoft Account
- Web browser
In this tutorial, I’ll cover a 30 minute session I did at different colleges to simply deploy a website on Azure, activated using DreamSpark Verification Codes for students. I’ll be using Filezilla as a FTP client to upload web files to azure. This way you’ll learn basic way of uploading files to web host and deploying a website.
As, we’ll be using DreamSpark Verification Codes for Azure Subscriptions, let’s first sign in into DreamSpark.
Creating a DreamSpark Verified Account
- Goto http://dreamspark.com and click students on the menu.
- Now click on Sign in, at the side of menu.
- Sign in with Microsoft Account
- Now, you’ll be again redirected to DreamSpark page, on this form Select Country/Region and click on continue to verify.
- So, after successfully creating account on DreamSpark, now it’s time to verify the account using DreamSpark Verification Code. So, under my student status choose I have DreamSpark Verification Code and enter the code, and click verify.
- Now that the DreamSpark Account is verified, go under software catalogs in menu and choose, Microsoft Azure for DreamSpark.
Creating Web App on Microsoft Azure
- Click on Register, and the page will redirect to http://portal.azure.com
- Let’s leave the About you section and on Verification by Phone section add you Mobile number and click Send Text Message. As you receive the code on mobile, type it there and click verify.
- Now, tick those agreements and click Sign up.
- Wait some time as the page loads completely and, after a green button with “Start managing my service” appears click it.
- Give some time to load the azure dashboard.
- After page loads completely, click on New > Web + Mobile > Web App simultaneously and give App Service Name (your website subdomain name). Leave other settings to default for now and click Create.
- It’ll again take some time to deploy your web app, and as deployment completes and the app starts running, you’ll see a new window with different information about the web app you just created. For now, click on Get Publish and download .PublishSetting file for the app you just created.
Uploading files to Azure Cloud using FileZilla
- Now, open that file with Notepad, and yes, start filezilla now.
- In the file, look for the parameter under the variable publishUrl (path that starts with ftp://), userName, userPWD copy those parameters and paste it under host, username and password on filezilla respectively. And click on Quickconnect.
- Create a simple HTML file (index.html) and/or if you have a simple web project using HTML (for now), and then upload it into wwwroot
- Now, that the index.html file is uploaded, browse the web app you created on the browser (e.g http://gces.azurewebsites.net ).
- Congratulations! You just uploaded your website to Azure.
This tutorial is written by Microsoft Student Partner, to help students learn How to deploy a website on Microsoft Azure using FileZilla, any question related to the topic can be asked as a tweet. @luzanb