Hoe u een gedecentraliseerde website maakt

Hoe u een gedecentraliseerde website maakt
Lezers zoals jij helpen MUO te ondersteunen. Wanneer u een aankoop doet via links op onze site, kunnen wij een partnercommissie verdienen. Lees verder.

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.





MUO-video van de dag SCROLL OM DOOR TE GAAN MET INHOUD

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.   Schermafbeelding van het geüploade websitebestand op GitHub

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.



hoe een videobestand op Windows te comprimeren

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 Pinata , Vet , 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 Importeren en upload uw websitemap.   Screenshot - Nieuwe site toevoegen aan Fleek
  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.   Schermafbeelding van succesvol gekoppeld ENS-domein 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"
    git remote add origin [url].git
    Waar [url] uw GitHub-repositoryadres vertegenwoordigt. In ons geval is dit:
     git remote add origin https://github.com/elgwaro/dWeb.git

Het uitvoeren van deze opdrachten initialiseert een verborgen .git-map in uw websitemap, voegt al uw websitebestanden toe aan de .git-map, legt ze vast voor upload en uploadt uiteindelijk de bestanden naar uw GitHub-repository.

  Screenshot van een gelanceerde gedecentraliseerde website

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.

windows 10 start op in zwart scherm

Fleek koppelen aan GitHub

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 , brengt u netwerkkosten in rekening 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. Ga naar 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.

iphone 12 versus iphone 12 pro max

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.