Decentralizuotos svetainės tampa vis įprastesnės, nes Web3 populiarėja. Štai kaip sukurti decentralizuotą svetainę.

Sukurti decentralizuotą svetainę lengviau, nei dauguma žmonių tikėtųsi. Tiesą sakant, vienintelis skirtumas tarp decentralizuotos svetainės ir įprastos svetainės yra tas, kad ji talpinama decentralizuotame tinkle. Beveik visa kita išlieka ta pati.

Šiame vadove apžvelgsime decentralizuotos svetainės kūrimo ir paleidimo procesą. Kad galėtumėte atlikti visą procesą, piniginėje reikės Web3 domeno ir šiek tiek ETH.

1. Sukurkite savo svetainės failus

Pradėkite nuo reikalingų svetainės failų paruošimo. Arba galite atsisiųsti nemokamą svetainės šabloną iš šablonų teikėjų ir naudoti jį kurdami decentralizuotą svetainę. Atsisiųsime šabloną iš nemokamo CSS, kad sukurtume svetainę.

  1. Aplankykite Nemokamas CSS, pasirinkite šabloną ir atsisiųskite jį. Tada ištraukite ZIP failą į aplanką, kuriame yra kiekvienas atskiras failas, kaip parodyta toliau.

Jei kuriate svetainę nuo nulio, įsitikinkite, kad visi failai yra viename aplanke.

instagram viewer

2. Įkelkite savo svetainės failus į IPFS

IPFS (Inter-Planetary File System) yra populiariausia decentralizuota failų saugojimo sistema, sudaryta iš pasauliniu mastu paskirstyto peer-to-peer kompiuterių, kurie bendradarbiauja priglobdami failus, tinklo.

Pirmiausia galite talpinti savo svetainės failus savo savarankiškai paleistame IPFS mazge – asmeniniame kompiuteryje. Šio maršruto iššūkis yra tas, kad jūsų kompiuteris turi būti prijungtas prie interneto, kad kas nors galėtų pasiekti jūsų decentralizuotą svetainę.

Kita galimybė yra naudoti IPFS prieglobos platformą, pvz Piñata, Infura, arba Fleek priglobti ir platinti failus IPFS tinkle, kad jie būtų prieinami visiems. Tačiau, norėdami naudotis kai kuriomis iš šių paslaugų, turėsite sumokėti už prenumeratą.

Įkėlimas į jūsų IPFS mazgą

Pirmiausia turite paleisti nepriklausomą IPFS mazgą.

  1. Pradėkite nuo nustatykite IPFS savo kompiuteryje. Norėdami nustatyti IPFS mazgą, galite atsisiųsti kompiuterio klientą arba naudoti naršyklės „Brave“ plėtinį.
  2. Kai jau nustatysite, atidarykite IPFS prietaisų skydelį, spustelėkite Importuotiir įkelkite savo svetainės aplanką.
  3. Norėdami patikrinti, ar svetainė veikia, spustelėkite tris taškus dešinėje failo pusėje, pasirinkite Bendrinti nuorodą, nukopijuokite ir atidarykite IPFS nuorodą naujame Brave skirtuke. Jei teisingai nustatėte „Brave“, svetainė turėtų gerai įkelti.

Įkeliama į Fleek

„Fleek“ leidžia vartotojams nemokamai įkelti svetaines į IPFS, o „Piñata“ reikalauja aukščiausios kokybės paketo. Nepaisant to, prieš naudodami „Fleek“, pirmiausia turėsite įdiegti savo svetainę „GitHub“.

  1. Atidarykite „GitHub“ prietaisų skydelį ir sukurkite naują saugyklą. Tada įkelkite savo svetainės failus į savo „GitHub“ saugyklą naudodami „Git“ – versijos valdymo sistemą, gerai integruotą su „GitHub“. Kad būtų lengviau demonstruoti, pirmiausia išsaugokite svetainės failą darbalaukio aplanke, vadinamame dWeb
  2. Aplankykite Git-scm, atsisiųskite ir įdiekite naujausią „Git“ versiją.
  3. Paleiskite „Git Bash“ iš savo kompiuterio pradžios meniu ir įveskite:
    cd desktop/dWeb
    Ši komanda leidžia „Git“ paleisti aplanke, kurį sukūrėme darbalaukyje, kad inicijuotų vietinę saugyklą.
  4. Tada paleiskite šias komandas po vieną:
    git init 
    git add. 
    git commit -m "first commit"
    gitremoteaddorigin[url].git
    Kur [url] reiškia jūsų „GitHub“ saugyklos adresą. Mūsų atveju tai:
    git remote add origin https://github.com/elgwaro/dWeb.git

Vykdant šias komandas inicijuojamas paslėptas .git aplankas jūsų svetainės aplanke ir pridedami visi svetainės failai į .git aplanką, įpareigoja juos įkelti ir galiausiai įkelia failus į jūsų GitHub saugyklą.

Tai yra efektyviausias būdas įkelti kelis svetainės failus ir aplankus į „GitHub“ saugyklą, kuri turėtų atrodyti taip, kaip parodyta aukščiau.

Štai kaip susieti „Fleek“ paskyrą su „GitHub“.

  1. Aplankykite Fleek, prisijunkite prie savo paskyros ir spustelėkite Pridėti naują svetainę
  2. Prijunkite „Fleek“ prie „GitHub“ ir suteikite prieigą prie saugyklos naudodami savo svetainės failus.
  3. Fleek parodys jūsų pasirinktą saugyklą. Pereikite prie Diegimo vieta skirtuką, pasirinkite IPFS ir spustelėkite Tęsti.
  4. Pasirinkite sistemą (jei nesate tikri, palikite ją kaip Kita) ir įdiekite savo svetainę.

Jūsų svetainė bus įdiegta į IPFS.

3. Prijunkite savo Web3 domeną

Nesvarbu, ar naudojate vietinį IPFS mazgą, ar internetinę platformą, pvz., „Fleek“, šiuo metu jūsų svetainė turėtų būti įdiegta į IPFS, o tai reiškia, kad turite svetainės IPFS maišą.

Taigi kitas žingsnis yra svetainės susiejimas su Web3 domenu. Galite nusipirkti iš bet kurio iš populiariausi Web3 registratoriai rinkoje. Domeno kaina priklausys nuo platformos sąlygų ir už „blockchain“ pagrįstos domenų sistemos, turėsite sumokėti tinklo mokestį už operaciją, kuri bus įrašyta į blokų grandinę.

Šios demonstracijos tikslais įsigijome elgwaro.eth domenas ENS.

ENS domeno susiejimas su IPFS svetaine

Štai kaip susieti savo ENS domeną su IPFS priglobta svetaine

  1. Atidarykite savo ENS prietaisų skydelį ir pasiekite domeno pavadinimo skyrių.
  2. Pasirinkite Įrašai skirtuką ir spustelėkite Redaguoti įrašus.
  3. Pasirinkite Kita, įklijuokite nepriklausomos IPFS svetainės nuorodą ir spustelėkite Sutaupyti.
  4. Būsite paraginti prijungti piniginę, kad patvirtintumėte operaciją, kuri jums kainuos nedidelį mokestį, priklausantį nuo tinklo veiklos.
  5. Kai operacija bus atlikta, jūsų Web3 domenas bus susietas su jūsų decentralizuota svetaine.

Jei naudojate „Fleek“, savo domeną galite prijungti „Fleek“ prietaisų skydelyje.

  1. Atidarykite įdiegtos svetainės informacijos suvestinę ir spustelėkite Pridėti pasirinktinį domeną.
  2. Slinkite žemyn iki ENS informacija ir spustelėkite Pridėti ENS.
  3. Įveskite savo ENS domeną, spustelėkite Patvirtinti ir tada patvirtinkite.
  4. Toliau spustelėkite Nustatyti turinio maišą. Turėsite prijungti piniginę, kad patvirtintumėte operaciją, sumokėdami nedidelį mokestį, pagrįstą tinklo veikla. Norėdami sėkmingai nustatyti susiejimą, įsitikinkite, kad prijungta piniginės paskyra yra domeno valdiklis.

4. Prisijunkite prie savo svetainės

Kai sėkmingai susiesite Web3 domeną su decentralizuota svetaine, jūsų Web3 domenas bus nukreiptas į jūsų decentralizuotą svetainę.

Jį galite pasiekti naudodami savo ENS domenas +.link. Pavyzdžiui, šiuo atveju tai elgwaro.eth.link. Nepaisant to, kai naudojate IPFS įgalintą naršyklę, pvz., „Brave“, jums nereikia įtraukti .nuoroda URL pabaigoje.

Sėkmingai sukūrėte savo decentralizuotą svetainę.

Peržengiant Web2 kūrimo ribas

Laikui bėgant internetui tampant vis decentralizuotam, decentralizuotų svetainių skaičius greičiausiai viršys tas, kurios yra talpinamos centralizuotuose serveriuose. Laimei, perėjimas nuo Web2 prie Web3 svetainių kūrimo nėra toks sudėtingas, kaip atrodo. Todėl, jei sumanėte sukurti decentralizuotą svetainę, kuri būtų atspari cenzūrai, šis vadovas gali padėti jums padėti.