Microsoft Azure Web Sites應用與實踐【3】—— 通過Visual Studio Online線上編輯Microsoft Azure 網站

標籤：style   blog   http   io   os   ar   sp   檔案   on   

Microsoft Azure Web Sites應用與實踐 系列：

　　【1】—— 打造你的第一個Microsoft Azure Website

　　【2】—— 通過本地IIS 遠端管理Microsoft Azure Web Site

　　【3】—— 通過Visual Studio Online線上編輯Microsoft Azure 網站

 

通過Visual Studio Online線上編輯Microsoft Azure 網站

一想到網站開發，我們眼前可能很快浮現出比較強大的電腦和特定的編輯和調試發布工具(比如Visual Studio)。 在正式編輯網站準備發布之前也許搭環境就需要花好些時間。 有沒有輕便快速更直接一點的辦法呢？對於Microsoft Azure 網站來說，也許您只需要有個連網的瀏覽器就行了——那就是通過Visual Studio online線上編輯。下面來看看具體步驟吧。

步驟

1. 登入Microsoft Azure門戶管理網站並建立一個Microsoft Azure網站(具體步驟可以參看這篇博文)；

2. 從WEBSITES列表內找到已經建立的網站，點擊進入其管理頁面。

3. 點擊CONFIGUE進入配置頁面；

4. 將EDIT IN VISUAL STUDIO ONLINE開啟；

                       

5. 點擊儲存。

6. 回到網站的DASHBOARD頁面，則我們可以在右下方的Quick Glance內看到一個新的選項：Edit in Visual Studio Online.

 

7. 點擊則將被轉到一個Visual Studio online的線上編輯頁面，而且已經開啟我們當前網站內已有的內容。

 

　　可以注意到上面顯示的URL地址為https://yoursitename.scm.azurewebsites.net/dev/wwwroot/。其實這個網址也可以直接開啟，我們將在後面講述更多這個網站的玄機。頁面最左邊是一排菜單，有興趣可以去逐個看下。

 

8. 點擊EXPLORE 旁邊的添加按鈕，我們添加檔案和檔案夾。

 

9. 點開任意頁面，可以編輯頁面，並很快看到頁面的儲存狀態。

 

10. 訪問網站yoursitesname.azurewebsites.net 則可以馬上看到我們剛才的改動。

 

Microsoft Azure Web Sites應用與實踐【3】—— 通過Visual Studio Online線上編輯Microsoft Azure 網站