Microsoft Azure Web Sites App and practice "3"--Edit Microsoft Azure Web site online through visual Studio online

Microsoft Azure Web sites app and Practice series:

"1"--Build your first Microsoft Azure Website

"2"--Remote administration of Microsoft Azure Web Site via local IIS

"3"-online editing of the Microsoft Azure Web site through visual Studio online

Online editing of the Microsoft Azure Web site through visual Studio online

When we think about web development, we may soon emerge with powerful computers and specific editing and debugging publishing tools (such as visual Studio). It may take some time before the official editorial site is ready to be released. Is there a lighter, faster, more straightforward approach? For the Microsoft Azure website, maybe you just need to have a Web browser--that's through visual Studio online editing. Let's take a look at the specific steps below.

Steps

1. Sign in to the Microsoft Azure Portal Administration site and create a Microsoft Azure Web site (see this post for details);

2. From the websites list, locate the website you have created, and click on its admin page.

3. Click Configue to enter the configuration page;

4. Open the edit in VISUAL STUDIO online;

5. Click Save.

6. Back to the dashboard page of the website, we can see a new option in the quick glance at the bottom right: Edit in Visual Studio Online.

7. Clicking will be taken to an online edit page of visual Studio online, and the content already in our current site has been opened.

You can notice that the URL address shown above is https://yoursitename.scm.azurewebsites.net/dev/wwwroot/. In fact, this site can also be opened directly, we will be in the back to tell more of the mystery of this website. The left side of the page is a row of menus, which are interesting to look at individually.

8. Click the Add button next to explore, and we'll add the files and folders.

9. Click on any page, you can edit the page, and quickly see the status of the page saved.

10. Visit the site yoursitesname.azurewebsites.net you can immediately see the changes we have just made.

Microsoft Azure Web sites App and practice "3"-online editing of the Microsoft Azure Web site through visual Studio online