Artykuł
09/05/2011

Wprowadzenie do WebMatrix

Autor: Tomasz Kowalczyk

Opublikowano: 2011-03-16

Microsoft WebMatrix jest darmowym narzędziem pozwalającym na tworzenie i publikowanie stron internetowych. Dzięki niemu w prosty i łatwy sposób zapoznamy się z technikami wytwarzania serwisów na potrzeby sieci Internet. WebMatrix pozwoli nam na efektywne i efektowne rozpoczęcie przygody związanej z publikacją własnej strony internetowej. Narzędzia tego możemy używać jako aplikacji wspomagającej wytwarzanie serwisu napisanego od początku do końca przez nas oraz może nas wspomóc podczas budowania własnego portalu opartego na znanych frameworkach, tj. DotNetNuke, ASP.NET MVC 3, Joomla, Orchard CMS, Umbraco CMS.

Artykuł ten jest początkiem cyklu artykułów o WebMatrix. W kolejnych artykułach znajdziesz informacje o:

zbudowaniu prostej strony internetowej opartej na CSS i Razor,
integracji własnej strony z portalem społecznościowym Facebook,
uruchomieniu serwisu opartego na frameworkJooml,
zbudowaniu aplikacji bazującej na rozwiązaniu CMS Umbraco,
wytworzeniu serwisu opartego na bazie danych z funkcjonalnością CRUD (Create, Retrieve, Update, Delete).

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

wiedział, co to jest WebMatrix i do czego służy,
wiedział, skąd go pobrać i jak zainstalować,
znał podstawowe funkcje środowiska.

Wprowadzenie

WebMatrix pozwoli nam na zbudowanie strony internetowej opartej na CSS, HTML, HTML5, ASP.NET, SQL – dzięki temu narzędziu w krótkim czasie osiągniemy zamierzone rezultaty.

Microsoft, tworząc WebMatrix, nie skupił się jedynie na funkcjach edytora stron WWW. Warto podkreślić, że narzędzie to pozwala w prosty sposób stworzyć stronę na podstawie gotowej aplikacji webowej (typu Joomla, Orchard itp.). Główną zaletą WebMatrix jest więc integracja z istniejącymi aplikacjami oraz prostota dostosowywania ich do własnych potrzeb. Używając go, nie tracimy więc czasu na integrację gotowych aplikacji z własnym środowiskiem, gdyż tym wszystkim zajął się za nas Microsoft. Myślą przewodnią firmy Microsoft podczas tworzenia WebMatrix było więc stworzenie narzędzia, dzięki któremu będzie nam łatwiej tworzyć, dostosowywać oraz publikować aplikacje internetowe. Korzystając z WebMatrix, mamy do dyspozycji takie same środowisko jakie będziemy mieć podczas publikacji naszej strony
w Internecie. WebMatrix posiada wszelkie niezbędne komponenty wymagane do uruchomienia strony na naszym komputerze.

Z czego składa się WebMatrix?

W skład narzędzia wchodzą:

— serwer Web (IIS Express) przechowujący nasze strony, kompatybilny ze swoim zaawansowanym odpowiednikiem IIS,

— baza danych (SQL Server Compact Edition) do przechowywania naszych danych, wszelkie struktury utworzone za pomocą tego narzędzia są kompatybilne z SQL Server,

— framework (.NET) – to powszechnie znany .NET Framework 4, wspierający technologię Razor, najnowocześniejszą i najprostszą drogę do zbudowania własnej strony Web. Framework ten w pełni wspiera i integruję się z aplikacjami open source gotowymi do użycia.

Komponenty te są łatwe w instalacji i nie wymagają od nas długiego oczekiwania na pobranie ich
z Internetu. Ich połączenie w postaci WebMatrix pozwoli nam na bezproblemowe uruchomienie serwisu webowego.

Dla kogo WebMatrix?

Patrząc na zróżnicowane profile użytkowników tworzących i publikujących własne strony w Internecie, możemy dostrzec pewne wzorce. Microsoft rozróżnił trzy grupy klientów, którzy tworzą strony WWW, mają oni jednak różne potrzeby, którym firma wyszła naprzeciw.

Pierwszą grupę stanowią osoby, które na starcie korzystają z ogromnej liczby gotowych aplikacji, a w miarę poznawania ich możliwości chcą je dostosowywać do własnych potrzeb. Te osoby wymagają szybkiego i prostego sposobu na publikowanie własnych pomysłów i rozwiązań w sieci. Wiele z tych aplikacji ma podobną funkcjonalność – są to systemy zarządzania treścią (CMS) bądź aplikacje eCommerce. Dla klientów tych liczy się szybkość i prostota – korzystając z WebMatrix zyskają czas i łatwo osiągną cel.

Kolejną grupę stanowią osoby, które tworzenie aplikacji webowych zaczynają od zera – potrzebują łatwo i szybko zaimplementować własne pomysły. Ta grupa to przeważnie hobbiści oraz osoby początkujące, które chcą się uczyć tworzenia serwisów webowych oraz samodzielnie je później modyfikować bez potrzeby ingerencji w skomplikowane detale środowiska deweloperskiego. WebMatrix spełni ich oczekiwania, pozwalając uczyć się i jednocześnie budować własne serwisy Web. Dla tej grupy użytkowników dedykowane jest również narzędzie Microsoft Expression Web.

Trzecią grupę stanowią profesjonalni deweloperzy aplikacji internetowych. Potrzebują oni narzędzia wydajnego i solidnego, wyposażonego w wiele funkcji oraz wspierającego pracę w zespole. Korzystają przy tym z systemów kontroli wersji i na potrzeby tworzonego oprogramowania przeprowadzają napisane przez siebie testy jednostkowe. Dla tej grupy użytkowników Microsoft opracował środowisko Visual Studio.

WebMatrix w pełni zadowoli więc użytkowników z pierwszych dwóch grup, którzy tworząc własne serwisy szybko i prosto nabiorą doświadczenia i wiedzy w procesie projektowania i publikowania własnych aplikacji webowych.

Dlaczego WebMatrix?

Bez względu na to, czy dopiero zaczynasz tworzyć strony internetowe, czy też masz już w tej kwestii pewne doświadczenie, używając WebMatrix znajdziesz coś dla siebie. Jeśli chcesz stworzyć swój pierwszy serwis, zrobisz to bez problemu, jeśli projektujesz kolejny – zrobisz to szybciej niż dotychczas.

Tabela 1opisuje podstawowe funkcje aplikacji WebMatrix.

**Tab.1.Funkcje programu WebMatrix.

Tworzenie oprogramowania działającego po stronie serwera zarówno w ASP.NET, jak i PHP. Poza tymi językami, mamy do dyspozycji również języki działające po stronie klienta (HTML, HTML5, CSS, JavaScript) Rys. 1.	Rys.1. Programowanie w ASP.NET i PHP.
Możliwość edytowania własnej aplikacji w środowisku Visual Studio. Kiedy nasza aplikacja osiągnie już znaczne rozmiary i praca nad nią będzie wymagać użycia zaawansowanych metod, migracja projektu do Visual Studio odbywa się poprzez jedno kliknięcie. Rys. 2.	Rys.2.Edycja w Visual Studio.
Łatwe i szybkie budowanie serwisu opartego na bazie danych. W intuicyjny sposób przechowasz dane w bazie, pobierając je w prosty sposób w dowolnym miejscu aplikacji. Publikując aplikacje, jedynie kopiujesz bazę danych. Bezkonfliktowa migracja do SQL Server zapewniona. Rys. 3.	Rys.3.Łatwe wykorzystanie bazy danych.
Ułatwiona publikacja serwisu w sieci. Aplikacja WebMatrix pozwoli Ci na znalezienie odpowiedniego miejsca w Internecie dla Twojej aplikacji. Przeprowadzi Cię również przez proces publikacji serwisu w celu udostępniania go całemu światu. WebMatrix pozwala również na pobranie już umieszczonej strony w Internecie i modyfikowanie jej oraz aktualizacje. Rys. 4	Rys.4.Publikacja serwisu.
Tworzenie serwisu na podstawie gotowych aplikacji open source. Wybierasz tylko aplikacje, całą resztę robi WebMatrix. Niezależnie od tego, czy chcesz założyć własnego bloga, czy sklep internetowy, zaznaczasz tylko interesującą Cię aplikację i po chwili dostosowujesz ją do swoich potrzeb. Rys. 5.	Rys.5.Korzystanie z aplikacji open source.
Bezpośrednie monitorowanie zapytań do serwera IIS Express pozwala na szybkie wychwytywanie błędów typowych dla aplikacji internetowych. Pozwoli Ci to śledzić komunikację zachodzącą między Twoją aplikacją a serwerem Web. Rys. 6.	Rys.6.Śledzenie zapytań do serwera.
Budowanie serwisu działającego na bezpiecznym połączeniu opartym na protokole SSL. Wystarczy zaznaczyć odpowiednią opcję, a Twoja aplikacja będzie mogła zapewnić bezpieczeństwo korzystania z niej odwiedzającym. Rys. 7.	Rys.7.Bezpieczne połączenie SSL.
Dzięki wbudowanym możliwościom wspierającym SEO (Search Engine Optimization) twój serwis będzie poprawnie indeksowany i łatwy do znalezienia. WebMatrix pozwoli Ci dostosować serwis do wymogów wyszukiwarek. Nikt więc nie będzie miał problemu, by odnaleźć Twój serwis w sieci. Rys. 8.	Rys.8.Tworzenie serwisu zgodnie z SEO.

Przygotowanie środowiska pracy

Aby rozpocząć pracę z WebMatrix, będziemy musieli najpierw pobrać narzędzie ze strony Microsoftu. W tym celu udaj się na stronę http://web.ms/webmatrix i pobierz aplikację. Z podanej strony ściągniesz pakiet Microsoft Web Platform Installer, który umożliwi zainstalowanie wielu produktów firmy Microsoft, w tym WebMatrix, oraz – co jest największą zaletą tego pakietu – pozwala na pobranie aplikacji open source gotowych do użycia. Za pomocą tego narzędzia oraz kilku kliknięć jesteśmy w stanie bardzo szybko doinstalować dodatkowe aplikacje do środowiska WebMatrix i używać ich natychmiast. Korzystając z Web Platform Installer możemy być też pewni, że posiadamy najnowszą wersję oprogramowania.

Pobieramy i instalujemy WebMatrix

Po uruchomieniu Web Platform Installer zobaczysz ekran podobny do zaprezentowanego na rys. 9:

**Rys.9.Początkowy ekran instalatora.

Aby pobrać i zainstalować WebMatrix, należy znaleźć go na rozwijanej liście. Zaznacz Microsoft WebMatrix i naciśnij przycisk Dodaj, a następnie naciśnij przycisk Zainstaluj. W kolejnym oknie zostaniesz poproszony o akceptację licencji korzystania z WebMatrix oraz wszelkich komponentów,
z których on korzysta – naciśnij przycisk Akceptuję. Warto dodać, że Web Platform Installer sam za nas dogra wszelkie niezbędne komponenty wymagane do poprawnego uruchomienia WebMatrix. Poprawnie zakończony proces instalacji ilustruje rys. 10.

**Rys.10.Informacja o poprawnej instalacji.

Uruchamiamy WebMatrix

Po instalacji aplikacja dostępna jest w menu Start w folderze Microsoft WebMatrix. Wybieramy odpowiadającą mu ikonę i uruchamiamy. Wyświetlony zostanie ekran powitalny narzędzia WebMatrix, przedstawiony na rys. 11.

**Rys.11.Ekran powitalny WebMatrix.

Po wyświetleniu ekranu powitalnego mamy możliwość wyboru jednej z trzech dróg budowania własnej strony Web:

Site From Web Gallery: Web Application Gallery (WAG) jest zbiorem aplikacji internetowych typu open source, napisanych przy wykorzystaniu zróżnicowanych technologii, tj. PHP czy ASP.NET. Aplikacje znajdujące się w WAG dają Ci możliwość szybkiego startu przy tworzeniu własnego serwisu Web z wykorzystaniem aplikacji napisanych przez innych, udostępnionych do bezpłatnego wykorzystania na Twojej stronie. WebMatrix zajmie się pobraniem, instalacją oraz konfiguracją wybranej przez Ciebie aplikacji, Ty zajmiesz się tylko dostosowaniem jej do własnych potrzeb.
Site From Template: jeśli preferujesz samodzielne pisanie kodu na potrzeby własnego serwisu WWW, bez potrzeby korzystania z aplikacji open source znajdujących się w WAG, wtedy ta opcja stanowi dla Ciebie idealny punkt startowy, by rozpocząć pracę. Możesz rozpocząć od pustej strony, możesz skorzystać z przygotowanych szablonów, które łatwo dostosujesz do swoich potrzeb.
Site From Folder: w sytuacji, gdy posiadasz już pliki wchodzące w skład aplikacji internetowej i chcesz mieć możliwość ich szybkiej edycji oraz podglądu efektu naniesionych zmian, a następnie uruchomienia ich na serwerze, skorzystaj z tej opcji. WebMatrix ułatwi Ci to, tworząc nowy projekt na bazie wskazanego folderu.

WebMatrix udostępnia więc nam dwie podstawowe drogi prowadzące do uruchomienia własnego serwisu Web. Pierwszą z nich jest użycie odpowiedniej aplikacji znajdującej się w WAG oraz rozbudowanie jej dla własnych potrzeb. Drugą drogą pójdziemy natomiast wtedy, gdy chcemy wszystko wykonać samodzielnie na podstawie ASP.NET, korzystając z możliwości, jakie daje technologia Razor, i ułatwienia, jakie przygotował dla nas Microsoft, wydając WebMatrix.

Podsumowanie

W tym artykule zapoznaliśmy się z najnowszym oprogramowaniem firmy Microsoft do tworzenia aplikacji internetowych – WebMatrix. Wiemy, co to jest WebMatrix, z czego się składa oraz jakie daje nam możliwości przy tworzeniu serwisów WWW. Znamy jego podstawowe funkcje oraz wiemy, jak zacząć z nim prace.

W kolejnym artykule nauczymy się tworzyć prostą stronę internetową, korzystając z kaskadowych arkuszy styli oraz wykorzystując podstawowe zalety technologii Razor.