Strony WWW bez Kodowania: Własna domena

0:00Cześć, Witaj w kolejnej lekcji, w której porozmawiamy trochę o domenach i hostingu.

0:03I tutaj Web Builder'y również przychodzą nam z

0:05pomocą, dlatego, że w zasadzie na początku nasza wiedza o tym jak hostować strony?

0:10Czym są serwery? Tak naprawdę może być zupełnie minimalna,

0:14choć to zależy od konkretnego Web Builder'a.

0:17To samo w zasadzie w kontekście domeny.

0:19Na ogół Web Builder'y umożliwiają bardzo prostą konfigurację pod to, żeby podpiąć

0:23naszą kupioną gdzie indziej domenę, bo na ogół w ramach samego Web Builder'a nie kupujemy

0:28domeny, czyli kupujemy sobie gdzie indziej u jakiegoś dostawcy i konfigurujemy w taki

0:32sposób, aby spinała się z naszą stroną np.

0:36wystawioną w Carrds.

0:37I teraz przejdźmy przez możliwe opcje co

0:40tutaj warto wiedzieć, bo nie muszę tłumaczyć Ci na szczęście w tym momencie

0:43wszystkiego o hostingu, wszystkiego o domenach, rekordach DNS itd.

0:48I to bardzo dobrze, bo znowu Web Builder'y

0:50okazuje się, że oferują nam takie miękkie wejście.

0:52Co prawda będziemy stykać się ze

0:54wszystkimi rzeczami, które są potrzebne do stworzenia i utrzymania strony

0:57internetowej, ale będziemy się stykać z nimi na takim poziomie

1:01ogólności, że nie będziemy musieli teraz 10 godzin poświęcić na omawianie jakiejś

1:05specyfiki serwerów, wchodzić w jakieś DevOps'y itd.

1:08W ogóle nie będzie nam to potrzebne.

1:10I na początku chciałbym wytłumaczyć możliwe opcje jeśli chodzi o Web Builder'y.

1:13Co one nam dają w kontekście tego, że

1:15chcemy aby inni zobaczyli naszą stronę, czyli chcemy wystawić tą stronę do

1:20internetu, więc mamy tutaj kilka opcji albo mix tych opcji.

1:23W przypadku pierwszym możemy wyeksportować sobie stronę i kod źródłowy.

1:28No i wiele Web Builder'ów to oferuje.

1:30Wiele Web Builder'ów, które są darmowe, mają

1:32jakąś darmową wersję, oferuje eksport kodu w wersji płatnej.

1:36Dlaczego? No bo taki Web Builder wie, że jakby

1:39my po prostu z niego się wynosimy i chcemy tą stronę sobie hostować gdzie indziej.

1:43W związku z tym raczej wtedy rzeczywiście musimy za to zapłacić.

1:46Więc eksport strony i kodu.

1:48Są takie Web Builder'y, które oferują tylko i wyłącznie taką opcję.

1:52Przykładowo te Designmodo, które pokazywałem ci na początku.

1:55Tam składamy sobie różne rzeczy z bloków,

1:56ale w momencie gdy chcemy to już jakoś wystawić dla odwiedzających w internecie,

2:01musimy sobie taki kod wyeksportować pobrać do siebie w postaci paczki zip.

2:04Musimy mieć dostępny jakiś serwer FTP, na który wgramy taki,

2:08taką stronę, no i tam może ona sobie funkcjonować z wcześniejszymi zmianami czy też bez.

2:13Generalnie musimy się zająć sami utrzymaniem takiej strony na serwerze, no

2:17i później również spięciem domeny w taki sposób, aby ona kierowała na tą

2:22odpowiednią naszą stronę na odpowiedni katalog np.

2:24na serwerze na którym ją hostujemy.

2:27Kolejno będziemy mogli hostować na

2:29subdomeny edytora i większość edytorów to ma, włączając Carrd.

2:33Czyli będziemy mogli właśnie wybrać sobie jakiś taki przedrostek np.

2:37na carrd.co tak jak my zrobiliśmy slack.carrd.co

2:40i mamy tam dostępną subdomenę, na której możemy to łatwo publikować, hostować i to

2:46po prostu działa i jest widoczne w internecie.

2:48Oczywiście żaden poważny biznes nie będzie działał na takiej subdomenie edytora.

2:53W związku z tym, kolejną

2:54bardziej zaawansowaną opcją jest wpięcie swojej własnej domeny.

2:57Czyli w momencie gdy mamy hosting u edytora możemy skorzystać z tego hostingu.

3:03Nie musimy pobierać plików. Możemy wtedy.

3:05Co jest ogromną zaletą dalej korzystać z możliwości edytora.

3:08No bo w momencie gdy wyeksportujemy kod z

3:10edytora na ogół nigdy już nie ma możliwości jego zaimportowania ponownie,

3:14więc wtedy jesteśmy zdani na siebie, zwłaszcza jeżeli wykonamy jakiekolwiek

3:17modyfikacje, a tak zostajemy w obrębie edytora.

3:20Możemy z nim cały czas pracować.

3:21Jest ten hosting w obrębie edytora, więc raczej dostępny za pomocą jednego

3:26kliknięcia, że możemy sobie republikować strony.

3:28No i my możemy tam wpiąć swoją własną domenę.

3:30Zaraz o tym porozmawiamy.

3:32Ewentualnie mamy taką opcję, że wszystko

3:34naraz lub część opcji i w przypadku Carrd jest to wszystko na raz,

3:38czyli wszystkie te opcje są tutaj dostępne.

3:41Jeśli chodzi o pierwszą z nich, czyli

3:43możliwości wyeksportowane naszej strony tutaj musielibyśmy cofnąć się z pomocą

3:47tego menu do naszego dashboard'a, albo po prostu wejść sobie w dashboard.

3:51Wybieram polecenie Exit no

3:53upewniam się, że zmianę zapisałem wcześniej, więc jest ok.

3:57No i teraz mam tutaj w dashboard'zie w pierwszej zakładce Moje strony My Sites i

4:01kilka opcji możemy przekazać własność tej strony innemu użytkownikowi.

4:05Możemy ją sklonować, możemy też ją usunąć albo właśnie możemy ją pobrać.

4:09Czyli jeśli klikniemy teraz polecenie Download copy of the site

4:14to w tym momencie jest przygotowany dla nas plik zip.

4:16A ja chciałbym teraz pokazać Ci jak taka strona po wyeksportowania wygląda.

4:20Akurat z Cardds wygląda tak, że mamy katalog

4:22assets, z nim mamy ikonki, images, wszystko ładnie tutaj pogrupowane.

4:26Dodatkowo jeden plik CSS'owy, jeden plik JS i plik index html, który jest de facto

4:32naszą stroną, więc możemy go otworzyć bezpośrednio w przeglądarce, więc nic nie

4:36stoi na przeszkodzie, aby taką strukturę plików po prostu zaznaczyć,

4:39skopiować na nasz serwer FTP do katalogu, w którym zepniemy sobie z domeną no i tyle.

4:45To będzie działać.

4:45Możemy oczywiście po drodze jeszcze teraz zajrzeć sobie do tego pliku index html np.

4:50wyedytować go z pomocą Visual Studio Code i dzięki temu, jeśli znamy HTML

4:55możemy tutaj wprowadzić sporo modyfikacji już grzebiąc sobie po prostu w czystym kodzie

5:00dorzucić jakieś meta tagi itd.

5:02Tak jak powiedziałem, tracimy wtedy

5:04możliwość zaimportowania tego ponownie do Carrd.

5:07W zasadzie żaden edytor chyba nie ma możliwości importu jakiegoś takiego

5:10custom'owego kodu, więc w momencie gdy to ściągniemy, jeśli nie

5:13dokonamy żadnych zmian i umawiamy się na to, że ok.

5:16Wrzucamy to siebie na serwer, ale zmiany cały czas dokonujemy w edytorze.

5:20Czyli gdybyśmy chcieli coś zmienić to i

5:21tak wchodzimy tutaj i w Carrd po prostu dokonujemy zmian.

5:25Eksportujemy jeszcze raz, nadpisujemy te pliki co są na serwerze.

5:28No to jesteśmy bezpieczni.

5:29Możemy pracować w Carrd, ale jednak no to jest kilka kroków i nie jest to zbyt wygodne.

5:34Dlatego kolejną bardziej wygodną opcją

5:36jest rzeczywiście hostowanie tego na domenie Carrd.

5:38I tutaj mamy kilka możliwości.

5:41Gdy wejdziemy w tą opcję Publish.

5:43Raz jeszcze to przyjrzyjmy się jak wygląda ta sekcja URL.

5:46Po pierwsze możemy skorzystać z domeny carrd.co i na tej domenie

5:50akurat teraz mamy to hostowane na slack.carrd.co.

5:54Kolejna opcja, którą musimy omówić to jest

5:56właśnie możliwość skorzystania z custom'owej domeny.

6:00Może to być domena, może to być subdomena.

6:02W każdym przypadku w zasadzie ustawienia wyglądają tak samo.

6:05Więc gdybym ja sobie stworzył subdomenę slack.eduweb.pl, Carrd teraz sprawdził dla mnie,

6:10czy przypadkiem już wcześniej np. nie pracowałem na tej domenie, czy nie mam

6:13jakiejś innej strony w Carrd wystawianej pod tą domeną i mówi, że jest dostępna,

6:18więc to znaczy, że mogę przejść dalej, a to co powinienem dalej zrobić to po prostu

6:22wykupić sobie taką domenę albo utworzyć taką subdomenę w mojej domenie, którą mam

6:26i następnie będę musiał skorzystać z instrukcji, które daje mi Carrd tutaj, aby

6:30dopisać do tej domeny odpowiednie rekordy DNS.

6:33Przechodzę sobie teraz do mojego dostawcy domeny i dodaję do niego subdomenę taką

6:37samą jak dodałem tam czyli slack.eduweb.pl,

6:42nie mogę polecić od razu mówię żadnego z dostawców, włącznie z tym moim.

6:45Naprawdę nie sugerujcie się tym,

6:47możesz wykupić sobie domenę na Namecheap, na OVH

6:51na nazwa.pl, na home.pl, na naprawdę wielu, na GoDaddy, na wielu serwisach.

6:57Ja żadnego z nich nie polecam.

6:59Wiem, że dużo osób chwali OVH np.

7:01ja mam różne doświadczenia w zasadzie z

7:03każdym z dostawców i nie chcę tutaj żeby cokolwiek sugerować.

7:06Następnie wchodzisz sobie w ustawienia

7:08takiej domeny, a konkretnie w sekcję zarządzania jej rekordami DNS, czyli dla

7:13tej subdomeny ona będzie traktowana tak jak domena.

7:15W zasadzie każda domena ma możliwość zmiany rekordów DNS.

7:19W Carrd dokumentacji jest w ogóle też

7:21napisane to dla jakichś podstawowych dostawców takich jak GoDaddy czy Namecheap.

7:24Możesz sobie to sprawdzić.

7:26Ja w tym momencie dodaję nowy rekord i w zasadzie to jest

7:29super proste, bo wystarczy się sugerować dokładnie tym co jest tutaj napisane.

7:33Potrzebujemy rekord o typie A

7:35gdzie hostem jest @, a target to taki adres IP.

7:41Jeżeli chodzi o typ rekordu to wybieramy

7:43tutaj A, adres IP wybieramy w ten sposób i host @

7:48to znaczy, że właśnie nam chodzi o tą subdomenę, więc on jest tutaj do podania

7:51opcjonalnie nie musimy go podawać.

7:53Zostawiamy to tak jak jest, czyli tą

7:54subdomenę przekierowaliśmy na ten konkretny adres IP

7:58w tym momencie. Jeszcze potrzebujemy to samo zrobić

8:02na drugi serwer, który obsługuje.

8:06Wybieram polecenie Dodaj nowy rekord i

8:08wpisuję po prostu kolejny adres IP serwera.

8:10W ten sposób i drugi rekord został dodany.

8:13Potrzebujemy jeszcze rekordu typu CNAME i tutaj potrzebujemy host wpisać www, a

8:18target przekierować na naszą domenę z kropką już CI pokazuje jak to jest.

8:21Dodaj nowy rekord i szukamy sobie rekordu.

8:24CNAME też u każdego dostawcy jest host

8:26tak jak było napisane to www i przejdźmy tutaj.

8:30Host to jest www i target musimy po prostu sobie skopiować i większość serwerów będzie

8:36korzystała z konfiguracji gdzie na końcu jest kropka i ta kropka jest

8:39tutaj specjalnie

8:40niektóre tej kropki nie mają, dodają ją sama, ale raczej powinniśmy na końcu

8:44postawić kropkę, czyli w nazwie kanonicznej.

8:46Dokładnie tutaj wpisujemy nazwę naszej domeny, ale z kropką na końcu.

8:49Tutaj chodzi o przekierowanie adresu z www na bez www i to wystarczy, aby to zrobić.

8:56W zasadzie nie jest to obowiązkowe.

8:58Każdy Web Builder będzie miał jakiś, może

9:00troszeczkę inną konfigurację tych rekordów DNS

9:02na pewno będzie miał inne IP na które

9:04przekierowujemy, ale w skrócie jest to tak proste.

9:07I teraz jak dodaliśmy sobie te rekordy to tutaj mam

9:10informację, że te rekordy zostały dodane poprawnie albo

9:14że są akurat jeszcze dodawane, więc musimy na to poczekać.

9:17Ogólnie na ogół trwa to do godziny.

9:20Natomiast jest jedna ważna rzecz, o której należy tutaj pamiętać.

9:24Chodzi mianowicie o to, aby nie wchodzić

9:25teraz na tą stronę slack.eduweb.pl na Twojej przeglądarce, ponieważ w wielu miejscach

9:30cash'ują się informacje, czyli zapamiętują się informacje o tym

9:33jaki adres, do jakiego adresu IP przekierowuje dany adres.

9:36No i to jest tak, że jeżeli wejdziesz teraz na slack.eduweb.pl, a ta domena jeszcze się nie

9:41odświeżyła, no to może się okazać, że zostanie to z cash'owane np.

9:45u Twojego dostawcy internetu albo jeszcze

9:46gdzieś dalej w jakimś serwerze DNS, więc nie wchodzimy tam

9:49jak to przekierowaliśmy,

9:50tylko czekamy cierpliwie i mamy taką stronę DNS Checker, w której

9:55można sprawdzić czy te rekordy już dobrze propagują.

9:57Czyli mamy np.

9:58rekord A jeżeli ja tu

9:59wpisze slack.eduweb.pl to mogę się upewnić czy już to zostało zmienione.

10:06Mam tutaj adres IP 50.97 końcówka 163 zobaczmy 50.97, 163 czyli jest dobrze.

10:13Czyli już to się stało, już to propaguję i 64 też jest dodany.

10:18Aczkolwiek serio jeszcze bym chwilę poczekał z wchodzeniem na tą stronę.

10:22No i zwłaszcza dlatego, że musimy jeszcze

10:24ją skonfigurować po stronie Carrd, bo to nie wystarczy, że wpiszemy tutaj nazwę.

10:29Musimy jeszcze po prostu opublikować zmiany, więc wybieram polecenie Publish

10:32Changes i w tym momencie zmiany są publikowane.

10:34No i teraz jeszcze na serwerze Carrd musi dojść do przeanalizowania domeny.

10:40W tym momencie domena jest inicjalizowana i Carrd mówi, że to zajmie jeszcze jakąś

10:45godzinkę, żeby to wszystko poszło zgodnie z planem, więc przez ten czas raczej nie

10:50warto wchodzić na ten adres, bo może to trwać wtedy dłużej, więc wybieramy ok.

10:54I to tyle.

10:54Nic więcej nie jest wymagane do tego, aby postawić naszą stronę w Carrd,

10:59przynajmniej na własnej domenie czy własnej subdomenie.

11:02Co sprowadza się do tego samego jeśli chodzi o set up.

11:04Więc jak widzisz jest to bardzo, bardzo proste.

11:06No i tutaj Carrd dba dla nas o wszystko

11:09jeśli chodzi o hostowania tej strony, więc w ogóle się nie musimy tym przejmować.

11:13Dodatkowo wiele Web Builder'ów zapewnia jakiś naprawdę przyzwoite hostowania.

11:18Tutaj w Carrd też bardzo fajnie jest to zoptymalizowane.

11:21Te strony szybko działają, są włączone tak zwane CDN, czyli strony są dostarczane do

11:25użytkowników najbliżej ich obecnej lokacji po to żeby żądania nie,

11:30długo się nie, nie wczytywały, żeby

11:32te żądania gdzieś daleko nie musiały lecieć i tak samo jest np.

11:36w WebFlow,

11:37to jest naprawdę dobrze zoptymalizowany hosting. W wielu Web Buildera

11:41będziemy mieli możliwość wybrania ich hostingu.

11:43No i prawie zawsze on coś kosztuje.

11:45Więc to nie jest tak, że transfer danych w

11:47internecie za darmo, transfer danych kosztuje, więc każdy hosting kosztuje.

11:51No i też na ogół jest tak, że pewnie da

11:53się znaleźć troszeczkę tańsze hosting niż ten, które oferują np.

11:57Web Builder. No w końcu na czymś muszą zarabiać.

12:00W Carrd jest w ogóle tak, że nawet możesz

12:02bez problemu te stronki hostować sobie na ich subdomenie za darmo,

12:07ale jeżeli już przechodzisz na swoją

12:08własną domenę to musisz przejść na jakiś plan.

12:10Aczkolwiek cena tego planu jest po prostu

12:12śmieszna jeśli weźmiemy pod uwagę to, że oni dają nam jeszcze hosting do tego.

12:16W związku z tym to się naprawdę może opłacać.

12:19Czasem warto to skalkulować, czasem warto

12:21przeliczyć to na czas jaki byś potrzebował na update'y tej strony, bo

12:25naprawdę ogromną zaletą jest to, że Twoja strona zostaje w tym edytorze, więc Ty w

12:29tym Web Builderze dokonujesz zmian i tylko jednym przyciskiem to publikujesz.

12:33Wyobraź sobie ile czasu musiałbyś stracić

12:35na to, żeby nadpisywać wszystkie zmiany na serwerze, skonfigurować jakoś Gita itd.

12:39więc na potrzeby niektórych stron po

12:41prostu nie jest to potrzebne, zwłaszcza jeżeli np.

12:44nie hostujemy tego w nieskończoność, tylko

12:45potrzebujemy parę miesięcy albo nawet tygodni, to w ogóle bym się nie

12:49zastanawiał nad tym, żeby to jakoś pobierać.

12:51Jeżeli jest taka opcja hostowania właśnie np.

12:54tak jak w Carrds, z której zresztą często

12:56korzystam i to wszystko, co miałem Ci do powiedzenia w tej lekcji.

12:59Wiesz już jak podpiąć własną domenę, a

13:01także jak pobrać stronę z Carrd w postaci zipa, który możesz umieścić na dowolnym

13:06swoim hostingu, więc wszystkie opcje są dla Ciebie otwarte.

13:09Do usłyszenia!