Decentralizované webové stránky sú čoraz bežnejšie, pretože Web3 získava na popularite. Tu je návod, ako vytvoriť decentralizovanú stránku.

Vytvorenie decentralizovanej webovej stránky je jednoduchšie, ako by väčšina ľudí očakávala. V skutočnosti je jediným rozdielom medzi decentralizovanou webovou stránkou a bežnou stránkou to, že je hosťovaná v decentralizovanej sieti. Takmer všetko ostatné zostáva rovnaké.

V tejto príručke si prejdeme procesom vytvorenia a spustenia decentralizovanej webovej stránky. Na to, aby ste prešli celým procesom, budete potrebovať doménu Web3 a nejaké ETH v peňaženke.

1. Vytvorte si súbory webových stránok

Začnite prípravou potrebných súborov webových stránok. Prípadne si môžete stiahnuť bezplatnú šablónu webovej stránky od poskytovateľov šablón a použiť ju na vytvorenie svojej decentralizovanej webovej stránky. Stiahneme si šablónu z Free CSS na vývoj našej stránky.

  1. Navštívte CSS zadarmo, vyberte šablónu a stiahnite si ju. Potom extrahujte súbor ZIP do priečinka obsahujúceho každý jednotlivý súbor, ako je uvedené nižšie.
instagram viewer

Ak vytvárate web od začiatku, uistite sa, že máte všetky súbory v jednom priečinku.

2. Nahrajte súbory svojich webových stránok do IPFS

IPFS (Inter-Planetary File System) je najpopulárnejší decentralizovaný systém na ukladanie súborov tvorený globálne distribuovanou sieťou peer-to-peer počítačov, ktoré spolupracujú na hostiteľských súboroch.

Na začiatok môžete hostiť súbory svojich webových stránok na svojom nezávisle spustenom uzle IPFS – osobnom počítači. Výzvou tejto trasy je, že váš počítač musí byť online, aby mal niekto prístup na vašu decentralizovanú webovú stránku.

Druhou možnosťou je použitie IPFS hostingovej platformy ako napr Piñata, Infura, alebo Fleek na hosťovanie a distribúciu vašich súborov v sieti IPFS, čím sa sprístupní komukoľvek. Ak však chcete používať niektoré z týchto služieb, budete musieť zaplatiť za predplatné.

Nahrávanie do vášho uzla IPFS

Najprv musíte spustiť nezávislý uzol IPFS.

  1. Začnite tým nastavenie IPFS na vašom PC. Na nastavenie uzla IPFS si môžete stiahnuť PC klienta alebo použiť rozšírenie prehliadača Brave.
  2. Po nastavení otvorte panel IPFS a kliknite naň Importovaťa odovzdajte priečinok svojej webovej lokality.
  3. Ak chcete skontrolovať, či je webová lokalita aktívna, kliknite na tri bodky na pravej strane súboru a vyberte Zdieľať odkaz, skopírujte a otvorte odkaz IPFS na novej karte v Brave. Stránka by sa mala dobre načítať, ak ste Brave správne nastavili.

Nahráva sa do služby Fleek

Fleek umožňuje používateľom bezplatne nahrávať webové stránky do IPFS, zatiaľ čo Piñata vyžaduje prémiový balík. Pred použitím Fleek však budete musieť najprv nasadiť svoj web na GitHub.

  1. Otvorte svoj informačný panel GitHub a vytvorte nové úložisko. Potom nahrajte súbory svojich webových stránok do svojho úložiska GitHub pomocou systému Git, systému na správu verzií, ktorý je dobre integrovaný s GitHub. Pre jednoduchú ukážku najprv uložte súbor svojej webovej stránky do priečinka na pracovnej ploche s názvom dWeb
  2. Navštívte Git-scm, stiahnite si a nainštalujte najnovšiu verziu Git.
  3. Spustite Git Bash z ponuky Štart počítača a zadajte:
    cd desktop/dWeb
    Tento príkaz umožňuje spustiť Git v priečinku, ktorý sme vytvorili na pracovnej ploche, aby sa inicializovalo lokálne úložisko.
  4. Potom spustite nasledujúce príkazy jeden po druhom:
    git init 
    git add. 
    git commit -m "first commit"
    gitremoteaddorigin[url].git
    Kde [url] predstavuje adresu vášho úložiska GitHub. V našom prípade je to:
    git remote add origin https://github.com/elgwaro/dWeb.git

Spustenie týchto príkazov inicializuje skrytý priečinok .git v priečinku vašej webovej lokality a pridá všetky súbory webovej lokality do priečinka .git, odovzdá ich na nahranie a prípadne nahrá súbory do vášho úložiska GitHub.

Toto je najefektívnejší spôsob, ako nahrať viacero súborov a priečinkov webových stránok do úložiska GitHub, ktoré by malo vyzerať tak, ako je uvedené vyššie.

Tu je návod, ako prepojiť účet Fleek s GitHub

  1. Navštívte Fleek, prihláste sa do svojho účtu a kliknite na Pridať nový web
  2. Pripojte Fleek k GitHub a autorizujte prístup k úložisku pomocou súborov vašich webových stránok.
  3. Fleek zobrazí vami vybrané úložisko. Pokračujte na Nasadiť umiestnenie vyberte IPFS a kliknite na ďalej.
  4. Vyberte rámec (ak si nie ste istí, nechajte ho ako Iné) a nasaďte svoje stránky.

Vaša stránka bude nasadená na IPFS.

3. Pripojte svoju Web3 doménu

Či už používate lokálny uzol IPFS alebo online platformu, ako je Fleek, v tomto bode by ste mali mať svoju stránku nasadenú na IPFS, čo znamená, že máte IPFS hash stránky.

Takže ďalším krokom je prepojenie vašej stránky s doménou Web3. Môžete si ho kúpiť od ktoréhokoľvek z najlepších registrátorov Web3 na trhu. Cena domény bude závisieť od podmienok platformy a pre doménové systémy založené na blockchaine, budete účtovať sieťový poplatok za to, že transakcia bude zaznamenaná na blockchaine.

Na účely tejto demonštrácie sme získali elgwaro.eth doména na ENS.

Prepojenie domény ENS s webovou stránkou IPFS

Tu je návod, ako prepojiť vašu doménu ENS s hostiteľskou stránkou IPFS

  1. Otvorte informačný panel ENS a prejdite do sekcie názvu svojej domény.
  2. Vyberte Záznamy kartu a kliknite na ňu Upraviť záznamy.
  3. Vyberte Iné, vložte odkaz na svoj nezávislý webový server IPFS a kliknite Uložiť.
  4. Budete vyzvaní, aby ste pripojili svoju peňaženku na autorizáciu transakcie, čo vás bude stáť malý poplatok v závislosti od aktivity siete.
  5. Keď transakcia prebehne, vaša doména Web3 bude prepojená s vašou decentralizovanou webovou stránkou.

Ak používate Fleek, svoju doménu môžete pripojiť na hlavnom paneli Fleek.

  1. Otvorte informačný panel nasadených webových stránok a kliknite na Pridať vlastnú doménu.
  2. Prejdite nadol na Informácie ENS a kliknite na Pridajte ENS.
  3. Zadajte svoju doménu ENS a kliknite na Overiť a potom potvrďte.
  4. Ďalej kliknite na Nastavte hash obsahu. Budete musieť pripojiť svoju peňaženku a autorizovať transakciu zaplatením malého poplatku na základe aktivity siete. Ak chcete úspešne nastaviť prepojenie, uistite sa, že pripojený účet peňaženky je radičom domény.

4. Prístup k vašej webovej lokalite

Po úspešnom prepojení domény Web3 s vašou decentralizovanou webovou stránkou bude vaša doména Web3 nasmerovaná na vašu decentralizovanú webovú stránku.

Môžete k nemu pristupovať pomocou svojho ENS doména +.odkaz. Napríklad v tomto prípade je elgwaro.eth.link. Napriek tomu, keď používate prehliadač s podporou IPFS, ako je Brave, nemusíte zahrnúť .odkaz na konci vašej adresy URL.

Úspešne ste vytvorili svoju decentralizovanú webovú stránku.

Posun za hranice vývoja Web2

Keďže internet sa postupom času stáva viac decentralizovaným, počet decentralizovaných webových stránok pravdepodobne nakoniec prekročí tie, ktoré sú hostené na centralizovaných serveroch. Našťastie prechod z vývoja webových stránok Web2 na Web3 nie je taký zložitý, ako sa zdá. Preto, ak ste uvažovali o vytvorení decentralizovanej webovej stránky, ktorá je odolná voči cenzúre, táto príručka vám môže poskytnúť obrovský náskok.