The post is not that long, its just that I've got a couple of high-resolution images on the page. The steps are quite simple. Below, I've listed a 10 step process to go from creating a site to deploying your current work. I'm assuming you already have an azure account. If so, let's begin by visiting portal.azure.com and logging in.
- Create a site
- Test out our site
- Add Visual Studio Online extension
- Add Visual Studio Online extension 2
- Use Visual Studio Online
- VSO - First Look
- Upload my Site
- View our site
- Fix my site
- Refresh the site
# Create a site
- Site URL
- The azure subscription to use
- The resource group to create the site in
- The app service plan/location.
# Test out our site
# Add Visual Studio Online extension Image description
- Click Tool
- Click extension
# Add Visual Studio Online extension 2 Image description
- Step 1
- Click Choose Extension
- Select Visual Studio Online (VSO)
- Step 2
- Agree to Legal Terms.
# Use Visual Studio Online Image description
- Click Tool
- Click Extensions
- Click VSO
- Click Browse
# VSO - First Look Image description
- Under WWWROOT
- Click hostingstart.html - This is the code for the page we saw earlier when we visited our new site.
# Upload my Site Image description
- Right click hostingstart.html, then click delete
- Right click WWWROOT, then click upload
- Select the files for your site
# View our site Image description
- Now go back to the site URL (in my case jtmfpw.azurewebsites.net)
- Notice the error - This is because azure has no idea which page to use as the landing page.
# Fix my site Image description
- Go back to the Azure portal
- Click Settings
- Click Applications Settings
- Scroll to Default documents
- On the very bottom, add a new entry - home.html
# Refresh the site Image description
- Now go back to the site URL, you should see the new site up and running.