Com crear un lloc web descentralitzat

Com crear un lloc web descentralitzat
Lectors com tu ajuden a donar suport a MUO. Quan feu una compra mitjançant enllaços al nostre lloc, podem guanyar una comissió d'afiliats. Llegeix més.

Crear un lloc web descentralitzat és més fàcil del que la majoria de la gent esperaria. De fet, l'única diferència entre un lloc web descentralitzat i un lloc normal és que està allotjat en una xarxa descentralitzada. Gairebé tota la resta segueix igual.





MUO Vídeo del dia DESPLACEU PER CONTINUAR AMB EL CONTINGUT

En aquesta guia, passarem pel procés de creació i llançament d'un lloc web descentralitzat. Necessitareu un domini Web3 i una mica d'ETH a la vostra cartera per fer tot el procés.





1. Creeu els fitxers del vostre lloc web

Comenceu preparant els fitxers web necessaris. Alternativament, podeu descarregar una plantilla de lloc web gratuïta dels proveïdors de plantilles i utilitzar-la per crear el vostre lloc web descentralitzat. Baixarem una plantilla de Free CSS per desenvolupar el nostre lloc.





  1. Visita CSS gratuït , seleccioneu una plantilla i descarregueu-la. A continuació, extreu el fitxer ZIP a una carpeta que contingui cada fitxer individual, tal com es mostra a continuació.   Captura de pantalla que mostra el fitxer del lloc web penjat a GitHub

Si esteu creant el lloc des de zero, assegureu-vos que teniu tots els fitxers en una carpeta.

2. Carregueu els fitxers del vostre lloc web a IPFS

IPFS (Inter-Planetary File System), és el sistema d'emmagatzematge de fitxers descentralitzat més popular format per una xarxa d'ordinadors peer-to-peer distribuïda globalment que col·laboren per allotjar fitxers.



què fer si trobeu un iphone

Per començar, podeu allotjar els fitxers del vostre lloc web al vostre ordinador personal del node IPFS d'execució independent. El repte d'aquesta ruta és que el vostre ordinador ha d'estar en línia perquè algú pugui accedir al vostre lloc web descentralitzat.

L'altra opció és utilitzar una plataforma d'allotjament IPFS com ara Pinyata , Greix , o Fleek per allotjar i distribuir els vostres fitxers a la xarxa IPFS, fent-los accessibles per a qualsevol. Tanmateix, haureu de pagar una subscripció per utilitzar alguns d'aquests serveis.





Càrrega al vostre node IPFS

Primer, heu d'executar un node IPFS independent.

  1. Comença per configurar IPFS al vostre ordinador . Podeu descarregar el client de PC o utilitzar l'extensió del navegador Brave per configurar el vostre node IPFS.
  2. Un cop ja estigueu configurat, obriu el tauler d'IPFS i feu clic Importar , i carregueu la carpeta del vostre lloc web.   Captura de pantalla: s'afegeix un lloc nou a Fleek
  3. Per comprovar si el lloc web està en directe, feu clic als tres punts del costat dret del fitxer, seleccioneu Compartir Enllaç , copieu i obriu l'enllaç IPFS en una pestanya nova a Brave. El lloc s'ha de carregar bé si configureu Brave correctament.

S'està carregant a Fleek

Fleek permet als usuaris penjar llocs web a IPFS de forma gratuïta, mentre que Piñata requereix un paquet premium. No obstant això, primer haureu de desplegar el vostre lloc web a GitHub abans de poder utilitzar Fleek.





  1. Obriu el vostre tauler de control de GitHub i creeu un repositori nou.   Captura de pantalla del domini ENS enllaçat correctament A continuació, carregueu els fitxers del vostre lloc web al vostre repositori de GitHub mitjançant Git, un sistema de control de versions ben integrat amb GitHub. Per a una demostració fàcil, primer deseu el fitxer del vostre lloc web en una carpeta de l'escriptori anomenada dWeb
  2. Visita Git-scm , descarregueu i instal·leu la darrera versió de Git.
  3. Inicieu Git Bash des del menú Inici del vostre PC i escriviu:
     cd desktop/dWeb 
    Aquesta ordre permet que Git s'iniciï dins de la carpeta que hem creat a l'escriptori per inicialitzar un dipòsit local.
  4. A continuació, executeu les ordres següents una per una:
     git init  
    git add .
    git commit -m "first commit"
    git remote add origin [url].git
    On [url] representa la vostra adreça de repositori de GitHub. En el nostre cas és:
     git remote add origin https://github.com/elgwaro/dWeb.git

L'execució d'aquestes ordres inicialitza una carpeta .git oculta a la carpeta del vostre lloc web, afegeix tots els fitxers del vostre lloc web a la carpeta .git, els compromet per a la càrrega i, finalment, penja els fitxers al vostre dipòsit de GitHub.

  Captura de pantalla d'un lloc web descentralitzat llançat

Aquesta és la manera més eficaç de carregar diversos fitxers i carpetes de llocs web a un repositori de GitHub, que hauria de semblar com es mostra a dalt.

Enllaçant Fleek a GitHub

A continuació s'explica com enllaçar un compte de Fleek amb GitHub

  1. Visita Fleek , inicieu la sessió al vostre compte i feu clic a Afegeix un lloc nou
  2. Connecteu Fleek a GitHub i autoritzeu l'accés al repositori amb els fitxers del vostre lloc web.
  3. Fleek mostrarà el repositori seleccionat. Passeu a la Desplega la ubicació pestanya, seleccioneu IPFS i feu clic a Continua .
  4. Trieu el marc (si no esteu segur, deixeu-lo com Altres ) i implementeu el vostre lloc.

El vostre lloc es desplegarà a IPFS.

3. Connecteu el vostre domini Web3

Tant si utilitzeu un node IPFS local com una plataforma en línia com Fleek, en aquest moment hauríeu de tenir el vostre lloc desplegat a IPFS, la qual cosa significa que teniu el hash IPFS del lloc.

Així que el següent pas és enllaçar el vostre lloc al vostre domini Web3. Podeu comprar-ne un a qualsevol dels principals registradors de Web3 al mercat. El cost del domini dependrà dels termes de la plataforma i per sistemes de domini basats en blockchain , pagareu una tarifa de xarxa perquè la transacció es registri a la cadena de blocs.

Amb el propòsit d'aquesta demostració, hem adquirit elgwaro.eth domini a ENS.

Enllaçar un domini ENS a un lloc web IPFS

A continuació s'explica com enllaçar el vostre domini ENS a un lloc allotjat per IPFS

com afegir un enllaç a la publicació d’Instagram
  1. Obriu el vostre tauler d'ENS i accediu a la secció del vostre nom de domini.
  2. Seleccioneu el Registres pestanya i feu clic a Edita els registres .
  3. Seleccioneu Altres , enganxeu l'enllaç del vostre lloc web IPFS independent i feu clic Desa .
  4. Se us demanarà que connecteu la vostra cartera per autoritzar la transacció, que us costarà una petita tarifa en funció de l'activitat de la xarxa.
  5. Un cop realitzada la transacció, el vostre domini Web3 estarà enllaçat al vostre lloc web descentralitzat.

Si utilitzeu Fleek, podeu connectar el vostre domini al tauler de Fleek.

  1. Obriu el tauler del vostre lloc web desplegat i feu clic a Afegeix un domini personalitzat .
  2. Desplaceu-vos cap avall fins a ENS Info i Feu clic a Add ENS .
  3. Introduïu el vostre domini ENS, feu clic a Verificar i després confirmar.
  4. A continuació, feu clic a Estableix contingut hash . Se us demanarà que connecteu la vostra cartera per autoritzar la transacció pagant una petita tarifa basada en l'activitat de la xarxa.  Per configurar correctament l'enllaç, assegureu-vos que el compte de cartera connectat sigui el controlador del domini.

4. Accediu al vostre lloc web

Un cop hàgiu enllaçat correctament el vostre domini Web3 al vostre lloc web descentralitzat, el vostre domini Web3 s'indicarà al vostre lloc web descentralitzat.

Podeu accedir-hi mitjançant el vostre Domini ENS +.link . Per exemple, en aquest cas, ho és elgwaro.eth.link . No obstant això, quan utilitzeu un navegador habilitat per IPFS com Brave, no cal que inclogueu .enllaç al final del vostre URL.

Heu creat correctament el vostre lloc web descentralitzat.

Més enllà del desenvolupament Web2

A mesura que Internet es descentralitza amb el temps, el nombre de llocs web descentralitzats probablement superarà els allotjats en servidors centralitzats. Afortunadament, la transició del desenvolupament de llocs web Web2 a Web3 no és tan complex com sembla. Per tant, si heu pensat a crear un lloc web descentralitzat que sigui resistent a la censura, aquesta guia us pot donar un gran avantatge.