Hur man skapar en decentraliserad webbplats

Att konstruera en webbplats som är decentraliserad är inte så krångligt som många tror. Faktum är att den huvudsakliga skillnaden mellan en sådan webbplats och en traditionell webbplats är dess placering på ett decentraliserat nätverk. I stort sett allt annat förblir i princip oförändrat.

Denna handledning kommer att guida dig genom stegen för att skapa och lansera en decentraliserad webbplats. För att genomföra processen behöver du en Web3-domän och en liten mängd ETH i din digitala plånbok.

1. Förbered Dina Webbplatsfiler

Börja med att samla ihop alla filer som behövs för din webbplats. Du kan antingen bygga den från grunden eller välja att ladda ner en färdig webbplatsmall från en av de många leverantörerna som erbjuder gratis mallar. I vårt exempel kommer vi att ladda ner en mall från Gratis CSS för att använda som utgångspunkt.

• Besök Gratis CSS, välj en mall som tilltalar dig och ladda ner den. Extrahera sedan innehållet från ZIP-filen till en ny mapp där alla enskilda filer finns samlade, som illustrerat nedan.

Om du väljer att bygga webbplatsen själv från början, se till att alla dina filer är organiserade i en egen mapp.

2. Ladda Upp Webbplatsfiler till IPFS

IPFS, eller InterPlanetary File System, är ett välkänt decentraliserat lagringssystem. Det fungerar som ett globalt, distribuerat nätverk av datorer som samverkar för att lagra filer.

För att komma igång kan du själv lagra dina webbplatsfiler på din egen IPFS-nod, vilket är din personliga dator. Nackdelen med detta är att din dator måste vara online för att webbplatsen ska vara tillgänglig för andra.

Ett annat alternativ är att använda en IPFS-hostingplattform, som exempelvis Piñata, Infura eller Fleek. Dessa tjänster lagrar och distribuerar dina filer över IPFS-nätverket, vilket gör dem tillgängliga för alla. Tänk på att vissa av dessa tjänster kan kräva en prenumerationsavgift.

Ladda Upp till Din IPFS-nod

Först behöver du installera och köra en egen IPFS-nod.

• Börja med att installera IPFS på din dator. Du kan antingen ladda ner en klient för din dator eller använda ett webbläsartillägg som Brave för att konfigurera en IPFS-nod.
• När installationen är klar, öppna IPFS-instrumentpanelen, klicka på ”Importera” och ladda upp din webbplatsmapp.
• För att verifiera att webbplatsen fungerar som den ska, klicka på de tre punkterna bredvid filen, välj ”Dela länk”, kopiera länken och öppna den i en ny flik i Brave-webbläsaren. Om du har konfigurerat Brave korrekt, ska webbplatsen laddas utan problem.

Ladda Upp till Fleek

Fleek ger användare möjlighet att ladda upp webbplatser till IPFS gratis, medan Piñata kräver en betald prenumeration. För att kunna använda Fleek behöver du först publicera din webbplats på GitHub.

• Gå till din GitHub-instrumentpanel och skapa ett nytt arkiv. Ladda sedan upp dina webbplatsfiler till ditt GitHub-arkiv med hjälp av Git, ett versionskontrollsystem som är väl integrerat med GitHub. För att göra det enklare, spara först din webbplats i en mapp på skrivbordet, exempelvis kallad ”dWeb”.
• Besök Git-scm, ladda ner och installera den senaste versionen av Git.
• Starta Git Bash från startmenyn på din dator och skriv in följande kommando:

   cd desktop/dWeb  

  Detta kommando låter Git starta inifrån den mapp vi skapade på skrivbordet, vilket initierar ett lokalt arkiv.

• Kör sedan följande kommandon, ett i taget:

   git init 
  git add . 
  git commit -m "first commit" 
  git remote add origin [url].git 
  

  Ersätt [url] med adressen till ditt GitHub-arkiv. I vårt exempel är det:

   git remote add origin https: 

Genom att köra dessa kommandon skapas en dold .git-mapp i din webbplatsmapp. Denna mapp lägger till alla dina webbplatsfiler och laddar sedan upp dem till ditt GitHub-arkiv.



Detta är det mest effektiva sättet att ladda upp flera filer och mappar till ett GitHub-arkiv. Resultatet bör se ut som bilden ovan.

Koppla Fleek till GitHub

Så här kopplar du ditt Fleek-konto till GitHub:

• Gå till Fleek, logga in på ditt konto och klicka på ”Lägg till ny webbplats”.
• Anslut Fleek till GitHub och ge tillgång till arkivet med dina webbplatsfiler.
• Fleek kommer nu att visa det valda arkivet. Fortsätt till fliken ”Deploy Location”, välj ”IPFS” och klicka på ”Fortsätt”.
• Välj ramverk (om du är osäker, låt det vara ”Annat”) och publicera din webbplats.

Din webbplats kommer nu att publiceras på IPFS.

3. Anslut Din Web3-Domän

Oavsett om du använder en egen IPFS-nod eller en onlinetjänst som Fleek, bör du nu ha din webbplats publicerad på IPFS och ha tillgång till webbplatsens IPFS-hash.

Nästa steg är att koppla din webbplats till din Web3-domän. Du kan köpa en domän från någon av de etablerade Web3-registratorerna. Kostnaden för domänen varierar beroende på plattformens villkor. För blockkedjebaserade domänsystem tillkommer även en nätverksavgift för registreringen på blockkedjan.

I detta exempel har vi skaffat oss domänen elgwaro.eth via ENS.

Länka en ENS-Domän till en IPFS-Webbplats

Så här länkar du din ENS-domän till en webbplats som är hostad på IPFS:

• Gå till din ENS-instrumentpanel och navigera till avsnittet för ditt domännamn.
• Välj fliken ”Records” och klicka på ”Edit Records”.
• Välj ”Annat”, klistra in IPFS-länken till din webbplats och klicka på ”Spara”.
• Du kommer nu att bli ombedd att ansluta din plånbok för att godkänna transaktionen. Detta kommer att kosta en liten avgift beroende på nätverkets aktivitet.
• När transaktionen är klar kommer din Web3-domän att vara kopplad till din decentraliserade webbplats.

Om du använder Fleek kan du koppla din domän direkt från Fleeks instrumentpanel.

• Öppna instrumentpanelen för den webbplats du publicerat och klicka på ”Lägg till anpassad domän”.
• Scrolla ner till ”ENS Info” och klicka på ”Lägg till ENS”.
• Skriv in din ENS-domän, klicka på ”Verifiera” och bekräfta sedan.
• Klicka sedan på ”Set Content Hash”. Du kommer att behöva ansluta din plånbok för att godkänna transaktionen, vilket medför en mindre kostnad som baseras på nätverkets aktivitet. Se till att den anslutna plånboken är domänens kontrollant för att länken ska fungera.

4. Besök Din Webbplats

När du har kopplat din Web3-domän till din decentraliserade webbplats, kommer domänen att peka mot din webbplats.



Du kan komma åt den med din ENS-domän plus tillägget .link. Exempelvis, i det här fallet blir det elgwaro.eth.link. Om du använder en IPFS-aktiverad webbläsare, som Brave, behöver du inte inkludera .link i slutet av din URL.



Grattis, du har nu skapat din egen decentraliserade webbplats!

Steget Bort Från Web2-Utveckling

I takt med att internet blir alltmer decentraliserat kommer antalet decentraliserade webbplatser med största sannolikhet att överstiga antalet webbplatser på centraliserade servrar i framtiden. Övergången från Web2 till Web3 webbplatsutveckling är lyckligtvis inte så komplicerad som det kan verka. Om du har funderat på att bygga en decentraliserad webbplats som är motståndskraftig mot censur, kommer denna guide att ge dig en bra start.