Jak stworzyć zdecentralizowaną stronę internetową

Stworzenie zdecentralizowanej strony internetowej jest łatwiejsze niż większość ludzi by się spodziewała. W rzeczywistości jedyną różnicą między zdecentralizowaną witryną a zwykłą witryną jest to, że jest ona hostowana w zdecentralizowanej sieci. Prawie wszystko inne pozostaje takie samo.

W trakcie tego podręcznika zagłębimy się w procedurę konstruowania i odsłaniania zdecentralizowanej platformy internetowej. Konieczne jest posiadanie domeny Web3 i odpowiedniego salda Ether (ETH) w portfelu cyfrowym, aby przeprowadzić cały proces.

Tworzenie plików witryny

Przed rozpoczęciem tworzenia zdecentralizowanej witryny internetowej konieczne jest przygotowanie wymaganych plików witryny lub alternatywnie uzyskanie bezpłatnego szablonu witryny od renomowanych dostawców szablonów do wykorzystania w tworzeniu zdecentralizowanej witryny internetowej. W tym przykładzie pozyskamy szablon z Free CSS, aby zbudować naszą witrynę.

⭐ Odwiedź Free CSS , wybierz szablon i pobierz go. Następnie rozpakuj plik ZIP do folderu zawierającego poszczególne pliki, jak pokazano poniżej.

Podczas tworzenia strony internetowej de novo, konieczne jest skonsolidowanie wszystkich istotnych plików w jednym katalogu dla celów organizacyjnych i efektywnego zarządzania projektem.

Upload Your Website Files to IPFS

IPFS, co oznacza Inter-Planetary File System, odnosi się do szeroko rozproszonej sieci peer-to-peer urządzeń komputerowych, które wspólnie funkcjonują jako zdecentralizowane repozytorium plików poprzez wzajemną współpracę i dystrybucję obowiązków związanych z hostingiem danych. To innowacyjne podejście przyciągnęło znaczną uwagę ze względu na jego zdolność do zapewnienia bezpiecznego i niezawodnego dostępu do treści cyfrowych na różnych platformach i środowiskach, eliminując jednocześnie potrzebę scentralizowanej kontroli lub nadzoru.

Na początek jedną z opcji jest przechowywanie plików witryny na komputerze osobistym, na którym działa niezależna instancja IPFS. Istnieją jednak pewne ograniczenia, które należy wziąć pod uwagę przy stosowaniu tego podejścia. W szczególności, aby użytkownicy mogli uzyskać dostęp do zdecentralizowanej witryny, komputer musi być cały czas podłączony do Internetu.

Inną opcją jest skorzystanie z platformy hostingowej IPFS, takiej jak Piąata , Infura lub Fleek do hostowania i dystrybucji plików w sieci IPFS, dzięki czemu są one dostępne dla każdego. Jednak korzystanie z niektórych z tych usług wymaga opłacenia subskrypcji.

Przesyłanie do węzła IPFS

Aby rozpocząć, konieczne jest uruchomienie samodzielnego węzła IPFS.

Aby rozpocząć, masz możliwość zainstalowania oprogramowania klienckiego IPFS na swoim komputerze osobistym lub alternatywnie wykorzystania rozszerzenia przeglądarki dla popularnej przeglądarki internetowej Brave jako sposobu na utworzenie węzła IPFS.

⭐ Gdy jesteś już skonfigurowany, otwórz pulpit nawigacyjny IPFS, kliknij Importuj i prześlij folder witryny.

Aby ustalić aktywny status konkretnej witryny, należy przejść do prawej strony odpowiedniego pliku i zlokalizować trio elips, znane jako “trzy kropki”. Po zlokalizowaniu należy wybrać opcję oznaczoną “Udostępnij link”, przystąpić do duplikowania powiązanego kodu, a następnie uruchomić instancję InterPlanetary File System (IPFS), otwierając podany adres URL w nowo otwartej karcie przeglądarki w aplikacji Brave. Przy optymalnej konfiguracji, strona powinna wykazywać płynną funkcjonalność w ramach wspomnianej platformy przeglądania sieci.

Przesyłanie do Fleek

⭐ Otwórz pulpit nawigacyjny GitHub i utwórz nowe repozytorium. Następnie prześlij pliki witryny do repozytorium GitHub za pomocą Git, systemu kontroli wersji dobrze zintegrowanego z GitHub. Aby ułatwić demonstrację, najpierw zapisz plik witryny w folderze na pulpicie o nazwie dWeb

⭐ Odwiedź Git-scm , pobierz i zainstaluj najnowszą wersję Git.

⭐ Uruchom Git Bash z menu Start komputera i wpisz:

 cd desktop/dWeb

To polecenie pozwala uruchomić Git wewnątrz folderu, który utworzyliśmy na pulpicie, aby zainicjować 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] reprezentuje adres repozytorium GitHub. W naszym przypadku jest to:

 git remote add origin https://github.com/elgwaro/dWeb.git 

Wykonanie tych instrukcji spowoduje aktywację ukrytego katalogu “.git” w folderze projektu, włączenie całej zawartości witryny do tego folderu, zatwierdzenie ich do transmisji i ostatecznie przesłanie danych do repozytorium GitHub.

Jedną ze skutecznych metod przesyłania wielu zasobów witryny, w tym plików i katalogów, do repozytorium GitHub jest wykorzystanie procesu zilustrowanego w poprzednim przykładzie.

Łączenie Fleek z GitHub

Aby ustanowić połączenie między kontem Fleek i GitHub, wykonaj następujące kroki:

⭐ Odwiedź stronę Fleek , zaloguj się na swoje konto i kliknij Dodaj nową witrynę

⭐ Połącz Fleek z GitHub i autoryzuj dostęp do repozytorium z plikami swojej witryny.

⭐ Fleek wyświetli wybrane repozytorium. Przejdź do zakładki Deploy Location, wybierz IPFS i kliknij Continue.

⭐ Wybierz framework (jeśli nie jesteś pewien, pozostaw jako Other) i wdróż swoją witrynę.

Twoja witryna zostanie wdrożona na IPFS.

Podłącz swoją domenę Web3

Korzystając z samodzielnego węzła IPFS lub usługi internetowej, takiej jak Fleek, ważne jest, aby pomyślnie wdrożyć swoją witrynę w IPFS, uzyskując w ten sposób odpowiedni skrót IPFS.

Aby kontynuować, konieczne jest połączenie witryny z domeną Web3. Można to osiągnąć, nabywając domenę za pośrednictwem jednego z renomowanych rejestratorów dostępnych na obecnym rynku. Cena domeny może się różnić w zależności od warunków konkretnej platformy. Ponadto, w przypadku korzystania z systemów domen opartych na blockchain, może być naliczana dodatkowa opłata związana z rejestracją transakcji w rozproszonym rejestrze.

Aby zaprezentować możliwości naszego systemu, pozyskaliśmy domenę elgwaro.eth z Ethereum Name Service (ENS).

Łączenie domeny ENS z witryną IPFS

Aby ustanowić połączenie między domeną Extended Non-Structured (ENS) a witryną hostowaną w InterPlanetary File System (IPFS), wykonaj następujące kroki:

⭐ Otwórz pulpit nawigacyjny ENS i przejdź do sekcji nazwy domeny.

⭐ Wybierz zakładkę Records i kliknij Edit Records .

⭐ Wybierz Inne, wklej link do niezależnej strony IPFS i kliknij Zapisz .

⭐ Zostaniesz poproszony o podłączenie portfela w celu autoryzacji transakcji, co będzie kosztować niewielką opłatę w zależności od aktywności sieci.

Po pomyślnym zakończeniu transakcji domena Web3 zostanie bezpiecznie połączona ze zdecentralizowaną platformą internetową.

Jeśli korzystasz z Fleek, masz możliwość zintegrowania swojej domeny z pulpitem nawigacyjnym Fleek.

⭐ Otwórz pulpit nawigacyjny wdrożonej witryny i kliknij Dodaj domenę niestandardową .

⭐ Przewiń w dół do ENS Info i kliknij Add ENS .

⭐ Wpisz swoją domenę ENS, kliknij Verify, a następnie potwierdź.

⭐ Następnie kliknij Set Content Hash . Będziesz musiał podłączyć swój portfel, aby autoryzować transakcję, uiszczając niewielką opłatę w oparciu o aktywność sieci. Aby pomyślnie skonfigurować łącze, upewnij się, że połączone konto portfela jest kontrolerem domeny.

Dostęp do witryny

Po prawidłowym połączeniu domeny Web3 ze zdecentralizowaną witryną zostanie ona przekierowana na zdecentralizowaną platformę.

Dostęp można uzyskać za pomocą domeny ENS \\+.link . Na przykład w tym przypadku jest to elgwaro.eth.link . Niemniej jednak, gdy używasz przeglądarki obsługującej IPFS, takiej jak Brave, nie musisz dodawać .link na końcu adresu URL.

Pomyślnie utworzono zdecentralizowaną stronę internetową.

Wyjście poza rozwój Web2

Wraz z postępem technologicznym i dalszą ewolucją Internetu w kierunku większej decentralizacji, oczekuje się, że coraz większa liczba platform internetowych odejdzie od tradycyjnej scentralizowanej infrastruktury serwerowej na rzecz sieci rozproszonych. Chociaż może istnieć pewna postrzegana złożoność związana z dokonaniem takiego przejścia, proces tworzenia zdecentralizowanych aplikacji dla platformy Web3 nie musi stanowić znaczących przeszkód. W związku z tym osoby zainteresowane tworzeniem zdecentralizowanych stron internetowych, które oferują lepszą odporność na potencjalną cenzurę lub inne formy ingerencji, prawdopodobnie uznają ten przewodnik za cenne źródło informacji.