Umbraco CMS - Wprowadzenie

Autor: Marcin Dąbrowski

Opublikowano: 2011-08-10

Miejscem tworzenia stron WWW lub testowania nowych technologii jest najczęściej lokalny komputer. Pozwala to nam na dalszą pracę bez podłączenia do Internetu lub pracę bez wykupywania serwera hostingowego. Proces instalacji Umbraco został znacząco poprawiony w porównaniu z poprzednimi edycjami, zanim jednak do niego przystąpimy, dowiemy się co nieco o samym Umbraco.

Po zapoznaniu się z informacjami zawartymi w tym artykule będziesz:

• wiedział, czym jest Umbraco i skąd go pobrać,
• potrafił zainstalować Umbraco na lokalnej maszynie.

Wprowadzenie

Twórcą Umbraco jest duński programista Niels Hartvig. Oficjalne urodziny Umbraco podaje się na 16 lutego 2005 r., mimo że pierwsze prace rozpoczęły się już około 2000 roku. Wtedy bowiem Umbraco zostało wydane na licencji MIT i jednocześnie stało się oprogramowaniem open source. Dziś Umbraco jest jednym z najpopularniejszych open source’owych CMS’ów na świecie. Wśród ponad 85 000 stron opartych na tym systemie znajdują się: https://www.asp.net, http://www.warnerbros.com.au, http://www.abbasite.com

W podstawowej funkcjonalności Umbraco posiada kontrolę wersji treści strony. Ma możliwość zapisywania niepublikowanych treści, tworzenia słowników z tłumaczeniami treści, a także zarządzania użytkownikami oraz administratorami strony, wspomagany poprzez system uprawnień oparty na rolach.

Umbraco zostało napisane w ASP.NET. Nie licząc plików XLST, Umbraco opiera się na fundamentalnych aspektach ASP.NET, takich jak: master pages, web controls, membership provider. Umożliwia to deweloperom szybki start i intuicyjne poruszanie sie po systemie. Podczas definiowania widoku mamy pełną kontrolę nad kształtem znaczników HTML. W utrzymaniu kodu przejrzystego i czytelnego pomaga wykorzystywana składnia. Umbraco obsługuje różne silniki bazodanowe, między innymi SQL Server, SQL Server CE 4, MySQL.

Umbraco to też prężnie działająca społeczność. Ich oficjalna strona http://www.our.umbraco.org liczy ponad 55 000 użytkowników. Znajduje się tam wiele artykułów o Umbraco oraz modułów rozszerzających podstawowe funkcjonalności. Jest to też dobre miejsce, gdzie można się zwrócić o poradę w przypadku problemów. Od 2005 roku organizowana jest coroczna konferencja „CodeGarden” poświęcona Umbraco, a od 2007 roku przyznawane są statusy Umbraco MVP.

Instalacja

Zalecanym sposobem instalacji jest instalacja za pomocą Web Platform Installer, co umożliwi zainstalowanie wszystkich wymaganych programów do pracy z Umbraco, między innymi WebMatrix. Zaawansowani programiści alternatywnie mogą pobrać binaria i źródło wprost z CodePlex i utworzyć solucje w Visual Studio.

1. Przygotowanie środowiska pracy Web Platform Installer i WebMatrix:

   • uruchom Web Platform Installer, dodaj Umbraco do programów do zainstalowania i kliknij Zainstaluj (rysunek 1);

     
     Rys. 1. Instalowanie Umbraco z poziomu Web Platform Installer.

   • na zapytanie platformy o rodzaj bazy, jaki chcemy wykorzystać w projekcie: SQL Server czy SQL Server CE, zaznaczamy SQL Server i klikamy Kontynuuj;

   • po wybraniu silnika bazy następuje konfiguracja połączenia (rysunek 2).

     
     Rys. 2. Konfigurowanie połączenia z bazą danych.

   • w momencie zakończenia instalacji powinniśmy mieć zainstalowane wszystkie niezbędne komponenty do pracy z Umbraco, m.in. WebMatrix z projektem strony zawierającym pliki Umbraco. Klikamy uruchom WebMatrix;

   • po uruchomieniu się WebMatrixa zostanie automatycznie otwarty projekt z Umbraco (rysunek  3). Klikamy Run, co spowoduje uruchomienie przeglądarki z instalatorem systemu (rysunek 4).

     
     Rys. 3. Pierwsze uruchomienie WebMatrixa po zakończonym transferze plików.

     
     Rys. 4. Powitalna strona instalacji Umbraco.

2. Przygotowanie środowiska pracy CodePlex i VisualStudio.
   To podejście składa się z dwóch etapów. Trzeba stworzyć projekt w Visual Studio z  plikami Umbraco oraz stworzyć bazę danych. Będziemy używali Visual Studio 2010 Express, gdyż obsługuje on .NET Framework 4.0., którego używa Umbraco. Do przechowywania danych użyjemy SQL Servera 2008 R2 Express, chociaż Umbraco wspiera również inne silniki, o czym wspomniano we wcześniejszej części artykułu. Instalacją Visual Studio 2010, SQL Server 2008 R2 z dodatkiem SQL Managment Studio nie będziemy się tu zajmować – zakładam, że użytkownik ma już zainstalowane te programy (jeśli nie, to w prosty sposób można to osiągnąć poprzez Web Platform Installer).

   • otwieramy Visual Studio i tworzymy nowy projekt typu „ASP.NET Empty Web Application” w wersji .NET Framework 4.0. (rysunek 5),

     

     Rys. 5. Tworzenie projektu w Visual Studio.

   • następnie kopiujemy zawartość paczki ściągniętej z CodePlex do folderu solucji. W Solution Explorer klikamy ikonę „Show all files”  i dołączamy foldery do projektu (rysunek 6),

     
     Rys. 6. Dołączanie folderów do projektu.

   • jeśli mamy już gotowy projekt, pora na utworzenie bazy danych. Otwieramy SQL Managment Studio. Po zalogowaniu w panelu Object Explorer klikamy prawym przyciskiem myszy na gałąź Databases i wybieramy opcje New Database…. Wpisujemy nazwę naszej bazy w odpowiednie pole i zatwierdzamy, klikając OK (rysunek 7),

     
     Rys. 7. Tworzenie nowej bazy.

   • stworzymy teraz dedykowanego użytkownika do  nowo utworzonej bazy. W panelu Object Explorer rozwijamy gałąź Security, klikamy prawym przyciskiem myszy na Logins i wybieramy New Login… .

   • wpisujemy nazwę użytkownika w odpowiednie pole. Zaznaczamy opcje SQL Server authentication i podajemy hasło dla użytkownika. Odznaczamy checkboxy Enforce “password Policy”, „enforce password expiration”, „User must change password at next login”. Ustawiamy “Default database” na bazę uprzednio utworzoną (rysunek 8),

     
     Rys. 8. Tworzenie użytkownika bazy.

   • przechodzimy do zakładki „User Mapping”, w sekcji „Users mapped to this login:” zaznaczamy uprzednio utworzoną bazę. Na dole w sekcji „Database role membership for:” zaznaczamy (rysunek 9):

     • "db_datareader”,
     • ”db_datawriter”,
     • ”db_ddladmin”,
     • "db_securityadmin”,
     • "public”

   • klikamy OK., tworząc tym samym login,

     
     Rys. 9. Ustawianie uprawnień dla użytkownika bazy.

   • powracamy do naszego projektu w Visual Studio i uruchamiamy go, wciskając Ctr+F5 –uruchomi to przeglądarkę z instalatorem systemu (rysunek 4).

3. Instalacja Umbraco:

   • na powitalnym ekranie klikamy „Let’s get started”, aby rozpocząć instalację,
     następnie akceptujemy licencję, aby przejść dalej,

   • podczas trzeciego kroku instalacji – jeśli instalowaliśmy Umbraco poprzez Web Platform Installer – wszystkie pola powinny być automatycznie uzupełnione na podstawie danych podanych wcześniej, w przeciwnym wypadku dane te musimy wpisać ręcznie (rysunek 10),

     
     Rys. 10. Ostateczna konfiguracja bazy danych.

   • następnie tworzymy użytkownika systemu (dzięki tym danym będziemy się logować do panelu administratora),

   • krok piąty to wybranie szablonu strony, który definiuje początkowe funkcjonalności – łącznie z pustym mamy pięć do wyboru (rysunek 11). Jeśli zdecydujemy się na jakiś szablon, będziemy poproszeni również o wybór przykładowej grafiki do strony (rysunek 12). Zarówno szablon, jak i grafikę można później zmienić,

     
     Rys. 11. Panel wyboru Starter Kit dla strony.

     
     Rys. 12. Panel wyboru grafiki dla wybranego Starter Kit.

   • po zakończeniu piątego kroku instalacja jest zakończona (rysunek 13). Możemy teraz przeglądać stronę i logować się do panelu administratora.

     
     Rys. 13. Zakończenie instalacji Umbraco.

     Uwaga

     Należy zwrócić uwagę, że tuż po zakończeniu instalacji jesteśmy już automatycznie zalogowani jako administrator strony.  Kliknięcie „Preview your website” spowoduje więc przeglądanie strony w trybie Edit in Canvas (rysunek 14), dzięki czemu możemy modyfikować stronę bez panelu administratora. Szerzej o tym trybie i o panelu administratora w następnych artykułach.

     
     Rys. 14. Strona tuż po instalacji w trybie Edit in Canvas.

Podsumowanie

Z tego artykułu dowiedzieliśmy się, czym jest Umbraco. Wiemy, czym się charakteryzuje i skąd go pobrać. Poznaliśmy trochę historii oraz informacji na temat społeczności. Nauczyliśmy się, jak zainstalować Umbraco na lokalnej maszynie.

W kolejnym artykule nauczymy się poruszać po panelu administratora.