Testo originale: "Ti insegna passo dopo passo a costruire un sito web personale decentralizzato"

Autore: Tigre Grassa

Per gli appassionati di Web3 che hanno l'abitudine di esprimere opinioni, "ospitare" contenuti sui social media Web2 come Twitter non sembra essere abbastanza "resistente alla censura" e manca di un senso di esclusività e indipendenza per i team del protocollo Web3 o i soggetti di progetto; In altre parole, la decentralizzazione dell’intero processo dai servizi del prodotto alla presentazione front-end è anche più attraente in termini narrativi. Non importa quale sia la tua motivazione, trasformare un sito web ufficiale personale o di progetto in un sito web decentralizzato presenta alcuni vantaggi in termini di costi, anonimato e protezione della privacy.

Pertanto, questo articolo ti guiderà passo dopo passo a implementare il tuo sito web personale (prendendo come esempio la pagina web generata da Notion) su IPFS per costruire un sito web veramente decentralizzato (Dweb) che appartiene solo a te.

L'articolo è diviso in tre parti: introduzione, funzionamento pratico e suggerimenti. Introdurrò innanzitutto il concetto e la rappresentazione della rete decentralizzata Dweb, quindi insegnerò passo dopo passo come aggiungere un sito Web per biglietti da visita personali a Dweb. Infine, riassumerò anche i vantaggi e gli svantaggi della soluzione attuale.

Considerando la lunghezza dell'articolo e la difficoltà di iniziare, nella parte pratica presenterò solo il metodo più semplice per implementare un framework di pagine Web Html. Allo stesso tempo, questo tutorial si basa principalmente sullo strumento Fleek per implementare la distribuzione. Fleek è potente e può confezionare una varietà di framework di pagine web (come WordPress, Next.js, ecc.). Gli amici con una certa base tecnica possono esplorarlo in profondità.

Cos’è un sito web decentralizzato?

Il sito web decentralizzato (Dweb) si riferisce letteralmente a un sito web distribuito su una rete decentralizzata.

Dal punto di vista dei componenti, Dweb è simile ai tradizionali siti Internet. Tutti devono avere un'entrata - un nome di dominio, e un soggetto hosting - un server hosting. Nel mondo Web3 i progetti rappresentativi corrispondenti a queste due "funzioni" sono ENS, IPFS e Arweave (questo articolo si concentra sul primo, che è anche una soluzione utilizzata da molti progetti).

ENS (Ethereum Name Service) è un sistema di denominazione distribuito, scalabile e aperto basato su Ethereum; in parole povere, è il sistema di nomi di dominio blockchain.

L'idea di IPFS è quella di distribuire e archiviare dati su nodi che possono essere gestiti da chiunque in tutto il mondo; si tratta essenzialmente di un servizio di archiviazione dati peer-to-peer resistente alla censura. Inoltre, poiché IPFS distribuisce i dati tra i nodi e punta a dati specifici, può garantire che le risorse provengano da fonti aggiornate di recente e l'esperienza effettiva sarà più rapida e affidabile.

Per ulteriori spiegazioni su ENS e IPFS, i lettori interessati possono leggere "Un articolo per conoscere ENS, l'applicazione Ethereum non finanziaria di maggior successo fino ad oggi" e "Analisi approfondita di IPFS: il protocollo sottostante della nuova generazione di Internet ".

Alimentata da ENS e IPFS, l'infrastruttura blockchain distribuita può archiviare i contenuti direttamente in contratti intelligenti (contenitori).

Sito web rappresentativo basato su ENS+IPFS

Sebbene non sia ovvio a livello percettivo, se gli utenti prestano attenzione ad alcune applicazioni Web3 tradizionali, possono scoprire dai loro documenti ufficiali che i principali protocolli Web3 come Uniswap e 1inch hanno sincronizzato i loro siti Web su IPFS.

Gli indirizzi dei collegamenti ENS sono rispettivamente 1inch.eth e uniswapexchange.eth Per i browser Web3 nativi, è possibile inserire direttamente gli indirizzi sopra indicati per accedere. Per i browser non nativi, è possibile utilizzare indirizzi compatibili per accedere:

1 pollice: 1 pollice. et. link/" _src="https://1inch. et. link/">https://1inch.eth.link/

uniswap: https://uniswapexchange.eth.link.

Per ulteriori siti Web distribuiti utilizzando la tecnologia ENS+IPFS, Almonit ha organizzato siti Web Dweb. Il collegamento è il seguente: https://almonit.eth.link/#/discover/.

Come distribuire

In questo articolo utilizziamo principalmente la soluzione fornita dallo strumento Fleek. Il vantaggio di questa soluzione è che è semplice da implementare e supporta più framework web Oltre a supportare le pagine HTML, supporta anche framework web in più lingue come Next.js, Hugo.js e Wordpress.

Questo articolo si concentra sulla più semplice delle tante funzioni supportate da Fleek: la soluzione di distribuzione del framework di pagine Html e fornisce una spiegazione passo passo, spero che i principianti possano iniziare rapidamente dopo averlo letto, ma può farlo anche gli esperti svolgere un ruolo nell’attrarre nuove idee.

Ho appena detto che è necessario preparare una pagina Web HTML, quindi la nozione verrà utilizzata per generare questo file della pagina Web Html. Il motivo principale è che la nozione è facile da utilizzare e ha una propria funzione di esportazione HTML, quindi puoi usarla come un creatore di pagine Web HTML visive.

Poiché lo strumento utilizzato da Fleek utilizza la sincronizzazione automatica con Github, è necessario anche preparare un account Github e il corrispondente Repo (libreria).

La distribuzione sulla rete IPFS stessa non richiede un nome di dominio. Il caricamento sulla rete genererà un hash, simile all'indirizzo IP in Web2, quindi un ENS deve essere preparato per mappare questo hash IPFS.

Per riassumere, prepara tre cose in anticipo:

Un account github; un nome di dominio ENS, il portafoglio corrispondente e una piccola quantità di ETH come gas; un account nozione e creare una pagina di profilo personale. 1. Esporta Html da Notion

1.1 Progettare un profilo in nozione, la demo è come mostrata di seguito.

1.2 Esportare la pagina che abbiamo preparato dalla funzione di esportazione del concetto A causa della capacità limitata di IPFS di supportare pagine Web statiche, per il momento possiamo scegliere di esportare solo una singola pagina. (I giocatori esperti possono anche implementare pagine multilivello - sottopagine).

1.3 Dopo aver ottenuto il file compresso esportato, verrà automaticamente scaricato localmente. Dopo aver decompresso localmente, otterrai una cartella e un file Html come mostrato di seguito. Rinominare il file che termina con "xxx.html" in "index.html".

2. Carica su Github

2.1 Vai alla homepage di GitHub, effettua il login (se non hai un account, devi registrare un account), entra nella pagina seguente e fai clic su "Nuovo" per creare un nuovo Repo.

2.2 Si consiglia di utilizzare la libreria Private (privacy) per questo Repo appena creato. Ciò impedisce a chiunque altro oltre allo strumento Fleek e al creatore di accedere al file originale.

2.3 Successivamente, devi utilizzare il client Github (se non c'è un client Github sul tuo computer, devi scaricarne e installarne uno). Dopo aver effettuato l'accesso al client Github, torna alla pagina web Github appena creata e fai clic su "Configura nel desktop" nella casella blu (apri il client sul desktop).

2.4 Dopo aver installato il client desktop, verrà visualizzato il seguente messaggio.

2.5 Andare al client desktop, seguire le istruzioni per impostare una directory locale e registrare il percorso della directory locale. Copia il file che abbiamo scaricato nel primo passaggio "Esporta dati da Notion" nella directory locale.

2.5 Una volta completata la copia, quando si ritorna al client verrà visualizzato il seguente messaggio. Inserisci una descrizione e fai clic su Conferma.

2.6 Fare clic su push origin per inviare il documento a Github Repo.

3. Crea un nuovo progetto utilizzando Fleek

"Fleek è una suite di strumenti che include tutto il necessario per creare senza problemi siti e applicazioni moderni sulla rete aperta e sui suoi protocolli."

In poche parole, Fleek è uno strumento che può facilmente distribuire siti Web personali su reti decentralizzate.

3.1 È necessario registrarsi quando si accede a Fleek per la prima volta. Si consiglia di utilizzare il portafoglio Etheretrum Little Fox per registrarsi e accedere direttamente con un clic, il che è più conveniente (puoi anche utilizzare Github o Email per registrarti).

3.2 Dopo la registrazione e l'accesso, arriverai alla home page del progetto. Successivamente, devi creare un progetto del sito web.

3.3 Selezioniamo il Github Repo appena creato nel secondo passaggio e andiamo al passaggio successivo.

3.4 Selezioniamo IPFS nell'opzione Servizi di hosting e selezioniamo Cointinue per procedere al passaggio successivo.

3.5 Seleziona il sito web appena creato e accedi alla pagina di configurazione dettagliata.

3.6 Ora che il sito web è stato distribuito su IPFS, lo strumento Fleek ha attentamente associato un nome di dominio mappato, come mostrato nella figura.

3.7 Successivamente, associa il nome di dominio ENS, seleziona "Impostazioni" e trova "ENS".

3.8 Scorrere verso il basso fino a “Aggiungi ENS”.

3.9 Immettere il nome del dominio ENS.

3.10 Accedere alla seguente interfaccia e fare nuovamente clic sull'indirizzo ENS appena inserito. Seleziona "Imposta hash contenuto" e infine paga una tariffa per il gas per completare l'associazione.

3.11 In questo momento, vediamo che il nome di dominio ENS che in precedenza era grigio è diventato blu e l'associazione ha avuto successo.

3.12 Per i browser che supportano nomi di dominio decentralizzati, come brave, l'APP mobile Little Fox Wallet, ecc., è possibile inserire direttamente ENS come yyzfish.eth che ho impostato qui per accedere direttamente al Dweb distribuito. Per i browser Web2, anche ENS è compatibile soluzioni, puoi accedere direttamente a https://yyzfish.eth.link/.

Alcune riflessioni durante il processo di creazione di un sito web

Dopo aver seguito questo processo, ho realizzato alcuni vantaggi e svantaggi dei siti Web decentralizzati rispetto ai siti Web tradizionali.

Vantaggio

Basso costo e stabile

Le pagine Web Web2 tradizionali devono essere distribuite sul server, il che non solo richiede manutenzione, ma aumenta anche i costi con il numero di utenti. Tuttavia, attraverso il processo di distribuzione su Web3 descritto in questo articolo, non è difficile scoprirne i costi l'implementazione su IFPS è estremamente economica (attualmente gratuita) e, indipendentemente dal numero di utenti, il costo non cambierà.

Una narrazione Web3 più completa

All’inizio era difficile implementare contemporaneamente un progetto completo (front-end + contratto intelligente) su una rete come Ethereum a causa dell’elevato gas sulla catena. Ora, con il miglioramento del protocollo di rete IPFS, l'enorme pagina interattiva front-end dispone anche di una propria rete decentralizzata dedicata. Ciò è narrativamente coerente con l’idea di vera “decentralizzazione”. Attualmente i principali protocolli DeFi come Uniswap e 1inch sono stati implementati su reti decentralizzate. In futuro, l’implementazione completa su reti decentralizzate potrebbe diventare una caratteristica standard dei progetti Web3.

bello personalmente

I nomi di dominio ENS sono molto popolari sui social media (come Twitter). Molti KOL hanno il soprannome xxx.eth. Su questa base hanno ulteriormente esteso i loro blog alla rete IPFS e hanno utilizzato il nome di dominio ENS come ingresso essere una cosa interessante per gli appassionati di criptovaluta.

Anonimato e tutela della privacy

Poiché Dweb ha considerato pienamente la combinazione di "decentralizzazione" e "privacy" nella fase iniziale di progettazione, in realtà è in qualche modo simile alla rete Tor e ha le caratteristiche di non tracciabilità e anonimato.

insufficiente

La compatibilità con Web2 deve ancora essere migliorata

Sebbene lo strumento supporti già molti framework tradizionali, non tutti sono supportati. I framework web dinamici come PHP non sono ancora supportati. La compatibilità generale deve essere migliorata.

Non amichevole per gli utenti domestici

Dato che il numero attuale di nodi IPFS è lungi dal raggiungere il numero previsto nel Libro bianco (roadmap), ci sono alcuni ostacoli all'accesso domestico di Dweb.

Spero di vedere soluzioni più complete e iterazioni tecnologiche in futuro.