Decentraliserade webbplatser blir allt vanligare i takt med att Web3 vinner popularitet. Så här skapar du en decentraliserad webbplats.

Att skapa en decentraliserad webbplats är enklare än de flesta förväntar sig. Faktum är att den enda skillnaden mellan en decentraliserad webbplats och en normal webbplats är att den finns på ett decentraliserat nätverk. Nästan allt annat förblir detsamma.

I den här guiden går vi igenom processen att skapa och lansera en decentraliserad webbplats. Du behöver en Web3-domän och lite ETH i din plånbok för att gå igenom hela processen.

1. Skapa dina webbplatsfiler

Börja med att förbereda de nödvändiga webbplatsfilerna. Alternativt kan du ladda ner en gratis webbplatsmall från mallleverantörer och använda den för att skapa din decentraliserade webbplats. Vi laddar ner en mall från gratis CSS för att utveckla vår webbplats.

  1. Besök Gratis CSS, välj en mall och ladda ner den. Extrahera sedan ZIP-filen till en mapp som innehåller varje enskild fil, som visas nedan.
instagram viewer

Om du bygger webbplatsen från början, se till att du har alla dina filer i en mapp.

2. Ladda upp dina webbplatsfiler till IPFS

IPFS (Inter-Planetary File System), är det mest populära decentraliserade fillagringssystemet som består av ett globalt distribuerat peer-to-peer-nätverk av datorer som samarbetar för att vara värdfiler.

Till att börja med kan du vara värd för dina webbplatsfiler på din självständigt körda IPFS-nod-persondator. Utmaningen med denna väg är att din dator måste vara online för att någon ska kunna komma åt din decentraliserade webbplats.

Det andra alternativet är att använda en IPFS-värdplattform som t.ex Piñata, Infura, eller Fleek att vara värd för och distribuera dina filer över IPFS-nätverket, vilket gör det tillgängligt för alla. Du måste dock betala för ett abonnemang för att använda vissa av dessa tjänster.

Ladda upp till din IPFS-nod

Först måste du köra en oberoende IPFS-nod.

  1. Börja med ställa in IPFS på din PC. Du kan antingen ladda ner PC-klienten eller använda Brave webbläsartillägg för att ställa in din IPFS-nod.
  2. När du redan är konfigurerad, öppna IPFS-instrumentpanelen, klicka Importera, och ladda upp din webbplatsmapp.
  3. För att kontrollera om webbplatsen är live, klicka på de tre prickarna på höger sida av filen, välj Dela länk, kopiera och öppna IPFS-länken på en ny flik i Brave. Sajten bör laddas bra om du ställer in Brave korrekt.

Laddar upp till Fleek

Fleek tillåter användare att ladda upp webbplatser till IPFS gratis, medan Piñata kräver ett premiumpaket. Icke desto mindre måste du distribuera din webbplats på GitHub först innan du kan använda Fleek.

  1. Öppna din GitHub-instrumentpanel och skapa ett nytt arkiv. Ladda sedan upp dina webbplatsfiler till ditt GitHub-förråd med Git, ett versionskontrollsystem väl integrerat med GitHub. För enkel demonstration, spara först din webbplatsfil i en mapp på skrivbordet som heter dWeb
  2. Besök Git-scm, ladda ner och installera den senaste versionen av Git.
  3. Starta Git Bash från datorns startmeny och skriv in:
    cd desktop/dWeb 
    Detta kommando låter Git starta inuti mappen vi skapade på skrivbordet för att initiera ett lokalt arkiv.
  4. Kör sedan följande kommandon ett efter ett:
    git init 
    git add.
    git commit -m "first commit"
    gitremoteaddorigin[url].git
    Där [url] representerar din GitHub-förvarsadress. I vårt fall är det:
    git remote add origin https://github.com/elgwaro/dWeb.git

Att köra dessa kommandon initierar en dold .git-mapp i din webbplatsmapp, lägger till alla dina webbplatsfiler till .git-mappen, överför dem för uppladdning och laddar så småningom upp filerna till ditt GitHub-förråd.

Detta är det mest effektiva sättet att ladda upp flera webbplatsfiler och mappar till ett GitHub-förråd, som ska se ut som visas ovan.

Så här länkar du ett Fleek-konto till GitHub

  1. Besök Fleek, logga in på ditt konto och klicka på Lägg till ny webbplats
  2. Anslut Fleek till GitHub och auktorisera åtkomst till arkivet med dina webbplatsfiler.
  3. Fleek kommer att visa ditt valda arkiv. Fortsätt till Implementeringsplats fliken, välj IPFS och klicka på Fortsätta.
  4. Välj ramen (om du är osäker, lämna den som Övrig) och distribuera din webbplats.

Din webbplats kommer att distribueras till IPFS.

3. Anslut din Web3-domän

Oavsett om du använder en lokal IPFS-nod eller en onlineplattform som Fleek, bör du vid det här laget ha din webbplats distribuerad till IPFS vilket betyder att du har webbplatsens IPFS-hash.

Så nästa steg är att länka din webbplats till din Web3-domän. Du kan köpa en från vilken som helst topp Web3-registratorer i marknaden. Kostnaden för domänen kommer att bero på plattformens villkor och för blockchain-baserade domänsystem, kommer du att ta på dig en nätverksavgift för transaktionen som ska registreras i blockkedjan.

För syftet med denna demonstration har vi skaffat elgwaro.eth domän på ENS.

Länka en ENS-domän till en IPFS-webbplats

Så här länkar du din ENS-domän till en IPFS-värd webbplats

  1. Öppna din ENS-instrumentpanel och gå till avsnittet om ditt domännamn.
  2. Välj Uppgifter fliken och klicka på Redigera poster.
  3. Välj Övrig, klistra in länken till din oberoende IPFS-webbplats och klicka Spara.
  4. Du kommer att bli ombedd att ansluta din plånbok för att auktorisera transaktionen, vilket kommer att kosta dig en liten avgift beroende på nätverkets aktivitet.
  5. När transaktionen går igenom kommer din Web3-domän att länkas till din decentraliserade webbplats.

Om du använder Fleek kan du ansluta din domän på Fleek-instrumentpanelen.

  1. Öppna instrumentpanelen för din distribuerade webbplats och klicka på Lägg till anpassad domän.
  2. Scrolla ner till ENS Info och klicka på Lägg till ENS.
  3. Skriv in din ENS-domän, klicka på Kontrollera och bekräfta sedan.
  4. Klicka sedan på Ställ in innehållshash. Du kommer att behöva ansluta din plånbok för att godkänna transaktionen genom att betala en liten avgift baserad på nätverkets aktivitet. För att lyckas konfigurera länken, se till att det anslutna plånbokskontot är domänens kontrollant.

4. Få tillgång till din webbplats

När du framgångsrikt har länkat din Web3-domän till din decentraliserade webbplats, kommer din Web3-domän att pekas till din decentraliserade webbplats.

Du kan komma åt den med din ENS domän +.länk. Till exempel, i det här fallet är det elgwaro.eth.link. Ändå, när du använder en IPFS-aktiverad webbläsare som Brave, behöver du inte inkludera .länk i slutet av din URL.

Du har framgångsrikt skapat din decentraliserade webbplats.

Går bortom Web2-utveckling

När internet blir mer decentraliserat med tiden kommer antalet decentraliserade webbplatser troligen att överstiga de som finns på centraliserade servrar så småningom. Lyckligtvis är övergången från Web2 till Web3 webbplatsutveckling inte så komplex som det verkar. Därför, om du har tänkt på att bygga en decentraliserad webbplats som är resistent mot censur, kan den här guiden ge dig ett stort försprång.