Како направити децентрализовану веб локацију

by
Tweet
Share
Share
Pin

Izrada decentralizovane veb stranice je jednostavnija nego što mnogi misle. U suštini, jedina razlika između decentralizovane i standardne veb lokacije leži u tome što se prva hostuje na decentralizovanoj mreži. Sve ostalo je uglavnom isto.

U ovom vodiču, korak po korak ćemo objasniti proces kreiranja i postavljanja decentralizovane veb stranice. Da biste prošli kroz ceo proces, biće vam potreban Web3 domen i određena količina ETH kriptovalute u vašem novčaniku.

1. Kreiranje fajlova veb sajta

Počnite tako što ćete pripremiti sve potrebne datoteke za vaš veb sajt. Možete, takođe, preuzeti neki besplatan šablon sa veb stranice koja nudi šablone i koristiti ga za kreiranje vaše decentralizovane veb stranice. Mi ćemo preuzeti jedan šablon sa Free CSS-a kako bismo razvili naš sajt.

  • Posetite Free CSS, izaberite željeni šablon i preuzmite ga. Zatim, raspakujte ZIP datoteku u fasciklu koja će sadržati sve pojedinačne fajlove, kao što je prikazano na slici ispod.

    • Ako pravite sajt od nule, uverite se da su sve datoteke smeštene u jednu fasciklu.

    2. Postavljanje datoteka vašeg veb sajta na IPFS

    IPFS (InterPlanetary File System) je najpopularniji decentralizovani sistem za skladištenje datoteka. Sastoji se od globalno distribuirane peer-to-peer mreže računara koji zajedno rade na hostovanju datoteka.

    Za početak, možete hostovati datoteke vašeg veb sajta na vašem nezavisno pokrenutom IPFS čvoru – ličnom računaru. Problem sa ovom metodom je što vaš računar mora biti onlajn da bi drugi mogli pristupiti vašoj decentralizovanoj veb stranici.

    Druga opcija je korišćenje IPFS hosting platforme kao što su Pinata, Infura, ili Fleek kako biste hostovali i distribuirali vaše datoteke kroz IPFS mrežu, čineći ih dostupnima svima. Ipak, za korišćenje nekih od ovih usluga biće potrebno da platite pretplatu.

    Postavljanje na vaš IPFS čvor

    Prvo, morate pokrenuti nezavisni IPFS čvor.

  • Započnite postavljanjem IPFS-a na vašem računaru. Možete preuzeti PC klijent ili koristiti Brave ekstenziju pretraživača da biste podesili vaš IPFS čvor.
  • Kada ste to podesili, otvorite IPFS kontrolnu tablu, kliknite na Import i otpremite fasciklu vašeg veb sajta.
  • Da biste proverili da li je veb lokacija aktivna, kliknite na tri tačke sa desne strane datoteke, izaberite Share Link, kopirajte i otvorite IPFS link u novom tabu u Brave pretraživaču. Ako ste pravilno podesili Brave, sajt bi trebalo da se učita bez problema.

    • Postavljanje na Fleek

    Fleek omogućava korisnicima da besplatno postavljaju veb stranice na IPFS, dok Pinata zahteva premium paket. Bez obzira na to, pre nego što budete mogli da koristite Fleek, morate postaviti vaš sajt na GitHub.

  • Otvorite vašu GitHub kontrolnu tablu i kreirajte novi repozitorijum. Zatim, koristite Git, sistem za kontrolu verzija koji je dobro integrisan sa GitHub-om, da biste postavili fajlove vašeg sajta u GitHub repozitorijum. Radi lakše demonstracije, prvo sačuvajte fajlove vašeg sajta u fasciklu na radnoj površini pod nazivom dWeb.
  • Posetite Git-scm, preuzmite i instalirajte najnoviju verziju Git-a.
  • Pokrenite Git Bash iz Start menija računara i unesite: 
     cd desktop/dWeb

    Ova komanda omogućava Gitu da se pokrene unutar fascikle koju smo kreirali na radnoj površini kako bi inicijalizovao lokalni repozitorijum.

  • Zatim, pokrenite sledeće komande jednu po jednu: 
     git init 
    git add . 
    git commit -m "first commit" 
    git remote add origin [url].git

    Gde [url] predstavlja adresu vašeg GitHub repozitorijuma. U našem slučaju, to je:

     git remote add origin https:

    • Pokretanje ovih komandi inicijalizuje skrivenu .git fasciklu u fascikli vašeg veb sajta, dodaje sve fajlove veb sajta u .git fasciklu, priprema ih za postavljanje i na kraju postavlja fajlove u vaš GitHub repozitorijum.

    Ovo je najefikasniji način za postavljanje više datoteka i fascikli na veb sajtu u GitHub repozitorijum, koji bi trebalo da izgleda kao što je prikazano na slici iznad.

    Povezivanje Fleek-a sa GitHub-om

    Evo kako da povežete Fleek nalog sa GitHub-om

  • Posetite Fleek, prijavite se na vaš nalog i kliknite na Add new site.
  • Povežite Fleek sa GitHub-om i autorizujte pristup repozitorijumu sa datotekama vašeg veb sajta.
  • Fleek će prikazati vaš izabrani repozitorijum. Idite na karticu Deploy location, izaberite IPFS i kliknite na Continue.
  • Izaberite framework (ako niste sigurni, ostavite ga kao Other) i primenite vaš veb sajt.

    • Vaša lokacija će biti postavljena na IPFS.

    3. Povezivanje vašeg Web3 domena

    Bez obzira da li koristite lokalni IPFS čvor ili onlajn platformu poput Fleek-a, u ovom trenutku bi vaš veb sajt trebalo da bude postavljen na IPFS, što znači da imate IPFS hash sajta.

    Dakle, sledeći korak je povezivanje vašeg sajta sa vašim Web3 domenom. Možete ga kupiti od bilo kog od najboljih Web3 registara na tržištu. Cena domena zavisiće od uslova platforme, a za sisteme domena zasnovane na blockchain-u, snosićete i mrežnu naknadu za transakciju koja će biti zabeležena na blockchain-u.

    Za potrebe ove demonstracije, mi smo nabavili elgwaro.eth domen na ENS-u.

    Povezivanje ENS domena sa IPFS veb lokacijom

    Evo kako da povežete vaš ENS domen sa IPFS sajtom:

  • Otvorite ENS kontrolnu tablu i pristupite odeljku za ime domena.
  • Izaberite karticu Records i kliknite na Edit records.
  • Izaberite Other, nalepite link na vaš nezavisni IPFS sajt i kliknite na Save.
  • Biće zatraženo da povežete vaš novčanik da biste autorizovali transakciju, što će vas koštati malu naknadu u zavisnosti od aktivnosti mreže.
  • Kada transakcija prođe, vaš Web3 domen će biti povezan sa vašom decentralizovanom veb lokacijom.

    • Ako koristite Fleek, možete povezati vaš domen na Fleek kontrolnoj tabli.

  • Otvorite kontrolnu tablu vašeg veb sajta i kliknite na Add custom domain.
  • Skrolujte nadole do ENS Info i kliknite na Add ENS.
  • Unesite vaš ENS domen, kliknite na Verify i zatim potvrdite.
  • Zatim, kliknite na Set Content Hash. Biće zatraženo da povežete vaš novčanik kako biste odobrili transakciju, tako što ćete platiti malu naknadu na osnovu aktivnosti mreže. Da biste uspešno postavili vezu, uverite se da je povezani nalog novčanika kontrolor domena.

    • 4. Pristup vašoj veb lokaciji

    Kada uspešno povežete vaš Web3 domen sa decentralizovanom veb lokacijom, vaš Web3 domen će vas preusmeravati na vašu decentralizovanu veb lokaciju.

    Možete joj pristupiti koristeći vaš ENS domen +.link. Na primer, u ovom slučaju to je elgwaro.eth.link. Ipak, kada koristite pretraživač koji podržava IPFS, kao što je Brave, ne morate da uključujete .link na kraju URL-a.

    Uspešno ste kreirali vašu decentralizovanu veb lokaciju.

    Krećemo se dalje od Web2 razvoja

    Kako internet vremenom postaje sve decentralizovaniji, broj decentralizovanih veb lokacija će na kraju verovatno premašiti broj onih hostovanih na centralizovanim serverima. Na sreću, prelazak sa Web2 na Web3 razvoj sajtova nije tako komplikovan kao što se čini. Stoga, ukoliko ste razmišljali o kreiranju decentralizovane veb lokacije koja je otporna na cenzuru, ovaj vodič vam može dati veliku prednost.