Menu

Umbraco 基礎 – 安裝

December 28, 2014 - 網站開發

透過WebMatrix下載跟安裝

這篇要來教怎麼最簡單建置Umbraco網站,由於Umbraco是透過微軟.NET framework所建置的開源專案,你需要一個可以運行的環境,通常都是在Windows OS,當然你可以自己手動透過IIS + SQL Server 去建立自己的網站,可以參考我之前寫的文章,不過最最最簡單的方法是利用WebMatrix。

主要原因是WebMatrix免費,你可以在這裡下載 (http://microsoft.com/webmatrix/),目前版本是V3。

WebMatrix 3

下載之後就透過精靈一直按下去。

透過WebMatrix App Gallery 建立Umbraco 網站

接下來可以透過App Gallery來快速建立

image
image

這裡就用預設的網站名稱 “Umbraco CMS”

image

最簡單的方法就是選擇安裝SQL Server CE,這樣就不用管怎麼設定資料庫連結的部分。

image

這裡會告訴有哪些需要安裝的東西,就直接案接受來安裝。

 image

等待下載檔案完成後,會自動安裝Umbraco。

按下OK之後,WebMatrix會自動運行IIS Express,並幫你打開瀏覽器依據現在運行的port,這裡如果你看到不是橘色背景的話,代表你安裝的版本是最新版的V7。

 

利用Umbraco Installer 來完成網站建置

透過瀏覽器,你會看到Umbraco Installer畫面,這裡就一鍵安裝。

image

你需要先設定一個後台使用者,分別是名稱、郵件跟密碼。(這裡要注意郵件跟密碼的部分要記起來,忘記的話只好重裝)

image

安裝中

image

安裝完成後就會直接進到後台。

透過WebMatrix打開Umbraco網站

在上一個步驟,因為WebMatrix已經幫你運行網站,所以預設已經幫你開啟網站,你可以關掉整個WebMatrix然後重新開啟。

image

開啟網站。

image

選取剛剛建立好的網站。

image

選擇任一種瀏覽器直接開啟網站。

image

如果要進到後台,在網址後面加上 /umbraco/,就可以進到後台。

範例: http://localhost:8888/umbraco/

 

這裡還有一個簡易替代方案可以快速開啟網站,首先找到網站資料夾放置的位置,像是 C:\Users\{user}\Documents\My Web Sites\Umbraco CMS,直接在資料夾上按右鍵,點選透過WebMatrix開啟網站。

image

下載特定Umbraco版本

如果你要安裝特定版本,可以來這裡下載

image 

image

如果你不想安裝V7,你可以選擇安裝前一個版本V6.2.4,並直接點選下載UmbracoCms.6.2.4.zip,下載完成請直接把檔案解壓縮到你想放的地方,資料夾名稱這裡取名UmbracoCms.6.2.4。

再來就可以透過剛剛上面教的方式,直接對資料夾(UmbracoCms.6.2.4)案右鍵,並選擇透過WebMatrix開啟網站,一樣會進到Umbraco Installer,不過要注意V6之前的版本,安裝畫面跟V7有點不太一樣,有興趣可以參考我另一篇手動安裝的畫面。

設定Rendering Engine (MVC 或 Webforms)

Umbraco提供兩種應用程式引擎讓你選擇,MVC 是在V4.10之後才有的,早期只有Webforms可以選。

如果選擇MVC:將會用到layouts or razor view (V7+ 預設)

如果選擇Webforms:將會用ASP.NET的masterpage (V6之前預設)

如果要做修改,可以在直接改設定檔,位置在/config/umbraco.Settings.config

image

V7預設就是MVC,但是網路上很多資料還是用Webforms去寫教學,要注意在看教學的時候,要分清楚是MVC還是Webforms,因為這兩個架構寫出來的文章,完全沒有辦法適用在另外一邊,要開發的時候請想清楚。

再來V6跟V7最明顯的差別後台畫面,V6之前後台只適用一版電腦版本的瀏覽器,但是V7考慮響應式網頁設計(Responsive web design),也就是可以在平板上操作後台,不過就看個人需要。

Leave a Reply