Decentralizirane web stranice postaju sve uobičajenije kako Web3 postaje sve popularniji. Evo kako stvoriti decentraliziranu stranicu.

Stvaranje decentralizirane web stranice lakše je nego što većina ljudi očekuje. Zapravo, jedina razlika između decentraliziranog web-mjesta i normalnog web-mjesta jest to što se nalazi na decentraliziranoj mreži. Gotovo sve ostalo ostaje isto.

U ovom ćemo vodiču proći kroz proces stvaranja i pokretanja decentralizirane web stranice. Trebat će vam Web3 domena i malo ETH-a u novčaniku da biste prošli kroz cijeli proces.

1. Izradite datoteke svoje web stranice

Započnite pripremom potrebnih datoteka web stranice. Alternativno, možete preuzeti besplatni predložak web stranice od pružatelja predložaka i koristiti ga za izradu svoje decentralizirane web stranice. Preuzet ćemo predložak s Free CSS-a za razvoj naše web-lokacije.

  1. Posjetiti Besplatni CSS, odaberite predložak i preuzmite ga. Zatim izvucite ZIP datoteku u mapu koja sadrži svaku pojedinačnu datoteku, kao što je prikazano u nastavku.
instagram viewer

Ako gradite web mjesto od nule, osigurajte da imate sve svoje datoteke u jednoj mapi.

2. Prenesite datoteke svoje web stranice na IPFS

IPFS (Inter-Planetary File System), najpopularniji je decentralizirani sustav za pohranu datoteka sastavljen od globalno distribuirane peer-to-peer mreže računala koja surađuju na hostiranju datoteka.

Za početak, možete ugostiti datoteke svoje web stranice na svom neovisno pokrenutom IPFS čvoru – osobnom računalu. Izazov s ovom rutom je taj što vaše računalo mora biti na mreži da bi netko pristupio vašoj decentraliziranoj web stranici.

Druga opcija je korištenje IPFS hosting platforme kao što je Pinjata, Infura, ili Fleek za ugošćavanje i distribuciju vaših datoteka preko IPFS mreže, čineći je dostupnom svima. Međutim, morat ćete platiti pretplatu da biste koristili neke od ovih usluga.

Prijenos na vaš IPFS čvor

Prvo morate pokrenuti neovisni IPFS čvor.

  1. Počni od postavljanje IPFS-a na vašem računalu. Možete preuzeti PC klijent ili upotrijebiti proširenje preglednika Brave za postavljanje IPFS čvora.
  2. Nakon što ste već postavili, otvorite nadzornu ploču IPFS-a, kliknite Uvozi prenesite mapu svoje web stranice.
  3. Kako biste provjerili je li web stranica aktivna, kliknite na tri točkice na desnoj strani datoteke, odaberite Podijeli poveznicu, kopirajte i otvorite IPFS vezu u novoj kartici u Braveu. Stranica bi se trebala dobro učitati ako ispravno postavite Brave.

Prijenos na Fleek

Fleek omogućuje korisnicima besplatno postavljanje web stranica na IPFS, dok Piñata zahtijeva premium paket. Unatoč tome, prvo ćete morati implementirati svoju web stranicu na GitHubu prije nego što možete koristiti Fleek.

  1. Otvorite GitHub nadzornu ploču i izradite novo spremište. Zatim prenesite datoteke svoje web stranice u GitHub repozitorij pomoću Gita, sustava za kontrolu verzija koji je dobro integriran s GitHubom. Za jednostavnu demonstraciju, prvo spremite datoteku svoje web stranice u mapu na radnoj površini pod nazivom dWeb
  2. Posjetiti Git-scm, preuzmite i instalirajte najnoviju verziju Gita.
  3. Pokrenite Git Bash iz izbornika Start vašeg računala i upišite:
    cd desktop/dWeb
    Ova naredba omogućuje pokretanje Gita unutar mape koju smo stvorili na radnoj površini za pokretanje lokalnog repozitorija.
  4. Zatim pokrenite sljedeće naredbe jednu po jednu:
    git init 
    git add. 
    git commit -m "first commit"
    gitremoteaddorigin[url].git
    Gdje [url] predstavlja adresu vašeg GitHub repozitorija. U našem slučaju to je:
    git remote add origin https://github.com/elgwaro/dWeb.git

Pokretanje ovih naredbi inicijalizira skrivenu mapu .git u mapi vaše web stranice, dodaje sve datoteke vaše web stranice u mapu .git, predaje ih za učitavanje i na kraju učitava datoteke u vaše GitHub spremište.

Ovo je najučinkovitiji način za učitavanje više datoteka i mapa web stranica u GitHub repozitorij, koji bi trebao izgledati kao što je prikazano gore.

Evo kako povezati Fleek račun s GitHubom

  1. Posjetiti Fleek, prijavite se na svoj račun i kliknite na Dodaj novu stranicu
  2. Povežite Fleek s GitHubom i autorizirajte pristup repozitoriju s datotekama vaše web stranice.
  3. Fleek će prikazati vaše odabrano spremište. Nastavite do Postavite lokaciju karticu, odaberite IPFS i kliknite na Nastaviti.
  4. Odaberite okvir (ako niste sigurni, ostavite ga kao ostalo) i implementirajte svoju stranicu.

Vaša će stranica biti postavljena na IPFS.

3. Povežite svoju Web3 domenu

Bez obzira koristite li lokalni IPFS čvor ili mrežnu platformu kao što je Fleek, u ovom trenutku vaša bi stranica trebala biti raspoređena na IPFS, što znači da imate IPFS hash stranice.

Dakle, sljedeći korak je povezivanje vaše stranice s vašom Web3 domenom. Možete ga kupiti u bilo kojem od vrhunski Web3 registratori na tržištu. Cijena domene ovisit će o uvjetima platforme i za domenski sustavi temeljeni na blockchainu, naplatit ćete mrežnu naknadu za snimanje transakcije na blockchainu.

Za potrebe ove demonstracije nabavili smo elgwaro.eth domena na ENS-u.

Povezivanje ENS domene s IPFS web stranicom

Evo kako povezati svoju ENS domenu s IPFS hostiranim mjestom

  1. Otvorite nadzornu ploču ENS-a i pristupite odjeljku s nazivom domene.
  2. Odaberite Zapisi karticu i kliknite na Uredi zapise.
  3. Izaberi ostalo, zalijepite vezu svoje neovisne IPFS web stranice i kliknite Uštedjeti.
  4. Od vas će se tražiti da povežete svoj novčanik za autorizaciju transakcije, što će vas koštati malu naknadu ovisno o aktivnosti mreže.
  5. Nakon što transakcija prođe, vaša Web3 domena bit će povezana s vašom decentraliziranom web stranicom.

Ako koristite Fleek, svoju domenu možete povezati na Fleek nadzornoj ploči.

  1. Otvorite nadzornu ploču postavljene web stranice i kliknite na Dodaj prilagođenu domenu.
  2. Pomaknite se prema dolje do ENS Info i Kliknite na Dodaj ENS.
  3. Upišite svoju ENS domenu, kliknite na Potvrdi a zatim potvrdite.
  4. Zatim kliknite na Postavite hash sadržaja. Od vas će se tražiti da povežete svoj novčanik za autorizaciju transakcije plaćanjem male naknade na temelju aktivnosti mreže. Kako biste uspješno postavili vezu, provjerite je li povezani račun novčanika kontrolor domene.

4. Pristupite svojoj web stranici

Nakon što uspješno povežete svoju Web3 domenu sa svojim decentraliziranim web mjestom, vaša Web3 domena bit će usmjerena na vaše decentralizirano web mjesto.

Možete mu pristupiti koristeći svoj ENS domena +.link. Na primjer, u ovom slučaju je elgwaro.eth.link. Unatoč tome, kada koristite preglednik s IPFS-om kao što je Brave, ne morate uključiti .veza na kraju vašeg URL-a.

Uspješno ste izradili svoju decentraliziranu web stranicu.

Idemo dalje od Web2 razvoja

Kako internet s vremenom postaje decentraliziraniji, broj decentraliziranih web stranica vjerojatno će premašiti one koje se nalaze na centraliziranim poslužiteljima. Srećom, prijelaz s Web2 na Web3 razvoj web stranica nije tako složen kao što se čini. Stoga, ako ste razmišljali o izgradnji decentralizirane web stranice koja je otporna na cenzuru, ovaj vam vodič može dati veliku prednost.