Hajautetut verkkosivustot ovat yleistymässä Web3:n suosion kasvaessa. Näin luot hajautetun sivuston.

Hajautetun verkkosivuston luominen on helpompaa kuin useimmat ihmiset odottavat. Itse asiassa ainoa ero hajautetun verkkosivuston ja tavallisen sivuston välillä on se, että sitä isännöidään hajautetussa verkossa. Lähes kaikki muu pysyy ennallaan.

Tässä oppaassa käymme läpi hajautetun verkkosivuston luomisen ja käynnistämisen. Tarvitset Web3-verkkotunnuksen ja jonkin verran ETH: ta lompakossasi käydäksesi läpi koko prosessi.

1. Luo Web-sivustosi tiedostot

Aloita valmistelemalla tarvittavat verkkosivustotiedostot. Vaihtoehtoisesti voit ladata ilmaisen verkkosivustomallin mallien tarjoajilta ja käyttää sitä hajautetun verkkosivustosi luomiseen. Lataamme mallin Free CSS: stä kehittääksemme sivustoamme.

  1. Vierailla Ilmainen CSS, valitse malli ja lataa se. Pura sitten ZIP-tiedosto kansioon, joka sisältää jokaisen yksittäisen tiedoston alla olevan kuvan mukaisesti.

Jos olet rakentamassa sivustoa tyhjästä, varmista, että sinulla on kaikki tiedostosi yhdessä kansiossa.

instagram viewer

2. Lataa verkkosivustosi tiedostot IPFS: ään

IPFS (Inter-Planetary File System) on suosituin hajautettu tiedostojen tallennusjärjestelmä, joka koostuu maailmanlaajuisesti hajautetusta vertaisverkosta tietokoneita, jotka tekevät yhteistyötä tiedostojen isännöimiseksi.

Aluksi voit isännöidä verkkosivustosi tiedostoja itsenäisesti suoritettavassa IPFS-solmutietokoneessasi. Tämän reitin haasteena on, että tietokoneesi on oltava online-tilassa, jotta joku voi käyttää hajautettua verkkosivustoasi.

Toinen vaihtoehto on käyttää IPFS-isännöintialustaa, kuten Piñata, Infura, tai Fleek isännöidä ja jakaa tiedostojasi IPFS-verkossa, jolloin ne ovat kaikkien käytettävissä. Sinun on kuitenkin maksettava tilaus käyttääksesi joitakin näistä palveluista.

Lähetetään IPFS-solmuun

Ensin sinun on suoritettava itsenäinen IPFS-solmu.

  1. Aloita IPFS: n määrittäminen tietokoneellesi. Voit joko ladata PC-asiakkaan tai käyttää Brave-selainlaajennusta IPFS-solmun määrittämiseen.
  2. Kun olet jo määrittänyt, avaa IPFS-hallintapaneeli ja napsauta Tuontija lataa verkkosivustosi kansio.
  3. Tarkistaaksesi, onko verkkosivusto käytössä, napsauta kolmea pistettä tiedoston oikealla puolella ja valitse Jaa linkki, kopioi ja avaa IPFS-linkki uudella välilehdellä Bravessa. Sivuston pitäisi latautua hyvin, jos määrität Braven oikein.

Ladataan Fleekiin

Fleekin avulla käyttäjät voivat ladata verkkosivustoja IPFS: ään ilmaiseksi, kun taas Piñata vaatii premium-paketin. Sinun on kuitenkin otettava verkkosivustosi käyttöön GitHubissa ennen kuin voit käyttää Fleekiä.

  1. Avaa GitHub-hallintapaneeli ja luo uusi arkisto. Lataa seuraavaksi verkkosivustosi tiedostot GitHub-tietovarastoon Gitillä, joka on GitHubiin hyvin integroitu versionhallintajärjestelmä. Esittelyn helpottamiseksi tallenna ensin verkkosivustosi tiedosto työpöydällesi kansioon nimeltä dWeb
  2. Vierailla Git-scm, lataa ja asenna uusin Git-versio.
  3. Käynnistä Git Bash tietokoneesi Käynnistä-valikosta ja kirjoita:
    cd desktop/dWeb
    Tämän komennon avulla Git käynnistyy työpöydälle luomassamme kansiossa paikallisen arkiston alustamiseksi.
  4. Suorita sitten seuraavat komennot yksitellen:
    git init 
    git add. 
    git commit -m "first commit"
    gitremoteaddorigin[url].git
    Missä [url] edustaa GitHub-tietovaraston osoitettasi. Meidän tapauksessamme se on:
    git remote add origin https://github.com/elgwaro/dWeb.git

Näiden komentojen suorittaminen alustaa piilotetun .git-kansion verkkosivustosi kansiossa ja lisää kaikki verkkosivustosi tiedostot .git-kansioon, sitoo ne lähetettäväksi ja lopulta lataa tiedostot GitHub-tietovarastoon.

Tämä on tehokkain tapa ladata useita verkkosivuston tiedostoja ja kansioita GitHub-arkistoon, jonka pitäisi näyttää yllä esitetyltä.

Näin liität Fleek-tilin GitHubiin

  1. Vierailla Fleek, kirjaudu sisään tilillesi ja napsauta Lisää uusi sivusto
  2. Yhdistä Fleek GitHubiin ja valtuuta pääsy tietovarastoon verkkosivustosi tiedostoilla.
  3. Fleek näyttää valitsemasi arkiston. Siirry kohtaan Ota käyttöön sijainti -välilehti, valitse IPFS ja napsauta Jatkaa.
  4. Valitse kehys (jos et ole varma, jätä se sellaiseksi muu) ja ota sivustosi käyttöön.

Sivustosi otetaan käyttöön IPFS: ään.

3. Yhdistä Web3-verkkotunnuksesi

Käytätpä paikallista IPFS-solmua tai online-alustaa, kuten Fleek, tässä vaiheessa sinun pitäisi ottaa sivustosi käyttöön IPFS: llä, mikä tarkoittaa, että sinulla on sivuston IPFS-hajautus.

Joten seuraava vaihe on linkittää sivustosi Web3-verkkotunnukseesi. Voit ostaa sellaisen mistä tahansa suosituimmat Web3-rekisteröijät kaupassa. Verkkotunnuksen hinta riippuu alustan ehdoista ja lohkoketjupohjaiset verkkotunnusjärjestelmät, joudut maksamaan verkkomaksun tapahtumasta, joka tallennetaan lohkoketjuun.

Tätä esittelyä varten olemme hankkineet elgwaro.eth verkkotunnus ENS: ssä.

ENS-verkkotunnuksen linkittäminen IPFS-verkkosivustoon

Näin voit linkittää ENS-verkkotunnuksesi IPFS-isännöityyn sivustoon

  1. Avaa ENS-hallintapaneeli ja siirry verkkotunnuksesi nimiosaan.
  2. Valitse Records -välilehti ja napsauta sitä Muokkaa tietueita.
  3. Valitse muu, liitä riippumaton IPFS-verkkosivustosi linkki ja napsauta Tallentaa.
  4. Sinua pyydetään yhdistämään lompakkosi tapahtuman valtuuttamiseksi, mikä maksaa sinulle pienen maksun verkon toiminnasta riippuen.
  5. Kun tapahtuma on suoritettu, Web3-verkkotunnuksesi linkitetään hajautettuun verkkosivustoosi.

Jos käytät Fleekiä, voit yhdistää verkkotunnuksesi Fleekin hallintapaneelissa.

  1. Avaa käyttöönotetun verkkosivustosi hallintapaneeli ja napsauta Lisää mukautettu verkkotunnus.
  2. Vieritä alas kohtaan ENS-tiedot ja Napsauta Lisää ENS.
  3. Kirjoita ENS-verkkotunnuksesi, napsauta Vahvista ja vahvista sitten.
  4. Napsauta seuraavaksi Aseta sisällön hajautus. Sinun on liitettävä lompakkosi valtuuttamaan tapahtuma maksamalla pieni maksu, joka perustuu verkon toimintaan. Jotta linkin määrittäminen onnistuu, varmista, että yhdistetty lompakkotili on toimialueen ohjain.

4. Käytä verkkosivustoasi

Kun olet onnistuneesti yhdistänyt Web3-verkkotunnuksesi hajautettuun verkkosivustoosi, Web3-verkkotunnuksesi osoitetaan hajautettuun verkkosivustoosi.

Voit käyttää sitä käyttämällä ENS-verkkotunnus +.linkki. Esimerkiksi tässä tapauksessa se on elgwaro.eth.link. Siitä huolimatta, kun käytät IPFS-yhteensopivaa selainta, kuten Brave, sinun ei tarvitse sisällyttää .linkki URL-osoitteesi lopussa.

Olet onnistuneesti luonut hajautetun verkkosivustosi.

Siirtyminen Web2-kehityksen ulkopuolelle

Kun Internet hajaantuu ajan myötä, hajautettujen verkkosivustojen määrä todennäköisesti ylittää lopulta keskitetyillä palvelimilla isännöidyn sivuston. Onneksi siirtyminen Web2:sta Web3:een ei ole niin monimutkaista kuin miltä näyttää. Siksi, jos olet ajatellut rakentaa hajautetun verkkosivuston, joka kestää sensuuria, tämä opas voi antaa sinulle valtavan etumatkan.