Hur man skapar en decentraliserad webbplats

Att skapa en decentraliserad webbplats är enklare än de flesta tror. Faktum är att den enda skillnaden mellan en decentraliserad webbplats och en vanlig webbplats är att den ligger i ett decentraliserat nätverk. Nästan allt annat förblir detsamma.

I den här handboken kommer vi att gå igenom hur man bygger upp och presenterar en decentraliserad webbplattform. Det är absolut nödvändigt att du har en Web3-domän och ett tillräckligt saldo av Ether (ETH) i din digitala plånbok för att kunna genomföra hela processen.

Skapa dina webbplatsfiler

Innan du påbörjar utvecklingen av din decentraliserade webbplats är det viktigt att förbereda de nödvändiga webbplatsfilerna eller alternativt skaffa en gratis webbplatsmall från ansedda mallleverantörer för användning vid skapandet av din decentraliserade webbplats. I det här exemplet kommer vi att använda en mall från Free CSS för att bygga vår webbplats.

⭐ Besök Free 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.

När du skapar en ny webbplats är det viktigt att samla alla relevanta filer i en enda katalog för att organisera och effektivisera projekthanteringen.

Ladda upp dina webbplatsfiler till IPFS

IPFS, som står för Inter-Planetary File System, är ett vittförgrenat peer-to-peer-nätverk av datorenheter som tillsammans fungerar som ett decentraliserat filarkiv genom ömsesidigt samarbete och fördelning av ansvaret för datavärdskap. Denna innovativa metod har fått stor uppmärksamhet på grund av dess förmåga att ge säker och tillförlitlig tillgång till digitalt innehåll över olika plattformar och miljöer samtidigt som behovet av centraliserad kontroll eller övervakning elimineras.

Till att börja med är ett alternativ att lagra webbplatsens filer på en persondator som kör en oberoende instans av IPFS. Det finns dock vissa begränsningar att ta hänsyn till när man väljer detta tillvägagångssätt. För att användare ska kunna komma åt din decentraliserade webbplats måste din dator vara ansluten till internet hela tiden.

Det andra alternativet är att använda en IPFS-värdplattform som Piñata , Infura eller Fleek för 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 en prenumeration för att använda vissa av dessa tjänster.

Uppladdning till din IPFS-nod

Till att börja med är det nödvändigt att använda en fristående IPFS-nod.

Till att börja med har du möjlighet att installera IPFS-klientprogramvaran på din dator, eller alternativt använda ett webbläsartillägg för den populära webbläsaren Brave som ett sätt att etablera din IPFS-nod.

⭐ När du är klar med installationen öppnar du IPFS-instrumentpanelen, klickar på Importera och laddar upp din webbplatsmapp.

För att fastställa den aktiva statusen för en viss webbplats, vänligen navigera till höger om motsvarande fil och leta reda på trion av ellipser, kända som “tre prickar”. När du har hittat den, välj alternativet “Dela länk”, duplicera den tillhörande koden och starta därefter en instans av InterPlanetary File System (IPFS) genom att öppna den angivna URL:en i en nyöppnad webbläsarflik i Brave-applikationen. Om webbplatsen konfigureras optimalt bör den uppvisa sömlös funktionalitet inom den nämnda webbläsarplattformen.

Uppladdning till Fleek

⭐ Öppna 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 underlätta demonstrationen sparar du först webbplatsfilen i en mapp på skrivbordet som heter dWeb

⭐ Besök Git-scm , ladda ner och installera den senaste versionen av Git.

⭐ Starta Git Bash från datorns Startmeny och skriv in:

 cd desktop/dWeb

Detta kommando låter Git starta i den mapp som vi skapade på skrivbordet för att initiera 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

Där [url] representerar adressen till ditt GitHub-arkiv. I vårt fall är det:

 git remote add origin https://github.com/elgwaro/dWeb.git 

Genomförandet av dessa instruktioner kommer att aktivera en dold “.git” -katalog i din projektmapp, införliva allt innehåll på din webbplats i mappen, begå dem för överföring och slutligen överföra data till ditt GitHub-arkiv.

En effektiv metod för att skicka många webbplatstillgångar, inklusive filer och kataloger, till ett GitHub-arkiv är att använda den process som illustreras i föregående exempel.

Länka Fleek till GitHub

Följ dessa steg för att upprätta en anslutning mellan ditt Fleek-konto och GitHub:

⭐ Besök Fleek , logga in på ditt konto och klicka på Lägg till ny webbplats

⭐ Anslut Fleek till GitHub och auktorisera åtkomst till förvaret med dina webbplatsfiler.

⭐ Fleek kommer att visa ditt valda arkiv. Fortsätt till fliken Deploy Location, välj IPFS och klicka på Continue .

⭐ Välj ramverk (om du inte är säker, lämna det som Annat) och distribuera din webbplats.

Din webbplats kommer att distribueras till IPFS.

Anslut din Web3-domän

När man använder antingen en fristående IPFS-nod eller en internetbaserad tjänst som Fleek, är det viktigt att man har lyckats distribuera sin webbplats till IPFS och därigenom erhålla dess motsvarande IPFS-hash.

För att kunna fortsätta är det nödvändigt att länka din webbplats till din Web3-domän. Detta kan åstadkommas genom att förvärva en domän via en av de välrenommerade registratorer som finns tillgängliga på den aktuella marknaden. Priset på domänen kan variera beroende på den specifika plattformens villkor. Vid användning av blockkedjebaserade domänsystem kan det dessutom tillkomma en extra avgift för att registrera transaktionen i den distribuerade liggaren.

För att visa upp vårt systems kapacitet har vi köpt domänen elgwaro.eth från Ethereum Name Service (ENS).

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

Följ dessa steg för att upprätta en anslutning mellan din Extended Non-Structured (ENS) domän och en webbplats som finns på InterPlanetary File System (IPFS):

⭐ Öppna din ENS-instrumentpanel och gå till avsnittet med ditt domännamn.

⭐ Välj fliken Poster och klicka på Redigera poster .

⭐ Välj Annan , klistra in din oberoende IPFS-webbplatslänk och klicka på Spara .

⭐ Du uppmanas att ansluta din plånbok för att godkänna transaktionen, vilket kostar dig en liten avgift beroende på nätverkets aktivitet.

När en transaktion har slutförts kommer din Web3-domän att vara säkert ansluten till din decentraliserade webbplattform.

Om man använder Fleek har man möjlighet att integrera sin domän i Fleeks instrumentpanel.

⭐ Öppna instrumentpanelen för din distribuerade webbplats och klicka på Lägg till anpassad domän .

⭐ Bläddra 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å Ange 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 måste du se till att det anslutna plånbokskontot är domänens kontrollant.

Åtkomst till din webbplats

När din Web3-domän har anslutits korrekt till din decentraliserade webbplats kommer den att riktas mot din decentraliserade plattform.

Du kan komma åt den med din ENS domän \\+.link . I det här fallet är det till exempel elgwaro.eth.link . När du använder en IPFS-aktiverad webbläsare som Brave behöver du dock inte inkludera .link i slutet av din URL.

Du har lyckats skapa din decentraliserade webbplats.

Mer än bara Web2-utveckling

När tekniken går framåt och Internet fortsätter att utvecklas mot ökad decentralisering, förväntas allt fler webbaserade plattformar övergå från traditionell centraliserad serverinfrastruktur till distribuerade nätverk. Även om det kan uppfattas som komplicerat att göra en sådan övergång, behöver processen att utveckla decentraliserade applikationer för Web3-plattformen inte nödvändigtvis innebära några betydande hinder. Personer som är intresserade av att skapa decentraliserade webbplatser som erbjuder bättre motståndskraft mot potentiell censur eller andra former av störningar kommer därför sannolikt att finna denna guide som en värdefull resurs.