WebMatrix 3: 方便好用的 ASP.NET、PHP、以及 node.js 網站開發工具

05/02/2013

5 分钟可看完

本文内容

WebMatrix 是由 Microsoft 所開發的一套網站開發工具，目前支援 ASP.NET、PHP 以及 node.js  的語法，可以從官方網站上免費下載使用。在安裝 WebMatrix 的過程中，也會安裝一套 IIS Express 供開發人員在開發機器上測試開發的網站，開發完成後便能直接透過多種方式 (FTP、Web Deploy、Git、TFS 等) 發佈或部署至上線環境中。

WebMatrix 3 可以直接整合你的 Windows Azure 帳戶

第一次啟用 WebMatrix 3 時，會詢問你是否要登入 Windows Azure 的帳號以便整合，這不是必要的步驟，如果還沒有 Windows Azure 的帳號，可以按下右下角的 Not now 先略過 (註: 目前 Windows Azure 新申請可免費試用 90 天，詳細的方案可參考這一頁)。

WebMatrix 3 啟動畫面

而 WebMatrix 3 的啟動畫面有三個功能，分別是：

My Sites: 開啟在本機建立的網站專案。

New: 透過專案範本、WebApp 套件或是空白專案開始建立網站專案。

Open: 透過不同的方式 (My Sites、Windows Azure、資料夾、遠端資料夾或是版本控制服務) 開啟網站專案。

使用 New » Template Gallery 之後，可以看到有多種不同語言的專案可供選擇，Node.js 也可以選擇以 Express 框架為基礎的範本：

WebMatrix 3 專案範本，支援多種語言

而若是選擇 New » App Gallery 則可以以知名的 WebApp 開始修改：

WebMatrix 3 WebApp 範本，有多種知名套件

準備建立一個新的開發專案後，若有整合 Windows Azure，則會詢問你是否要在 Windows Azure 上建立一個網站服務，並且選擇你的 Windows Azure 訂閱帳戶以及資料中心的位置。當然，這也是非必要的步驟，你可以按下 Skip 跳過。

註: 依照不同的網站範本可能還需下載必要的檔案，如 node.js 的 express 範本就要下載 express 等套件，對話盒會幫助你完成這些準備工作。

建立網站專案時，可直接整合 Windows Azure 帳號的建立

依照指示建好網站專案後，就可以開始開發網站了，由於支援了 ASP.NET、PHP 以及 node.js (JavaScript) 的緣故，在編輯器的部份也會有語法提示的功能：(HTML/CSS 當然不用說了)

WebMatrix 連 jade 範本引擎的語法都支援喔

當然，WebMatrix 不僅能在本機上開發，也可以直接管理或修改已經部署在其它機器上的網站，只要切換上方的頁籤至 Remote 便有相關的操作按鈕：

WebMatrix 3 可以直接遠端管理修改網站

即使是在開發時需要做版本控制，只要切到 Source Control 的頁籤，你可以自由選擇要使用 Git 或是 TFS 來做版本控制喔！

WebMatrix 3 支援使用 Git 或 TFS 來做版本控制

以 Git 為例，當選擇使用 Git 做版本控制後，上方的工具列就會切換成相關的操作按鈕，而左側的檔案總管也會有圖案提示檔案是否有修改，真的是相當方便！

WebMatrix 3 開啟 git 版本控制後的畫面

網站開發完成後，最重要的就是測試或是發佈到上線環境中，只要直接按下 Run 或是 Publish 按鈕就可以在本機測試或是發佈到上線環境，按下 Publish 後，WebMatrix 會根據你的設定，先檢查一下上線環境的相容性，確定上線環境都有安裝好必須的軟體，以下圖為例，WebMatrix 檢查了是否能在 Windows Azure 上佈署 node.js 的 express 專案：

WebMatrix 發佈網站

確定沒有問題之後，就可以繼續完成發佈網站，不用幾分鐘的時間，我就成功將 node.js express 的網站發佈到 Windows Azure 上，立即有一個上線的網站，是不是很簡單呢！

成功發佈 node.js express 網站到 Windows Azure

WebMatrix 3 加強了許多網站開發的功能，是一套在 Windows 上功能豐富又完全免費的開發工具，在開發網站的朋友不妨試試看，瞭解 WebMatrix 3 是不是符合你的開發需求呢？現在就免費下載 WebMatrix 3來體驗一下吧！