Hvordan lage et desentralisert nettsted

Hvordan lage et desentralisert nettsted
Lesere som deg er med på å støtte MUO. Når du foretar et kjøp ved å bruke lenker på nettstedet vårt, kan vi tjene en tilknyttet provisjon. Les mer.

Å lage et desentralisert nettsted er enklere enn de fleste forventer. Faktisk er den eneste forskjellen mellom et desentralisert nettsted og et vanlig nettsted at det er vert på et desentralisert nettverk. Nesten alt annet forblir det samme.





MUO Video av dagen RULL FOR Å FORTSETTE MED INNHOLD

I denne veiledningen går vi gjennom prosessen med å lage og lansere et desentralisert nettsted. Du trenger et Web3-domene og litt ETH i lommeboken for å gå gjennom hele prosessen.





hvordan laste ned video fra et hvilket som helst nettsted

1. Lag nettstedsfiler

Start med å klargjøre de nødvendige nettsidefilene. Alternativt kan du laste ned en gratis nettsidemal fra malleverandører og bruke den til å lage ditt desentraliserte nettsted. Vi laster ned en mal fra gratis CSS for å utvikle nettstedet vårt.





  1. Besøk Gratis CSS , velg en mal og last den ned. Pakk deretter ut ZIP-filen til en mappe som inneholder hver enkelt fil, som vist nedenfor.   Skjermbilde som viser opplastet nettstedsfil på GitHub

Hvis du bygger nettstedet fra bunnen av, sørg for at du har alle filene dine i én mappe.

2. Last opp nettstedsfilene til IPFS

IPFS (Inter-Planetary File System), er det mest populære desentraliserte fillagringssystemet som består av et globalt distribuert peer-to-peer-nettverk av datamaskiner som samarbeider for å være vert for filer.



Til å begynne med kan du være vert for nettstedfilene dine på din uavhengig drevne IPFS-node-personlige datamaskin. Utfordringen med denne ruten er at datamaskinen din må være online for at noen skal få tilgang til det desentraliserte nettstedet ditt.

Det andre alternativet er å bruke en IPFS-vertsplattform som f.eks Pinata , fett , eller Fleek å være vert for og distribuere filene dine over IPFS-nettverket, slik at det er tilgjengelig for alle. Du må imidlertid betale for et abonnement for å bruke noen av disse tjenestene.





Laster opp til IPFS-noden din

Først må du kjøre en uavhengig IPFS-node.

  1. Start med sette opp IPFS på din PC . Du kan enten laste ned PC-klienten eller bruke Brave-nettleserutvidelsen til å sette opp IPFS-noden.
  2. Når du allerede er konfigurert, åpner du IPFS-dashbordet, klikker Import , og last opp nettsiden din.   Skjermbilde – Legger til nytt nettsted til Fleek
  3. For å sjekke om nettstedet er live, klikk på de tre prikkene på høyre side av filen, velg Dele lenke , kopier og åpne IPFS-koblingen i en ny fane i Brave. Siden skal lastes godt hvis du setter opp Brave riktig.

Laster opp til Fleek

Fleek lar brukere laste opp nettsteder til IPFS gratis, mens Piñata krever en premium-pakke. Ikke desto mindre må du distribuere nettstedet ditt på GitHub først før du kan bruke Fleek.





  1. Åpne GitHub-dashbordet og lag et nytt depot.   Skjermbilde av vellykket koblet ENS-domene Deretter laster du opp nettstedfilene dine til GitHub-depotet ditt ved å bruke Git, et versjonskontrollsystem godt integrert med GitHub. For enkel demonstrasjon, lagre først nettstedsfilen i en mappe på skrivebordet som heter dWeb
  2. Besøk Git-scm , last ned og installer den nyeste versjonen av Git.
  3. Start Git Bash fra PC-startmenyen og skriv inn:
     cd desktop/dWeb 
    Denne kommandoen lar Git starte i mappen vi opprettet på skrivebordet for å initialisere et lokalt depot.
  4. Kjør deretter følgende kommandoer én etter én:
     git init  
    git add .
    git commit -m "first commit"
    git remote add origin [url].git
    Hvor [url] representerer GitHub-depotadressen din. I vårt tilfelle er det:
     git remote add origin https://github.com/elgwaro/dWeb.git

Å kjøre disse kommandoene initialiserer en skjult .git-mappe i nettsidemappen din, legger til alle nettstedfilene dine i .git-mappen, forplikter dem til opplasting og laster til slutt opp filene til GitHub-lageret ditt.

  Skjermbilde av en lansert desentralisert nettside

Dette er den mest effektive måten å laste opp flere nettstedsfiler og -mapper til et GitHub-depot, som skal se ut som vist ovenfor.

Koble Fleek til GitHub

Slik kobler du en Fleek-konto til GitHub

  1. Besøk Fleek , logg på kontoen din og klikk på Legg til nytt nettsted
  2. Koble Fleek til GitHub og autoriser tilgang til depotet med nettstedfilene dine.
  3. Fleek vil vise ditt valgte depot. Fortsett til Distribuer plassering fanen, velg IPFS og klikk på Fortsette .
  4. Velg rammen (hvis du er usikker, la den være som Annen ) og distribuer nettstedet ditt.

Nettstedet ditt vil bli distribuert på IPFS.

3. Koble til ditt Web3-domene

Enten du bruker en lokal IPFS-node eller en nettplattform som Fleek, bør du på dette tidspunktet ha nettstedet ditt distribuert til IPFS, noe som betyr at du har nettstedets IPFS-hash.

Så neste trinn er å koble nettstedet til ditt Web3-domene. Du kan kjøpe en fra hvilken som helst av topp Web3-registratorer på markedet. Kostnaden for domenet vil avhenge av plattformens vilkår, og for blockchain-baserte domenesystemer , vil du pådra deg et nettverksgebyr for transaksjonen som skal registreres på blokkjeden.

For formålet med denne demonstrasjonen har vi anskaffet elgwaro.eth domene på ENS.

Koble et ENS-domene til et IPFS-nettsted

Slik kobler du ENS-domenet ditt til et IPFS-vertsnettsted

  1. Åpne ENS-dashbordet og få tilgang til domenenavnseksjonen.
  2. Velg Rekorder fanen og klikk på Rediger poster .
  3. Plukke ut Annen , lim inn koblingen til den uavhengige IPFS-nettstedet og klikk Lagre .
  4. Du vil bli bedt om å koble til lommeboken for å godkjenne transaksjonen, noe som vil koste deg en liten avgift avhengig av nettverkets aktivitet.
  5. Når transaksjonen går gjennom, vil Web3-domenet ditt bli koblet til ditt desentraliserte nettsted.

Hvis du bruker Fleek, kan du koble til domenet ditt på Fleek-dashbordet.

  1. Åpne dashbordet for ditt distribuerte nettsted og klikk på Legg til tilpasset domene .
  2. Rull ned til ENS Info og klikk på Legg til ENS .
  3. Skriv inn ditt ENS-domene, klikk på Bekrefte og deretter bekrefte.
  4. Klikk deretter på Angi Content Hash . Du må koble til lommeboken for å godkjenne transaksjonen ved å betale en liten avgift basert på nettverkets aktivitet.  For å konfigurere koblingen, sørg for at den tilkoblede lommebokkontoen er kontrolleren for domenet.

4. Få tilgang til nettstedet ditt

Når du har koblet Web3-domenet ditt til det desentraliserte nettstedet ditt, vil Web3-domenet bli pekt til det desentraliserte nettstedet ditt.

Du kan få tilgang til den ved å bruke din ENS domene +.link . For eksempel, i dette tilfellet er det det elgwaro.eth.link . Likevel, når du bruker en IPFS-aktivert nettleser som Brave, trenger du ikke å inkludere .link på slutten av nettadressen din.

Du har opprettet ditt desentraliserte nettsted.

Går forbi Web2-utvikling

Etter hvert som internett blir mer desentralisert med tiden, vil antallet desentraliserte nettsteder sannsynligvis overstige de som ligger på sentraliserte servere etter hvert. Heldigvis er overgangen fra Web2 til Web3 nettstedutvikling ikke så komplisert som det ser ut til. Derfor, hvis du har tenkt på å bygge et desentralisert nettsted som er motstandsdyktig mot sensur, kan denne guiden gi deg et stort forsprang.