iT邦幫忙

DAY 17
0

Open Source與Windows Azure共舞系列 第 17

Microsoft Azure在網站開發的支援

今天讓我們來討論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來協助網站的部署工作。​​​​​​​​​​​


上一篇
Microsoft Azure對Django Python Web Framework的支援
下一篇
Microsoft Azure在網站開發的管理支援
系列文
Open Source與Windows Azure共舞30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言