Původní text: "Naučí vás krok za krokem vytvořit decentralizovaný osobní web"

Autor: Tlustý tygr

Pro nadšence Web3, kteří mají ve zvyku vydávat názory, se „hostování“ obsahu na sociálních médiích Web2, jako je Twitter, nezdá být dostatečně „odolné vůči cenzuře“ a postrádá pocit výlučnosti a nezávislosti pro týmy protokolu Web3 nebo účastníky projektu; Jinými slovy, decentralizace celého procesu od produktových služeb až po front-end prezentaci je atraktivnější i z hlediska vyprávění. Bez ohledu na to, jakou máte motivaci, udělat z osobního nebo projektového oficiálního webu decentralizovaného webu má určité výhody, pokud jde o náklady, anonymitu a ochranu soukromí.

Tento článek vás proto krok za krokem provede nasazením vašeho osobního webu (jako příklad si vezmeme webovou stránku vygenerovanou Notion) na IPFS, abyste vytvořili skutečně decentralizovaný web (Dweb), který patří pouze vám.

Článek je rozdělen do tří částí: úvod, praktické ovládání a návrhy. Nejprve představím koncept a reprezentaci decentralizované sítě Dweb a poté krok za krokem naučím přidat web osobní vizitky na Dweb Na závěr také shrnu výhody a nevýhody současného řešení.

Vzhledem k délce článku a obtížnosti začátků v praktické části uvedu pouze nejjednodušší způsob nasazení html frameworku pro webové stránky. Tento tutoriál zároveň při implementaci nasazení spoléhá hlavně na nástroj Fleek. Fleek je výkonný a může zabalit různé rámce webových stránek (například WordPress, Next.js atd.) Přátelé s určitým technickým základem jej mohou prozkoumat do hloubky.

Co je to decentralizovaný web?

Decentralizovaná webová stránka (Dweb) doslova odkazuje na webovou stránku nasazenou v decentralizované síti.

Z pohledu komponent je Dweb podobný tradičním internetovým stránkám. Všechny musí mít vstup – název domény a předmět hostingu – hostingový server. Ve světě Web3 jsou reprezentativní projekty odpovídající těmto dvěma "funkcím" ENS, IPFS a Arweave (tento článek se zaměřuje na první z nich, což je také řešení používané mnoha projekty).

ENS (Ethereum Name Service) je distribuovaný, škálovatelný a otevřený pojmenovací systém založený na Ethereu, laicky řečeno, je to blockchainový systém názvů domén.

Myšlenkou IPFS je distribuovat a ukládat data na uzlech, které může provozovat kdokoli po celém světě, jde v podstatě o službu ukládání dat typu peer-to-peer, která je odolná vůči cenzuře. Kromě toho, protože IPFS distribuuje data mezi uzly a ukazuje na konkrétní data, může zajistit, že zdroje pocházejí z nedávno aktualizovaných zdrojů, a skutečná zkušenost bude rychlejší a spolehlivější.

Pro další vysvětlení ENS a IPFS si čtenáři, kteří mají zájem, mohou přečíst „Jeden článek o ENS, dosud nejúspěšnější nefinanční aplikaci Ethereum“ a „Hloubková analýza IPFS: základní protokol nové generace internetu ".

Díky technologii ENS a IPFS může distribuovaná blockchain infrastruktura ukládat obsah přímo do chytrých kontraktů (kontejnerů).

Reprezentativní webové stránky založené na ENS+IPFS

Ačkoli to na úrovni vnímání není zřejmé, pokud uživatelé věnují pozornost některým běžným aplikacím Web3, mohou z jejich oficiálních dokumentů zjistit, že přední protokoly Web3, jako je Uniswap a 1inch, synchronizovaly své webové stránky s IPFS.

Adresy odkazu ENS jsou 1inch.eth a uniswapexchange.eth U nativních prohlížečů Web3 můžete přímo zadat výše uvedené adresy pro nenativní prohlížeče, můžete použít kompatibilní adresy pro přístup:

1 palec: 1 palec. eth. odkaz/" _src="https://1inch. eth. odkaz/">https://1inch.eth.link/

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

Pro další webové stránky nasazené pomocí technologie ENS+IPFS připravil Almonit webové stránky Dweb. Odkaz je následující: https://almonit.eth.link/#/discover/.

Jak nasadit

V tomto článku používáme především řešení poskytované nástrojem Fleek. Výhodou tohoto řešení je jednoduché nasazení a podpora více webových frameworků Kromě podpory Html stránek také podporuje webové frameworky ve více jazycích jako Next.js, Hugo.js a Wordpress.

Tento článek se zaměřuje na nejjednodušší z mnoha funkcí podporovaných programem Fleek – řešení pro nasazení rozhraní HTML stránek a poskytuje podrobné vysvětlení, jak doufám, že po přečtení mohou nováčci rychle začít slouží jako výchozí bod pro získávání nových nápadů.

Právě jsem zmínil, že je potřeba připravit Html webovou stránku, takže pro generování tohoto souboru Html webové stránky bude použit pojem Hlavní důvod je ten, že se snadno ovládá a má vlastní funkci exportu do html, takže jej můžete používat jako vizuální tvůrce webových stránek HTML.

Vzhledem k tomu, že nástroj, který Fleek používá, používá automatickou synchronizaci s Githubem, musíte si také připravit účet Github a odpovídající Repo (knihovnu).

Samotné nasazení do sítě IPFS nevyžaduje název domény Nahrání do sítě vygeneruje hash, podobný IP adrese ve Web2, takže na mapování tohoto hash IPFS je třeba připravit ENS.

Abych to shrnul, připravte si předem tři věci:

Účet github, název domény ENS, odpovídající peněženku a malé množství ETH jako myšlenkový účet a vytvořit stránku s osobním profilem. 1. Exportujte Html z Notion

1.1 Navrhněte profil v představě, Demo je znázorněno níže.

1.2 Export stránky, kterou jsme připravili z funkce exportu konceptu Vzhledem k omezené schopnosti IPFS podporovat statické webové stránky, můžeme prozatím zvolit export pouze jedné stránky. (Pokročilí hráči mohou implementovat i víceúrovňové stránky - podstránky).

1.3 Po získání exportovaného komprimovaného souboru bude automaticky lokálně stažen. Po místní dekomprimaci získáte složku a soubor Html, jak je uvedeno níže. Přejmenujte soubor končící „xxx.html“ na „index.html“.

2. Nahrajte na Github

2.1 Přejděte na domovskou stránku GitHubu, přihlaste se (pokud nemáte účet, musíte si účet zaregistrovat), přejděte na následující stránku a kliknutím na „Nový“ vytvořte nové Repo.

2.2 Pro toto nově vytvořené Repo se doporučuje používat Soukromou (privacy) knihovnu. To zabrání komukoli jinému než nástroji Fleek a tvůrci v přístupu k původnímu souboru.

2.3 Dále musíte použít klienta Github (pokud na vašem počítači žádný klient Github nemáte, musíte si jej stáhnout a nainstalovat). Po přihlášení do klienta Github se vraťte na webovou stránku Github, kterou jste právě vytvořili, a klikněte na „Nastavit na ploše“ v modrém poli (otevřete klienta na ploše).

2.4 Po instalaci desktopového klienta se zobrazí následující výzva.

2.5 Přejděte na desktopového klienta, postupujte podle pokynů pro nastavení místního adresáře a zaznamenejte si cestu k místnímu adresáři. Zkopírujte soubor, který jsme stáhli v prvním kroku "Export dat z Notion", do místního adresáře.

2.5 Po dokončení kopírování se po návratu ke klientovi zobrazí následující výzva. Vyplňte nějaký popis a klikněte na odevzdat.

2.6 Klepnutím na tlačítko Push origin přenesete dokument do Github Repo.

3. Vytvořte nový projekt pomocí Fleek

"Fleek je sada nástrojů, která obsahuje vše, co potřebujete k bezproblémovému vytváření moderních webů a aplikací v otevřené síti a jejích protokolech."

Jednoduše řečeno, Fleek je nástroj, který dokáže snadno nasadit osobní webové stránky do decentralizovaných sítí.

3.1 Při prvním vstupu do Fleeku se musíte zaregistrovat Pro přímou registraci a přihlášení jedním kliknutím se doporučuje použít peněženku Etheretrum Little Fox, což je pohodlnější (k registraci můžete použít i Github nebo Email).

3.2 Po registraci a přihlášení se dostanete na domovskou stránku projektu Dále je potřeba vytvořit projekt webové stránky.

3.3 Vybereme Github Repo právě vytvořené v druhém kroku a přejdeme k dalšímu kroku.

3.4 Ve volbě Hosting services vybereme IPFS a zvolíme Cointinue pro pokračování k dalšímu kroku.

3.5 Vyberte web, který jste právě vytvořili, a zadejte podrobnou konfigurační stránku.

3.6 Nyní, když byla webová stránka nasazena na IPFS, nástroj Fleek promyšleně přiřadil namapovaný název domény, jak je znázorněno na obrázku.

3.7 Dále svažte název domény ENS, vyberte „Nastavení“ a najděte „ENS“.

3.8 Přejděte dolů na „Přidat ENS“.

3.9 Zadejte název domény ENS.

3.10 Vstupte do následujícího rozhraní a znovu klikněte na adresu ENS, kterou jste právě zadali. A vyberte „Nastavit hash obsahu“ a nakonec zaplaťte poplatek za plyn pro dokončení vazby.

3.11 V tuto chvíli vidíme, že název domény ENS, který byl dříve šedý, zmodral a vazba je úspěšná.

3.12 Pro prohlížeče, které podporují decentralizovaná doménová jména, jako je brave, mobilní aplikace Little Fox Wallet atd., můžete přímo zadat ENS jako yyzfish.eth, kterou jsem zde nastavil pro přímý přístup k nasazenému Dweb Pro prohlížeče Web2 má ENS také kompatibilitu řešení, můžete přímo přistupovat na https://yyzfish.eth.link/.

Několik myšlenek během procesu vytváření webových stránek

Po absolvování tohoto procesu jsem si uvědomil některé výhody a nevýhody decentralizovaných webů ve srovnání s tradičními weby.

Výhoda

Nízká cena a stabilní

Tradiční webové stránky Web2 je třeba nasadit na server, což vyžaduje nejen údržbu, ale také náklady se zvyšují s počtem uživatelů. Procesem nasazení na Web3 v tomto článku však není těžké tyto náklady zjistit nasazení na IFPS je extrémně levné (aktuálně zdarma a bez ohledu na počet uživatelů se cena nezmění).

Ucelenější příběh Web3

V prvních dnech bylo obtížné nasadit kompletní projekt (front-end + smart contract) do sítě, jako je Ethereum, ve stejnou dobu kvůli vysokému plynu v řetězci. Nyní, s vylepšením síťového protokolu IPFS, má obrovská front-endová interaktivní stránka také svou vlastní vyhrazenou decentralizovanou síť. To je narativně v souladu s myšlenkou skutečné „decentralizace“. V současnosti jsou v decentralizovaných sítích nasazeny přední protokoly DeFi, jako je Uniswap a 1inch. V budoucnu se kompletní nasazení v decentralizovaných sítích může stát standardním prvkem projektů Web3.

v pohodě osobně

Doménová jména ENS jsou velmi populární na sociálních médiích (jako je Twitter) Mnoho KOL má přezdívku xxx.eth být skvělá věc pro krypto nadšence.

Anonymita a ochrana soukromí

Vzhledem k tomu, že Dweb v rané fázi návrhu plně zvažoval kombinaci „decentralizace“ a „soukromí“, je ve skutečnosti poněkud podobný síti Tor a má vlastnosti nevysledovatelnosti a anonymity.

nedostatečné

Kompatibilitu s Web2 je stále potřeba zlepšit

Přestože tento nástroj již podporuje mnoho běžných rámců, ne všechny jsou podporovány dynamické webové rámce, jako je PHP. Je třeba zlepšit celkovou kompatibilitu.

Není přátelský k domácím uživatelům

Vzhledem k tomu, že současný počet IPFS uzlů zdaleka nedosahuje počtu plánovaného v bílé knize (cestovní mapě), existují určité překážky pro domácí přístup Dwebu.

Doufám, že v budoucnu uvidíme více kompletních řešení a technologických iterací.