Decentralizované webové stránky jsou stále běžnější, protože Web3 získává na popularitě. Zde je návod, jak vytvořit decentralizovaný web.

Vytvoření decentralizovaného webu je jednodušší, než by většina lidí očekávala. Ve skutečnosti je jediný rozdíl mezi decentralizovaným webem a normálním webem v tom, že je hostován v decentralizované síti. Téměř vše ostatní zůstává stejné.

V této příručce si projdeme proces tvorby a spuštění decentralizovaného webu. Abyste mohli projít celým procesem, budete potřebovat doménu Web3 a nějaké ETH v peněžence.

1. Vytvořte si soubory webových stránek

Začněte přípravou potřebných souborů webových stránek. Případně si můžete stáhnout bezplatnou šablonu webu od poskytovatelů šablon a použít ji k vytvoření decentralizovaného webu. Stáhneme si šablonu z Free CSS pro vývoj našich stránek.

  1. Návštěva Zdarma CSS, vyberte šablonu a stáhněte ji. Poté rozbalte soubor ZIP do složky obsahující každý jednotlivý soubor, jak je znázorněno níže.

Pokud vytváříte web od začátku, ujistěte se, že máte všechny soubory v jedné složce.

instagram viewer

2. Nahrajte soubory svých webových stránek do IPFS

IPFS (Inter-Planetary File System) je nejpopulárnější decentralizovaný systém ukládání souborů, který se skládá z globálně distribuované sítě peer-to-peer počítačů, které spolupracují na hostitelských souborech.

Pro začátek můžete hostovat soubory svých webových stránek na vašem nezávisle provozovaném uzlu IPFS – osobním počítači. Výzvou této cesty je, že váš počítač musí být online, aby měl někdo přístup k vaší decentralizované webové stránce.

Druhou možností je použití IPFS hostingové platformy jako např Piñata, Infuranebo Fleek k hostování a distribuci vašich souborů v síti IPFS, takže je přístupný komukoli. Chcete-li však některé z těchto služeb používat, budete muset zaplatit za předplatné.

Nahrávání do vašeho uzlu IPFS

Nejprve musíte spustit nezávislý uzel IPFS.

  1. Začněte tím nastavení IPFS na vašem PC. K nastavení vašeho IPFS uzlu si můžete buď stáhnout PC klienta, nebo použít rozšíření prohlížeče Brave.
  2. Jakmile jste již nastaveni, otevřete řídicí panel IPFS a klikněte Importa nahrajte složku vašeho webu.
  3. Chcete-li zkontrolovat, zda je web aktivní, klikněte na tři tečky na pravé straně souboru a vyberte Sdílet odkaz, zkopírujte a otevřete odkaz IPFS na nové kartě v Brave. Stránky by se měly dobře načítat, pokud správně nastavíte Brave.

Nahrávání do Fleeku

Fleek umožňuje uživatelům nahrávat webové stránky na IPFS zdarma, zatímco Piñata vyžaduje prémiový balíček. Než však budete moci Fleek používat, budete muset svůj web nejprve nasadit na GitHub.

  1. Otevřete řídicí panel GitHub a vytvořte nové úložiště. Poté nahrajte soubory svých webových stránek do svého úložiště GitHub pomocí Git, systému správy verzí dobře integrovaného s GitHub. Pro snadnou ukázku nejprve uložte soubor svého webu do složky na ploše s názvem dWeb
  2. Návštěva Git-scm, stáhněte si a nainstalujte nejnovější verzi Git.
  3. Spusťte Git Bash z nabídky Start počítače a zadejte:
    cd desktop/dWeb
    Tento příkaz umožňuje Gitu spustit ve složce, kterou jsme vytvořili na ploše, aby se inicializovalo místní úložiště.
  4. Poté spusťte následující příkazy jeden po druhém:
    git init 
    git add. 
    git commit -m "first commit"
    gitremoteaddorigin[url].git
    Kde [url] představuje adresu vašeho úložiště GitHub. V našem případě je to:
    git remote add origin https://github.com/elgwaro/dWeb.git

Spuštění těchto příkazů inicializuje skrytou složku .git ve složce webu a přidá všechny soubory webu do složky .git, odevzdá je k nahrání a nakonec nahraje soubory do vašeho úložiště GitHub.

Toto je nejúčinnější způsob, jak nahrát více souborů a složek webových stránek do úložiště GitHub, které by mělo vypadat jako výše.

Zde je návod, jak propojit účet Fleek s GitHub

  1. Návštěva Fleek, přihlaste se ke svému účtu a klikněte na Přidat nový web
  2. Připojte Fleek ke GitHubu a autorizujte přístup k úložišti pomocí souborů vašich webových stránek.
  3. Fleek zobrazí vámi vybrané úložiště. Pokračujte k Umístění nasazení vyberte IPFS a klikněte na Pokračovat.
  4. Vyberte rámec (pokud si nejste jisti, ponechte jej jako jiný) a nasaďte svůj web.

Váš web bude nasazen na IPFS.

3. Připojte svou Web3 doménu

Ať už používáte místní uzel IPFS nebo online platformu, jako je Fleek, v tuto chvíli byste měli mít svůj web nasazený na IPFS, což znamená, že máte IPFS hash webu.

Dalším krokem je tedy propojení vašeho webu s vaší doménou Web3. Můžete si koupit jeden od kteréhokoli z nejlepší registrátoři Web3 na trhu. Cena domény bude záviset na podmínkách platformy a pro doménové systémy založené na blockchainu, zaplatíte síťový poplatek za to, že transakce bude zaznamenána na blockchainu.

Pro účely této demonstrace jsme získali elgwaro.eth doména na ENS.

Propojení domény ENS s webem IPFS

Zde je návod, jak propojit doménu ENS s webem hostovaným IPFS

  1. Otevřete řídicí panel ENS a přejděte do sekce názvu vaší domény.
  2. Vybrat Evidence kartu a klikněte na Upravit záznamy.
  3. Vybrat jiný, vložte odkaz na svůj nezávislý web IPFS a klikněte Uložit.
  4. Budete vyzváni k připojení peněženky k autorizaci transakce, která vás bude stát malý poplatek v závislosti na aktivitě sítě.
  5. Jakmile transakce projde, vaše doména Web3 bude propojena s vaší decentralizovanou webovou stránkou.

Pokud používáte Fleek, můžete svou doménu připojit na hlavním panelu Fleek.

  1. Otevřete řídicí panel nasazeného webu a klikněte na Přidat vlastní doménu.
  2. Přejděte dolů na Informace ENS a klikněte na Přidejte ENS.
  3. Zadejte svou doménu ENS a klikněte na Ověřte a poté potvrďte.
  4. Dále klikněte na Nastavit hash obsahu. Budete muset připojit svou peněženku a autorizovat transakci zaplacením malého poplatku na základě aktivity sítě. Chcete-li úspěšně nastavit propojení, ujistěte se, že připojený účet peněženky je řadičem domény.

4. Vstupte na svůj web

Jakmile úspěšně propojíte doménu Web3 s vaším decentralizovaným webem, vaše doména Web3 bude nasměrována na váš decentralizovaný web.

Můžete k němu přistupovat pomocí svého ENS doména +.odkaz. Například v tomto případě je odkaz elgwaro.eth. Nicméně, když používáte prohlížeč s podporou IPFS, jako je Brave, nemusíte zahrnout .odkaz na konci vaší adresy URL.

Úspěšně jste vytvořili svůj decentralizovaný web.

Posun za vývoj Web2

Vzhledem k tomu, že se internet postupem času více decentralizuje, počet decentralizovaných webových stránek pravděpodobně nakonec převýší počet webů hostovaných na centralizovaných serverech. Naštěstí přechod z Web2 na Web3 vývoj webových stránek není tak složitý, jak se zdá. Pokud vás tedy napadlo vytvořit decentralizovaný web odolný vůči cenzuře, může vám tento průvodce poskytnout obrovský náskok.