Hoe u een gedecentraliseerde website maakt

Het maken van een gedecentraliseerde website is eenvoudiger dan de meeste mensen zouden verwachten. Het enige verschil tussen een gedecentraliseerde website en een normale site is dat deze wordt gehost op een gedecentraliseerd netwerk. Bijna al het andere blijft hetzelfde.

In deze handleiding doorlopen we het proces van het maken en lanceren van een gedecentraliseerde website. Je hebt een Web3-domein en wat ETH in je portemonnee nodig om het hele proces te doorlopen.

1. Maak uw websitebestanden

Begin met het voorbereiden van de benodigde websitebestanden. Als alternatief kunt u een gratis websitesjabloon downloaden van sjabloonaanbieders en deze gebruiken om uw gedecentraliseerde website te maken. We downloaden een sjabloon van Free CSS om onze site te ontwikkelen.

1. Bezoek Gratis CSS, selecteer een sjabloon en download deze. Pak vervolgens het ZIP-bestand uit in een map die elk afzonderlijk bestand bevat, zoals hieronder weergegeven.

Als u de site helemaal opnieuw opbouwt, zorg er dan voor dat u al uw bestanden in één map heeft.

2. Upload uw websitebestanden naar IPFS

IPFS (Inter-Planetary File System) is het populairste gedecentraliseerde bestandsopslagsysteem dat bestaat uit een wereldwijd gedistribueerd peer-to-peer netwerk van computers die samenwerken om bestanden te hosten.

Om te beginnen kunt u uw websitebestanden hosten op uw onafhankelijk beheerde IPFS-knooppunt-personal computer. De uitdaging bij deze route is dat uw computer online moet zijn voordat iemand toegang heeft tot uw gedecentraliseerde website.

De andere optie is om een ​​IPFS-hostingplatform te gebruiken, zoals Piñata, Infura, of Vlek om uw bestanden te hosten en te distribueren via het IPFS-netwerk, zodat deze voor iedereen toegankelijk zijn. Voor het gebruik van sommige van deze services moet u echter een abonnement betalen.

Uploaden naar uw IPFS-knooppunt

Eerst moet u een onafhankelijk IPFS-knooppunt uitvoeren.

1. Start op IPFS instellen op uw pc. U kunt de pc-client downloaden of de Brave-browserextensie gebruiken om uw IPFS-knooppunt in te stellen.
2. Zodra u al bent ingesteld, opent u het IPFS-dashboard en klikt u op Importerenen upload uw websitemap.
3. Om te controleren of de website live is, klikt u op de drie puntjes aan de rechterkant van het bestand, selecteren Deel link, kopieer en open de IPFS-link op een nieuw tabblad in Brave. De site zou goed moeten laden als je Brave correct instelt.

Uploaden naar Fleek

Met Fleek kunnen gebruikers gratis websites uploaden naar IPFS, terwijl voor Piñata een premiumpakket vereist is. Niettemin moet u eerst uw website op GitHub implementeren voordat u Fleek kunt gebruiken.

1. Open uw GitHub-dashboard en maak een nieuwe repository. Upload vervolgens uw websitebestanden naar uw GitHub-repository met behulp van Git, een versiebeheersysteem dat goed is geïntegreerd met GitHub. Voor een eenvoudige demonstratie slaat u eerst uw websitebestand op in een map op uw bureaublad genaamd dWeb
2. Bezoek Git-scm, download en installeer de nieuwste versie van Git.
3. Start Git Bash vanuit het Startmenu van uw pc en typ:

   cd desktop/dWeb 

   Met dit commando kan Git starten in de map die we op het bureaublad hebben gemaakt om een ​​lokale repository te initialiseren.
4. Voer vervolgens de volgende opdrachten één voor één uit:

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

   Waar [url] uw GitHub-repositoryadres vertegenwoordigt. In ons geval is het:

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

Door deze opdrachten uit te voeren, wordt een verborgen .git-map in uw websitemap geïnitialiseerd en worden al uw websitebestanden toegevoegd in de .git-map, legt ze vast voor upload en uploadt de bestanden uiteindelijk naar uw GitHub-repository.

Dit is de meest efficiënte manier om meerdere websitebestanden en -mappen te uploaden naar een GitHub-repository, die er uit zou moeten zien zoals hierboven weergegeven.

Hier leest u hoe u een Fleek-account koppelt aan GitHub

1. Bezoek Vlek, log in op uw account en klik op Nieuwe site toevoegen
2. Verbind Fleek met GitHub en autoriseer toegang tot de repository met uw websitebestanden.
3. Fleek zal uw geselecteerde repository weergeven. Ga verder naar de Locatie implementeren tabblad, selecteer IPFS en klik op Doorgaan.
4. Kies het raamwerk (als u het niet zeker weet, laat het dan zo Ander) en implementeer uw site.

Uw site wordt geïmplementeerd op IPFS.

3. Verbind uw Web3-domein

Of u nu een lokaal IPFS-knooppunt of een online platform zoals Fleek gebruikt, op dit punt moet uw site zijn geïmplementeerd op IPFS, wat betekent dat u over de IPFS-hash van de site beschikt.

De volgende stap is dus het koppelen van uw site aan uw Web3-domein. Je kunt er een kopen bij een van de top Web3-registrars op de markt. De kosten van het domein zijn afhankelijk van de voorwaarden van het platform op blockchain gebaseerde domeinsystemen, betaalt u netwerkkosten voor de transactie die op de blockchain wordt vastgelegd.

Voor deze demonstratie hebben we verworven elgwaro.eth domein op ENS.

Een ENS-domein koppelen aan een IPFS-website

Hier leest u hoe u uw ENS-domein koppelt aan een door IPFS gehoste site

1. Open uw ENS-dashboard en ga naar uw domeinnaamsectie.
2. Selecteer de Opnames tabblad en klik op Records bewerken.
3. Selecteer Ander, plak uw onafhankelijke IPFS-websitelink en klik Redden.
4. U wordt gevraagd uw portemonnee te verbinden om de transactie te autoriseren. Dit kost u een kleine vergoeding, afhankelijk van de activiteit van het netwerk.
5. Zodra de transactie is voltooid, wordt uw Web3-domein gekoppeld aan uw gedecentraliseerde website.

Als u Fleek gebruikt, kunt u uw domein koppelen op het Fleek-dashboard.

1. Open uw geïmplementeerde websitedashboard en klik op Aangepast domein toevoegen.
2. Scroll naar beneden naar ENS-info en klik op ENS toevoegen.
3. Typ uw ENS-domein in, klik op Verifiëren en bevestig vervolgens.
4. Klik vervolgens op Stel inhoudhash in. U moet uw portemonnee verbinden om de transactie te autoriseren door een kleine vergoeding te betalen op basis van de netwerkactiviteit. Om de koppeling succesvol in te stellen, moet u ervoor zorgen dat het verbonden portemonnee-account de controller van het domein is.

4. Toegang tot uw website

Zodra u uw Web3-domein met succes aan uw gedecentraliseerde website heeft gekoppeld, wordt uw Web3-domein naar uw gedecentraliseerde website verwezen.

U kunt er toegang toe krijgen via uw ENS-domein +.link. In dit geval is dat bijvoorbeeld zo elgwaro.eth.link. Niettemin hoeft u dit niet op te nemen als u een IPFS-compatibele browser zoals Brave gebruikt .koppeling aan het einde van uw URL.

U heeft met succes uw gedecentraliseerde website gemaakt.

Verder gaan dan Web2-ontwikkeling

Naarmate het internet in de loop van de tijd meer gedecentraliseerd wordt, zal het aantal gedecentraliseerde websites uiteindelijk waarschijnlijk groter zijn dan het aantal dat op gecentraliseerde servers wordt gehost. Gelukkig is de overgang van Web2- naar Web3-websiteontwikkeling niet zo complex als het lijkt. Als u erover heeft nagedacht om een ​​gedecentraliseerde website te bouwen die bestand is tegen censuur, kan deze gids u een enorme voorsprong geven.