Decentralizirana spletna mesta postajajo vse bolj običajna, saj Web3 pridobiva na priljubljenosti. Tukaj je opisano, kako ustvariti decentralizirano spletno mesto.

Ustvarjanje decentraliziranega spletnega mesta je lažje, kot bi večina ljudi pričakovala. Pravzaprav je edina razlika med decentraliziranim in običajnim spletnim mestom ta, da gostuje v decentraliziranem omrežju. Skoraj vse ostalo ostaja enako.

V tem priročniku bomo šli skozi postopek ustvarjanja in zagona decentraliziranega spletnega mesta. Za celoten postopek boste potrebovali domeno Web3 in nekaj ETH v denarnici.

1. Ustvarite datoteke svojega spletnega mesta

Začnite s pripravo potrebnih datotek spletnega mesta. Lahko pa prenesete brezplačno predlogo spletnega mesta od ponudnikov predlog in jo uporabite za ustvarjanje svojega decentraliziranega spletnega mesta. Prenesli bomo predlogo iz Free CSS za razvoj našega spletnega mesta.

  1. Obisk Brezplačni CSS, izberite predlogo in jo prenesite. Nato izvlecite datoteko ZIP v mapo, ki vsebuje vsako posamezno datoteko, kot je prikazano spodaj.
instagram viewer

Če gradite spletno mesto iz nič, zagotovite, da imate vse svoje datoteke v eni mapi.

2. Naložite svoje spletne strani v IPFS

IPFS (Inter-Planetary File System) je najbolj priljubljen decentraliziran sistem za shranjevanje datotek, sestavljen iz globalno porazdeljenega omrežja enakovrednih računalnikov, ki sodelujejo pri gostovanju datotek.

Za začetek lahko datoteke svojega spletnega mesta gostite na neodvisno delujočem vozlišču IPFS – osebnem računalniku. Izziv pri tej poti je, da mora biti vaš računalnik na spletu, da lahko nekdo dostopa do vašega decentraliziranega spletnega mesta.

Druga možnost je uporaba platforme za gostovanje IPFS, kot je npr Piñata, Infura, oz Fleek za gostovanje in distribucijo vaših datotek po omrežju IPFS, tako da so dostopne vsem. Za uporabo nekaterih od teh storitev pa boste morali plačati naročnino.

Nalaganje v vaše vozlišče IPFS

Najprej morate zagnati neodvisno vozlišče IPFS.

  1. Začni z nastavitev IPFS na vašem računalniku. Za nastavitev vozlišča IPFS lahko prenesete odjemalca za osebni računalnik ali uporabite razširitev brskalnika Brave.
  2. Ko ste že nastavljeni, odprite nadzorno ploščo IPFS, kliknite Uvoziin naložite mapo svojega spletnega mesta.
  3. Če želite preveriti, ali spletno mesto deluje, kliknite na tri pike na desni strani datoteke, izberite Deli povezavo, kopirajte in odprite povezavo IPFS v novem zavihku v Brave. Stran bi se morala dobro naložiti, če Brave pravilno nastavite.

Nalaganje v Fleek

Fleek uporabnikom omogoča brezplačno nalaganje spletnih mest v IPFS, medtem ko Piñata zahteva premium paket. Kljub temu boste morali najprej namestiti svoje spletno mesto na GitHub, preden lahko uporabite Fleek.

  1. Odprite nadzorno ploščo GitHub in ustvarite novo skladišče. Nato naložite datoteke svojega spletnega mesta v repozitorij GitHub s pomočjo Git, sistema za nadzor različic, ki je dobro integriran z GitHub. Za lažjo predstavitev najprej shranite datoteko spletnega mesta v mapo na namizju, imenovano dWeb
  2. Obisk Git-scm, prenesite in namestite najnovejšo različico Git.
  3. Zaženite Git Bash iz menija Start v računalniku in vnesite:
    cd desktop/dWeb
    Ta ukaz omogoča, da se Git zažene znotraj mape, ki smo jo ustvarili na namizju, da inicializira lokalno skladišče.
  4. Nato enega za drugim zaženite naslednje ukaze:
    git init 
    git add. 
    git commit -m "first commit"
    gitremoteaddorigin[url].git
    Kjer [url] predstavlja naslov vašega repozitorija GitHub. V našem primeru je to:
    git remote add origin https://github.com/elgwaro/dWeb.git

Zagon teh ukazov inicializira skrito mapo .git v mapi vašega spletnega mesta in doda vse datoteke vašega spletnega mesta v mapo .git, jih potrdi za nalaganje in sčasoma naloži datoteke v vaše skladišče GitHub.

To je najučinkovitejši način za nalaganje več datotek in map spletnega mesta v repozitorij GitHub, ki bi moral izgledati, kot je prikazano zgoraj.

Tukaj je opisano, kako račun Fleek povežete z GitHub

  1. Obisk Fleek, se prijavite v svoj račun in kliknite na Dodaj novo spletno mesto
  2. Povežite Fleek z GitHub in odobrite dostop do skladišča z datotekami vašega spletnega mesta.
  3. Fleek bo prikazal vaše izbrano skladišče. Nadaljujte na Namestite lokacijo izberite zavihek IPFS in kliknite Nadaljuj.
  4. Izberite okvir (če niste prepričani, ga pustite kot drugo) in postavite svoje spletno mesto.

Vaše spletno mesto bo nameščeno na IPFS.

3. Povežite svojo domeno Web3

Ne glede na to, ali uporabljate lokalno vozlišče IPFS ali spletno platformo, kot je Fleek, bi moralo biti vaše spletno mesto na tej točki nameščeno na IPFS, kar pomeni, da imate zgoščeno vrednost IPFS spletnega mesta.

Naslednji korak je torej povezovanje vašega spletnega mesta z vašo domeno Web3. Kupite ga lahko pri kateri koli od najboljših registratorjev Web3 na trgu. Cena domene bo odvisna od pogojev platforme in za domenski sistemi, ki temeljijo na blockchainu, boste morali plačati omrežnino za transakcijo, ki bo zabeležena v verigi blokov.

Za namen te predstavitve smo pridobili elgwaro.eth domena na ENS.

Povezovanje domene ENS s spletno stranjo IPFS

Tukaj je opisano, kako svojo domeno ENS povežete s spletnim mestom, ki gostuje IPFS

  1. Odprite nadzorno ploščo ENS in odprite razdelek z imenom domene.
  2. Izberite Zapisi zavihek in kliknite na Uredi zapise.
  3. Izberite drugo, prilepite povezavo do svojega neodvisnega spletnega mesta IPFS in kliknite Shrani.
  4. Pozvani boste, da povežete svojo denarnico, da odobrite transakcijo, kar vas bo stalo majhno pristojbino, odvisno od dejavnosti omrežja.
  5. Ko bo transakcija opravljena, bo vaša domena Web3 povezana z vašim decentraliziranim spletnim mestom.

Če uporabljate Fleek, lahko svojo domeno povežete na nadzorni plošči Fleek.

  1. Odprite nadzorno ploščo nameščenega spletnega mesta in kliknite Dodajte domeno po meri.
  2. Pomaknite se navzdol do Informacije ENS in kliknite na Dodajte ENS.
  3. Vnesite svojo domeno ENS in kliknite Preveri in nato potrdite.
  4. Nato kliknite na Nastavite zgoščevanje vsebine. Svojo denarnico boste morali povezati, da boste odobrili transakcijo s plačilom majhne pristojbine glede na aktivnost omrežja. Za uspešno nastavitev povezave zagotovite, da je povezani račun denarnice krmilnik domene.

4. Dostop do vašega spletnega mesta

Ko svojo domeno Web3 uspešno povežete z decentraliziranim spletnim mestom, bo vaša domena Web3 usmerjena na vaše decentralizirano spletno mesto.

Do njega lahko dostopate s svojim Domena ENS +.link. Na primer, v tem primeru je elgwaro.eth.link. Kljub temu vam pri uporabi brskalnika, ki podpira IPFS, kot je Brave, ni treba vključiti .link na koncu vašega URL-ja.

Uspešno ste ustvarili svoje decentralizirano spletno mesto.

Prehod od razvoja Web2

Ker internet sčasoma postaja bolj decentraliziran, bo število decentraliziranih spletnih mest verjetno sčasoma preseglo število gostujočih na centraliziranih strežnikih. Na srečo prehod iz razvoja spletnih strani Web2 na Web3 ni tako zapleten, kot se zdi. Če ste torej razmišljali o izdelavi decentraliziranega spletnega mesta, ki je odporno na cenzuro, vam lahko ta vodnik da veliko prednost.