Come creare un sito web decentralizzato

Come creare un sito web decentralizzato
I lettori come te aiutano a sostenere MUO. Quando effettui un acquisto utilizzando i link sul nostro sito, potremmo guadagnare una commissione di affiliazione. Per saperne di più.

Creare un sito web decentralizzato è più semplice di quanto la maggior parte delle persone si aspetterebbe. Infatti, l'unica differenza tra un sito web decentralizzato e un sito normale è che è ospitato su una rete decentralizzata. Quasi tutto il resto rimane lo stesso.





MUO Video della giornata SCORRI PER CONTINUARE CON IL CONTENUTO

In questa guida, esamineremo il processo di creazione e lancio di un sito web decentralizzato. Avrai bisogno di un dominio Web3 e di alcuni ETH nel tuo portafoglio per completare l'intero processo.





1. Crea i file del tuo sito web

Inizia preparando i file del sito Web necessari. In alternativa, puoi scaricare un modello di sito web gratuito dai fornitori di modelli e utilizzarlo per creare il tuo sito web decentralizzato. Scaricheremo un modello da Free CSS per sviluppare il nostro sito.





  1. Visita CSS gratuiti , seleziona un modello e scaricalo. Quindi, estrai il file ZIP in una cartella contenente ogni singolo file, come mostrato di seguito.   Screenshot che mostra il file del sito web caricato su GitHub

Se stai creando il sito da zero, assicurati di avere tutti i file in un'unica cartella.

2. Carica i file del tuo sito web su IPFS

IPFS (Inter-Planetary File System), è il sistema di archiviazione di file decentralizzato più popolare costituito da una rete peer-to-peer distribuita a livello globale di computer che collaborano per ospitare file.



Per cominciare, puoi ospitare i file del tuo sito web sul tuo personal computer con nodo IPFS gestito in modo indipendente. La sfida con questo percorso è che il tuo computer deve essere online affinché qualcuno possa accedere al tuo sito web decentralizzato.

come trovare la scheda grafica Windows 10

L'altra opzione è utilizzare una piattaforma di hosting IPFS come Pinata , Grasso , O Fleek per ospitare e distribuire i tuoi file sulla rete IPFS, rendendoli accessibili a chiunque. Tuttavia, dovrai pagare un abbonamento per utilizzare alcuni di questi servizi.





Caricamento sul tuo nodo IPFS

Innanzitutto, devi eseguire un nodo IPFS indipendente.

  1. A partire da configurare IPFS sul tuo PC . Puoi scaricare il client PC o utilizzare l'estensione del browser Brave per configurare il tuo nodo IPFS.
  2. Una volta completata la configurazione, apri la dashboard IPFS, fai clic su Importare e carica la cartella del tuo sito web.   Screenshot - Aggiunta di un nuovo sito a Fleek
  3. Per verificare se il sito Web è attivo, fare clic sui tre punti sul lato destro del file, selezionare Condividi il link , copia e apri il collegamento IPFS in una nuova scheda in Brave. Il sito dovrebbe caricarsi bene se imposti correttamente Brave.

Caricamento su Fleek

Fleek consente agli utenti di caricare siti Web su IPFS gratuitamente, mentre Piñata richiede un pacchetto premium. Tuttavia, dovrai prima distribuire il tuo sito web su GitHub prima di poter utilizzare Fleek.





  1. Apri la dashboard di GitHub e crea un nuovo repository.   Screenshot del dominio ENS collegato correttamente Successivamente, carica i file del tuo sito web nel tuo repository GitHub utilizzando Git, un sistema di controllo della versione ben integrato con GitHub. Per una facile dimostrazione, salva prima il file del tuo sito web in una cartella sul desktop chiamata dWeb
  2. Visita Git-scm , scarica e installa l'ultima versione di Git.
  3. Avvia Git Bash dal menu Start del tuo PC e digita:
     cd desktop/dWeb 
    Questo comando consente di avviare Git all'interno della cartella che abbiamo creato sul desktop per inizializzare un repository locale.
  4. Quindi esegui i seguenti comandi uno per uno:
     git init  
    git add .
    git commit -m "first commit"
    git remote add origin [url].git
    Dove [url] rappresenta l'indirizzo del tuo repository GitHub. Nel nostro caso è:
     git remote add origin https://github.com/elgwaro/dWeb.git

L'esecuzione di questi comandi inizializza una cartella .git nascosta nella cartella del tuo sito web, aggiunge tutti i file del tuo sito web nella cartella .git, li conferma per il caricamento e infine carica i file sul tuo repository GitHub.

  Screenshot di un sito web decentralizzato lanciato

Questo è il modo più efficiente per caricare più file e cartelle di siti Web su un repository GitHub, che dovrebbe apparire come mostrato sopra.

Collegamento di Fleek a GitHub

Ecco come collegare un account Fleek a GitHub

  1. Visita Fleek , accedi al tuo account e fai clic su Aggiungi nuovo sito
  2. Collega Fleek a GitHub e autorizza l'accesso al repository con i file del tuo sito web.
  3. Fleek mostrerà il repository selezionato. Procedi al Distribuisci posizione scheda, selezionare IPFS e fare clic su Continua .
  4. Scegli il framework (se non sei sicuro, lascialo così com'è Altro ) e distribuisci il tuo sito.

Il tuo sito verrà distribuito su IPFS.

3. Connetti il ​​tuo dominio Web3

Sia che tu stia utilizzando un nodo IPFS locale o una piattaforma online come Fleek, a questo punto dovresti avere il tuo sito distribuito su IPFS, il che significa che hai l'hash IPFS del sito.

Quindi il prossimo passo è collegare il tuo sito al tuo dominio Web3. Puoi acquistarne uno da uno qualsiasi dei i migliori registrar Web3 nel mercato. Il costo del dominio dipenderà dai termini della piattaforma e per sistemi di dominio basati su blockchain , ti verrà addebitata una commissione di rete affinché la transazione venga registrata sulla blockchain.

perché Google Chrome usa così tanta memoria?

Ai fini di questa dimostrazione, abbiamo acquisito elgwaro.eth dominio su ENS.

Collegamento di un dominio ENS a un sito Web IPFS

Ecco come collegare il tuo dominio ENS a un sito ospitato su IPFS

  1. Apri la dashboard ENS e accedi alla sezione del nome di dominio.
  2. Seleziona il Record scheda e fare clic su Modifica record .
  3. Selezionare Altro , incolla il link del tuo sito web IPFS indipendente e fai clic su Salva .
  4. Ti verrà richiesto di connettere il tuo portafoglio per autorizzare la transazione, che ti costerà una piccola commissione a seconda dell'attività della rete.
  5. Una volta completata la transazione, il tuo dominio Web3 sarà collegato al tuo sito web decentralizzato.

Se utilizzi Fleek, puoi connettere il tuo dominio sulla dashboard Fleek.

  1. Apri la dashboard del tuo sito web distribuito e fai clic su Aggiungi dominio personalizzato .
  2. Scorri verso il basso fino a Informazioni ENS e fare clic su Aggiungi ENS .
  3. Digita il tuo dominio ENS, fai clic su Verificare e poi confermare.
  4. Successivamente, fare clic su Imposta l'hash del contenuto . Ti verrà richiesto di connettere il tuo portafoglio per autorizzare la transazione pagando una piccola commissione in base all'attività della rete.  Per impostare correttamente il collegamento, assicurati che l'account del portafoglio connesso sia il controller del dominio.

4. Accedi al tuo sito web

Una volta collegato con successo il tuo dominio Web3 al tuo sito web decentralizzato, il tuo dominio Web3 verrà indirizzato al tuo sito web decentralizzato.

Puoi accedervi utilizzando il tuo Dominio ENS +.link . Ad esempio, in questo caso, lo è elgwaro.eth.link . Tuttavia, quando si utilizza un browser abilitato per IPFS come Brave, non è necessario includere .collegamento alla fine dell'URL.

Hai creato con successo il tuo sito web decentralizzato.

Andare oltre lo sviluppo Web2

Man mano che Internet diventa sempre più decentralizzato, il numero di siti Web decentralizzati probabilmente supererà prima o poi quelli ospitati su server centralizzati. Fortunatamente, il passaggio dallo sviluppo di siti Web Web2 a Web3 non è così complesso come sembra. Pertanto, se hai pensato di creare un sito web decentralizzato resistente alla censura, questa guida può darti un enorme vantaggio.