今天讓我們來討論Microsoft Azure對網站開發的支援。
Microsoft對網站開發工具方面,其實有很好的Open Source解決方案,除了Visual Studio Express版本外還有個WebMatrix網站開發工具可用。
在Microsoft Azure就提供了免費的WebMatrix工具,網站開發人員可以使用這套工具連線到Microsoft Azure環境中的網站進行線上開發工作。
讓我們從部署一個HTML5網站範本開始。
進入Microsoft Azure入口網站管理頁面新增一個網站服務:
選擇[從組件庫]進入[尋找Microsoft的應用程式]頁面,在[範本]類別中,就可以看到HTML5的模板選項:
選擇HTML5模板,再按右下角的右向箭號,進入[設定您的應用程式]頁面:
輸入HTML5模板網站URL名稱,然後按上圖右下方的勾勾符號,回到Microsoft Azure入口網站的[網站]頁面,可以看到新增的HTML5模板網站正在建立中:
稍後一會兒網站狀態變成[正在執行]:
點選HTML5模板網站右方的URL連結,就會出現HTML5模板的網站頁面:
因為目前我們還沒給予這個網站任何內容,所以只有空日網頁。
回到Microsoft Azure入口網站的[網站]頁面,我們可以看到下方右邊有個[WEBMATRIX]功能項:
點選上圖右下方的WEBMATRIX功能項,出現[安裝和開啟WebMatrix]:
點選上圖右下方的打勾符號進行WebMatrix安裝:
上圖點選[新增],把[Microsoft Tools Launcher]加到Chrome,完成後過一段時間出現下圖:
這是在詢問是要執行WebMatrix,點選[執行]後,出現WebMatrix的畫面:
一開始會詢問是否要開啟剛才部署的HTML5模板網站,請點選[直接編輯即時站台],這樣我們就能直接把網站開發結果同步到Microsoft Azure環境中。
但,如果是多人共同開發,最好選擇本機複本的方式,點選[直接編輯即時站台]就會出現如下圖所示的WebMatrix編輯畫面:
上圖左方是整個網站的資料夾結構及已有的網頁檔案,我們打開index.html:
如上圖增加了一段 "這是Microsoft Azure的HTML5範本網站!!"文字,存檔後,我們再重新連線到這個HTML5模板網站,就可以看到剛才的修改即時呈現:
如以上所示範,Microsoft Azure不僅提供Open Source網站套件部署,也提供完整又容易操作的網站開發工具WebMatrix來協助網站的部署工作。