Decentraliserede websteder bliver mere almindelige, efterhånden som Web3 vinder popularitet. Sådan opretter du et decentralt websted.

Oprettelse af en decentral hjemmeside er nemmere end de fleste ville forvente. Faktisk er den eneste forskel mellem et decentraliseret websted og et normalt websted, at det er hostet på et decentraliseret netværk. Næsten alt andet forbliver det samme.

I denne vejledning gennemgår vi processen med at oprette og lancere et decentraliseret websted. Du skal bruge et Web3-domæne og noget ETH i din tegnebog for at gennemgå hele processen.

1. Opret dine webstedsfiler

Start med at forberede de nødvendige webstedsfiler. Alternativt kan du downloade en gratis hjemmesideskabelon fra skabelonudbydere og bruge den til at oprette din decentraliserede hjemmeside. Vi downloader en skabelon fra gratis CSS for at udvikle vores side.

  1. Besøg Gratis CSS, vælg en skabelon, og download den. Udpak derefter ZIP-filen i en mappe, der indeholder hver enkelt fil, som vist nedenfor.

Hvis du bygger webstedet fra bunden, skal du sørge for, at du har alle dine filer i én mappe.

instagram viewer

2. Upload dine webstedsfiler til IPFS

IPFS (Inter-Planetary File System), er det mest populære decentraliserede fillagringssystem, der består af et globalt distribueret peer-to-peer-netværk af computere, der samarbejder om at være vært for filer.

Til en start kan du hoste dine webstedsfiler på din uafhængigt kørende IPFS-node-personlige computer. Udfordringen med denne rute er, at din computer skal være online, for at nogen kan få adgang til dit decentraliserede websted.

Den anden mulighed er at bruge en IPFS-hostingplatform som f.eks Piñata, Infura, eller Fleek at hoste og distribuere dine filer på tværs af IPFS-netværket, hvilket gør det tilgængeligt for alle. Du skal dog betale for et abonnement for at bruge nogle af disse tjenester.

Uploader til din IPFS-node

Først skal du køre en uafhængig IPFS-node.

  1. Start med opsætning af IPFS på din pc. Du kan enten downloade pc-klienten eller bruge Brave-browserudvidelsen til at konfigurere din IPFS-node.
  2. Når du allerede er konfigureret, skal du åbne IPFS-dashboardet, klikke Importere, og upload din webstedsmappe.
  3. For at tjekke om hjemmesiden er live, klik på de tre prikker i højre side af filen, vælg Del link, kopier og åbn IPFS-linket i en ny fane i Brave. Siden skulle indlæses godt, hvis du konfigurerer Brave korrekt.

Uploader til Fleek

Fleek giver brugerne mulighed for at uploade websteder til IPFS gratis, mens Piñata kræver en premium-pakke. Ikke desto mindre skal du installere dit websted på GitHub først, før du kan bruge Fleek.

  1. Åbn dit GitHub-dashboard og opret et nyt lager. Upload derefter dine webstedsfiler til dit GitHub-lager ved hjælp af Git, et versionskontrolsystem, der er godt integreret med GitHub. For nem demonstration skal du først gemme din webstedsfil i en mappe på dit skrivebord kaldet dWeb
  2. Besøg Git-scm, download og installer den nyeste version af Git.
  3. Start Git Bash fra din pc-startmenu og skriv:
    cd desktop/dWeb
    Denne kommando lader Git starte inde i den mappe, vi oprettede på skrivebordet for at initialisere et lokalt lager.
  4. Kør derefter følgende kommandoer én efter én:
    git init 
    git add. 
    git commit -m "first commit"
    gitremoteaddorigin[url].git
    Hvor [url] repræsenterer din GitHub-depotadresse. I vores tilfælde er det:
    git remote add origin https://github.com/elgwaro/dWeb.git

Når du kører disse kommandoer, initialiseres en skjult .git-mappe i din webstedsmappe, tilføjer alle dine webstedsfiler ind i .git-mappen, commiterer dem til upload og uploader til sidst filerne til dit GitHub-lager.

Dette er den mest effektive måde at uploade flere webstedsfiler og -mapper til et GitHub-lager, som skal se ud som vist ovenfor.

Sådan forbinder du en Fleek-konto med GitHub

  1. Besøg Fleek, log ind på din konto, og klik på Tilføj nyt websted
  2. Tilslut Fleek til GitHub og godkend adgang til lageret med dine webstedsfiler.
  3. Fleek viser dit valgte lager. Fortsæt til Implementer placering fanen, vælg IPFS og klik på Blive ved.
  4. Vælg rammen (hvis du ikke er sikker, så lad den være som Andet) og implementer dit websted.

Dit websted vil blive implementeret på IPFS.

3. Tilslut dit Web3-domæne

Uanset om du bruger en lokal IPFS-node eller en online platform såsom Fleek, skal du på dette tidspunkt have dit websted implementeret til IPFS, hvilket betyder, at du har webstedets IPFS-hash.

Så det næste trin er at linke dit websted til dit Web3-domæne. Du kan købe en fra enhver af de top Web3-registratorer på markedet. Prisen på domænet vil afhænge af platformens vilkår, og for blockchain-baserede domænesystemer, vil du pådrage dig et netværksgebyr for transaktionen, der skal registreres på blockchain.

Til formålet med denne demonstration har vi anskaffet elgwaro.eth domæne på ENS.

Tilknytning af et ENS-domæne til et IPFS-websted

Sådan forbinder du dit ENS-domæne til et IPFS-hostet websted

  1. Åbn dit ENS-dashboard og få adgang til dit domænenavnssektion.
  2. Vælg Optegnelser fanen og klik på Rediger poster.
  3. Vælg Andet, indsæt dit uafhængige IPFS-webstedslink, og klik Gemme.
  4. Du bliver bedt om at tilslutte din tegnebog for at godkende transaktionen, hvilket vil koste dig et mindre gebyr afhængigt af netværkets aktivitet.
  5. Når transaktionen er gennemført, vil dit Web3-domæne blive knyttet til dit decentrale websted.

Hvis du bruger Fleek, kan du forbinde dit domæne på Fleek-dashboardet.

  1. Åbn dit installerede websteds dashboard, og klik på Tilføj tilpasset domæne.
  2. Rul ned til ENS Info og klik på Tilføj ENS.
  3. Indtast dit ENS-domæne, klik på Verificere og bekræft derefter.
  4. Klik derefter på Indstil indholdshash. Du bliver bedt om at tilslutte din tegnebog for at godkende transaktionen ved at betale et mindre gebyr baseret på netværkets aktivitet. For at konfigurere linket skal du sikre dig, at den tilsluttede tegnebogskonto er domænets controller.

4. Få adgang til dit websted

Når du har linket dit Web3-domæne til dit decentraliserede websted, vil dit Web3-domæne blive peget på dit decentraliserede websted.

Du kan få adgang til det ved hjælp af din ENS domæne +.link. For eksempel, i dette tilfælde er det elgwaro.eth.link. Ikke desto mindre, når du bruger en IPFS-aktiveret browser som Brave, behøver du ikke at inkludere .link i slutningen af ​​din URL.

Du har med succes oprettet dit decentraliserede websted.

Bevægelse Beyond Web2-udvikling

Efterhånden som internettet bliver mere decentraliseret med tiden, vil antallet af decentraliserede websteder sandsynligvis overstige dem, der hostes på centraliserede servere i sidste ende. Heldigvis er overgangen fra Web2 til Web3 hjemmesideudvikling ikke så kompleks, som det ser ud til. Derfor, hvis du har tænkt på at bygge et decentralt websted, der er modstandsdygtigt over for censur, kan denne guide give dig et stort forspring.