Hvordan lage et desentralisert nettsted

Å 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.

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.

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.

  • 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.
  • 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.

      Kan du trenge Xbox Live for å spille Warzone?

    Det andre alternativet er å bruke en IPFS-vertsplattform som f.eks Piñata, Infuraeller 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.

  • Start med å sette opp IPFS på din PC. Du kan enten laste ned PC-klienten eller bruke Brave-nettleserutvidelsen til å sette opp IPFS-noden.
  • Når du allerede er konfigurert, åpner du IPFS-dashbordet, klikker på Importer og laster opp nettsiden din.
  • For å sjekke om nettstedet er live, klikk på de tre prikkene på høyre side av filen, velg Del 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.

  • Åpne GitHub-dashbordet og lag et nytt depot. 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 ditt kalt dWeb
  • Besøk Git-scmlast ned og installer den nyeste versjonen av Git.
  • 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.

      Hvordan implementere lydeffekter og bakgrunnsmusikk i Godot
  • Kjør deretter følgende kommandoer en etter en:
     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: 
  • Å 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.

    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

  • Besøk Fleeklogg på kontoen din og klikk på Legg til nytt nettsted
  • Koble Fleek til GitHub og autoriser tilgang til depotet med nettstedfilene dine.
  • Fleek vil vise ditt valgte depot. Fortsett til kategorien Deploy Location, velg IPFS og klikk på Fortsett.
  • Velg rammeverket (hvis du er usikker, la det være Annet) 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 en av de beste Web3-registratorene på markedet. Kostnaden for domenet vil avhenge av plattformens vilkår, og for blokkjedebaserte domenesystemer vil du pådra deg en nettverksavgift for at transaksjonen skal registreres på blokkjeden.

    For formålet med denne demonstrasjonen har vi kjøpt elgwaro.eth-domenet på ENS.

      Fiks Forza Horizon 5 fast på lasteskjermen

    Koble et ENS-domene til et IPFS-nettsted

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

  • Åpne ENS-dashbordet og få tilgang til domenenavnseksjonen.
  • Velg fanen Records og klikk på Rediger poster.
  • Velg Annet, lim inn koblingen til den uavhengige IPFS-nettstedet, og klikk på Lagre.
  • Du vil bli bedt om å koble til lommeboken for å godkjenne transaksjonen, noe som vil koste deg en liten avgift avhengig av nettverkets aktivitet.
  • 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.

  • Åpne dashbordet for ditt distribuerte nettsted og klikk på Legg til tilpasset domene.
  • Rull ned til ENS Info og klikk på Legg til ENS.
  • Skriv inn ENS-domenet ditt, klikk på Bekreft og bekreft.
  • Klikk deretter på Set 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 det ved å bruke ENS-domenet ditt +.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 URL-en din.

    Du har opprettet ditt desentraliserte nettsted.

    Går forbi Web2-utvikling

    Ettersom 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.