Jak stworzyć zdecentralizowaną witrynę internetową

Tworzenie zdecentralizowanej strony internetowej: krok po kroku

Stworzenie zdecentralizowanej witryny internetowej jest zadaniem prostszym, niż mogłoby się wydawać. Istotna różnica między takim rozwiązaniem a standardową stroną polega na sposobie hostowania – zamiast na centralnym serwerze, strona opiera się o zdecentralizowaną sieć. Reszta elementów pozostaje w dużej mierze niezmieniona.

W tym poradniku przedstawimy proces tworzenia i uruchamiania takiej witryny. Do przejścia przez wszystkie etapy potrzebna będzie domena Web3 oraz nieco ETH w twoim portfelu kryptowalut.

1. Przygotowanie plików witryny

Na początku musisz zgromadzić niezbędne pliki Twojej przyszłej strony. Możesz je stworzyć samodzielnie od podstaw lub skorzystać z gotowych, darmowych szablonów dostępnych online. Na potrzeby tego przykładu pobierzemy szablon ze strony Free CSS i na jego podstawie zbudujemy naszą zdecentralizowaną stronę.

  • Odwiedź Free CSS, wybierz interesujący Cię szablon i pobierz go. Następnie rozpakuj pobrany plik ZIP do wybranego folderu tak, aby wszystkie pliki szablonu znalazły się w jednym miejscu.

Jeśli tworzysz stronę od zera, upewnij się, że wszystkie pliki są umieszczone w jednym, dedykowanym folderze.

2. Przesyłanie plików na IPFS

IPFS (InterPlanetary File System) to rozproszony system przechowywania danych, oparty o sieć peer-to-peer, w której komputery użytkowników współpracują, aby hostować pliki. Jest to popularny sposób na zdecentralizowane przechowywanie danych.

Na początek możesz hostować pliki swojej witryny na własnym komputerze, który będzie pełnił rolę węzła IPFS. Wadą takiego rozwiązania jest konieczność utrzymywania komputera online, aby strona była dostępna dla innych.

Inną opcją jest skorzystanie z platform hostingowych IPFS, takich jak Pinata, Infura lub Fleek. Te serwisy umożliwiają przechowywanie i udostępnianie plików w sieci IPFS, gwarantując ich dostępność. Należy jednak pamiętać, że niektóre z nich mogą wymagać opłat abonamentowych.

Przesyłanie do własnego węzła IPFS

Aby zacząć, potrzebujesz uruchomić własny węzeł IPFS.

  • Najpierw skonfiguruj IPFS na swoim komputerze. Możesz pobrać dedykowaną aplikację lub skorzystać z rozszerzenia przeglądarki Brave, które umożliwia utworzenie węzła IPFS.
  • Po skonfigurowaniu, otwórz panel IPFS, wybierz opcję „Importuj” i załaduj folder zawierający pliki Twojej strony.
  • Aby sprawdzić, czy strona działa, kliknij trzy kropki obok załadowanego folderu, wybierz opcję „Udostępnij link”, skopiuj go i otwórz w nowej karcie przeglądarki Brave. Jeśli wszystko zostało skonfigurowane poprawnie, strona powinna się prawidłowo załadować.

Przesyłanie na platformę Fleek

Fleek oferuje darmową opcję hostowania stron internetowych w IPFS, w przeciwieństwie do Pinaty, która wymaga płatnego planu. Aby skorzystać z Fleeka, musisz najpierw umieścić swoją stronę w repozytorium GitHub.

  • Otwórz swój pulpit GitHub i utwórz nowe repozytorium. Następnie prześlij pliki swojej strony do tego repozytorium za pomocą Git – systemu kontroli wersji, który jest zintegrowany z GitHubem. Na potrzeby tego przykładu, zapisz najpierw pliki swojej strony w folderze o nazwie „dWeb” na pulpicie.
  • Odwiedź stronę Git-scm, pobierz i zainstaluj najnowszą wersję Git.
  • Uruchom Git Bash z menu Start Twojego komputera i wpisz:
    cd desktop/dWeb

    To polecenie uruchomi Git w folderze, który utworzyliśmy na pulpicie, inicjując lokalne repozytorium.

  • Następnie uruchom kolejno następujące polecenia:
    git init
    git add .
    git commit -m "first commit"
    git remote add origin [url].git

    Gdzie [url] to adres Twojego repozytorium GitHub. W naszym przypadku będzie to:

    git remote add origin https://github.com/twoj-uzytkownik/twoje-repozytorium.git

Wykonanie tych poleceń utworzy ukryty folder .git w folderze z Twoją stroną, doda wszystkie pliki do tego folderu, zapisze zmiany i w końcu prześle pliki do Twojego repozytorium GitHub.

Jest to najbardziej efektywny sposób na przesłanie wielu plików i folderów z witryny do repozytorium GitHub, jak na powyższym zrzucie ekranu.

Łączenie Fleeka z GitHubem

Oto jak połączyć swoje konto Fleek z GitHubem:

  • Wejdź na stronę Fleek, zaloguj się i kliknij „Dodaj nową witrynę”.
  • Połącz Fleek z GitHubem i zezwól na dostęp do repozytorium z plikami Twojej strony.
  • Fleek wyświetli Twoje repozytorium. Przejdź do zakładki „Lokalizacja wdrożenia”, wybierz opcję „IPFS” i kliknij „Kontynuuj”.
  • Wybierz odpowiednią platformę (jeśli nie jesteś pewien, zostaw „Inna”) i wdróż swoją stronę.

Twoja strona zostanie teraz wdrożona w sieci IPFS.

3. Podłączanie domeny Web3

Niezależnie od tego, czy korzystasz z własnego węzła IPFS, czy platformy takiej jak Fleek, w tym momencie Twoja strona powinna być już wdrożona w IPFS, co oznacza, że masz skrót do Twojej witryny w tej sieci.

Kolejnym krokiem jest połączenie Twojej strony z domeną Web3. Możesz ją zakupić u jednego z wielu rejestratorów dostępnych na rynku. Koszt domeny zależy od warunków konkretnej platformy. W przypadku domen opartych na blockchainie, musisz również uiścić opłatę sieciową za zapisanie transakcji na blockchainie.

W tym przykładzie wykorzystamy domenę elgwaro.eth, zakupioną na platformie ENS.

Łączenie domeny ENS z witryną IPFS

Poniżej przedstawiamy, jak połączyć domenę ENS ze stroną hostowaną w IPFS:

  • Otwórz swój pulpit ENS i przejdź do sekcji zarządzania nazwami domen.
  • Wybierz zakładkę „Rekordy” i kliknij „Edytuj rekordy”.
  • Wybierz opcję „Inne”, wklej link do Twojej strony w IPFS i kliknij „Zapisz”.
  • Zostaniesz poproszony o podłączenie portfela kryptowalut, aby autoryzować transakcję, co wiąże się z niewielką opłatą (uzależnioną od obciążenia sieci).
  • Po przetworzeniu transakcji, Twoja domena Web3 zostanie połączona ze zdecentralizowaną stroną.

Jeśli korzystasz z Fleeka, możesz podłączyć swoją domenę w panelu platformy.

  • Otwórz pulpit wdrożonej strony i wybierz opcję „Dodaj domenę niestandardową”.
  • Przewiń w dół do sekcji ENS i kliknij „Dodaj ENS”.
  • Wpisz swoją domenę ENS, kliknij „Zweryfikuj”, a następnie „Potwierdź”.
  • Następnie kliknij „Ustaw skrót treści”. Będziesz musiał podłączyć swój portfel, aby autoryzować transakcję, uiszczając drobną opłatę (zależną od obciążenia sieci). Aby link zadziałał, upewnij się, że podłączone konto portfela jest kontrolerem domeny.

4. Dostęp do strony

Po pomyślnym połączeniu Twojej domeny Web3 ze zdecentralizowaną stroną, Twoja domena Web3 będzie wskazywać na Twoją nową stronę.

Dostęp do strony można uzyskać przez Twoją domenę ENS z dodatkiem .link, np. elgwaro.eth.link. Jeśli używasz przeglądarki obsługującej IPFS, takiej jak Brave, nie musisz dodawać „.link” na końcu adresu.

Gratulacje! Właśnie udało Ci się stworzyć zdecentralizowaną stronę internetową.

Przejście poza rozwój Web2

Wraz z postępującą decentralizacją internetu, liczba stron opartych o architekturę zdecentralizowaną prawdopodobnie w końcu przewyższy ilość stron hostowanych na scentralizowanych serwerach. Przejście od tworzenia stron Web2 do Web3 wcale nie musi być tak skomplikowane, jak mogłoby się wydawać. Mamy nadzieję, że ten poradnik pomógł Ci w zrozumieniu tego procesu i przybliżył Cię do stworzenia własnej, odpornej na cenzurę witryny internetowej.


newsblog.pl