自分の意見を発信する習慣のある Web3 愛好家にとって、Twitter などの Web2 ソーシャル メディアでコンテンツを「ホスティング」することは、「検閲への耐性」が十分ではないようで、また、独占性や独立性の感覚にも欠けています。Web3 プロトコル チームにとっては、言い換えれば、製品サービスからフロントエンドのプレゼンテーションまでのプロセス全体の分散化は、物語の観点からもより魅力的です。動機に関係なく、個人やプロジェクトの公式 Web サイトを分散型 Web サイトとして作成することには、コスト、匿名性、プライバシー保護の点で一定の利点があります。
したがって、この記事では、個人の Web サイト (例として Notion によって生成された Web ページ) を IPFS にデプロイし、あなただけに属する真の分散型 Web サイト (Dweb) を構築する方法を段階的に説明します。
この記事は、導入、実践的な操作、提案の 3 つの部分に分かれています。まず分散型ネットワーク Dweb の概念と代表的なものを紹介し、次に個人名刺 Web サイトを Dweb に展開する方法を説明し、最後に現在のソリューションの長所と短所をまとめます。
最初のレベルのタイトル
分散型ウェブサイトとは何ですか?
分散型 Web サイト (Dweb) は、文字通り、分散型ネットワーク上に展開された Web サイトです。
コンポーネントの観点から見ると、Dweb は従来のインターネット Web サイトに似ており、どちらも入り口 (ドメイン名) とホスティング エンティティ (ホスティング サーバー) が必要です。 Web3 の世界では、これら 2 つの「機能」に対応する代表的なプロジェクトは、ENS、IPFS、Arweave です (この記事では、多くのプロジェクトで使用されているソリューションでもある前者に焦点を当てます)。
ENS (イーサリアム ネーム サービス) は、イーサリアムに基づく分散型、スケーラブルな、オープンなネーミング システムであり、平たく言えば、ブロックチェーン ドメイン ネーム システムです。
IPFS の考え方は、世界中の誰でも実行できるノードにデータを分散して保存することであり、本質的にはレビュー耐性のあるピアツーピア データ ストレージ サービスです。さらに、IPFS はデータをノード間で分散し、特定のデータをポイントするため、リソースが最近更新されたソースから確実に取得され、実際のエクスペリエンスはより速く、より信頼性の高いものになります。
ENS と IPFS のさらなる解釈については、興味のある読者は「」を参照してください。これまでで最も成功した非金融イーサリアム アプリケーションである ENS について学びましょう》《IPFS の詳細な分析: 新世代のインターネット基盤プロトコル》。
最初のレベルのタイトル
ENS+IPFSに基づく代表的なWebサイト
認識レベルでは明らかではありませんが、ユーザーがいくつかの主流の Web 3 アプリケーションに注目すると、Uniswap や 1inch などの主要な Web 3 プロトコルが Web サイトを IPFS に同期していることが公式文書からわかります。
ENS リンク アドレスはそれぞれ 1inch.eth と uniswapexchange.eth です。ネイティブ Web3 ブラウザの場合は、上記のアドレスを直接入力してアクセスできます。非ネイティブ ブラウザの場合は、互換性のあるアドレスを使用してアクセスできます。
1inch：https://1inch.eth.link/
uniswap：https://uniswapexchange.eth.link。
ENS+IPFS テクノロジーを使用して展開されたその他の Web サイトについては、Almonit が Dweb Web サイトを編成しました。リンクは次のとおりです。https://almonit.eth.link/#/discover/最初のレベルのタイトル
文章
この記事では、主に Fleek ツールが提供するソリューションを使用します。このソリューションの利点は、展開が簡単で、複数の Web フレームワークをサポートしていることです。HTML ページのサポートに加えて、複数の言語の Web フレームワークもサポートしています。 Next.js、Hugo.js、Wordpress など。
この記事では、Fleek でサポートされている多くの機能のうち、最も単純な 1 つである Html ページ フレームワークの展開スキームに焦点を当て、それをステップごとに説明します。これを読んですぐに Xiaobai を使い始められることを願っています。専門家にとっては、Xiaobi は魅力的な翡翠です。
先ほど、HTML Web ページを用意する必要があると述べましたが、この Html Web ページ ファイルの生成には Notion を使用しますが、その主な理由は、Notion には操作が簡単で、独自の HTML エクスポート機能があり、ビジュアルなHTML Webページ作成者。
使用するツールのFleekはGithubと自動同期するため、Githubアカウントと対応するRepo(ライブラリ)も用意する必要があります。
IPFS ネットワークへの展開自体にはドメイン名は必要ありませんが、ネットワークにアップロードすると Web2 の IP アドレスと同様のハッシュが生成されるため、この IPFS ハッシュをマッピングするための ENS も準備する必要があります。
まとめると、事前に次の 3 つを準備してください。
github アカウント。
ENS ドメイン名、対応するウォレット、およびガスとしての少量の ETH。
Conceptアカウントを作成し、個人プロフィールページを作成します。
1. Notion から HTML をエクスポートする
1.1 概念でプロファイルを設計します。デモは次のとおりです。
1.2 概念エクスポート機能から準備したページをエクスポートする IPFS の静的 Web ページのサポート能力が限られているため、当面は単一ページのエクスポートのみを選択できます。 (上級プレイヤーは、マルチレベルのページ、つまりサブページを実装することもできます)。
1.3 エクスポートされた圧縮ファイルを取得すると、自動的にローカルにダウンロードされます。ローカルで解凍すると、下図のようなフォルダーとHTMLファイルが得られます。 「xxx.html」で終わるファイルの名前を「index.html」に変更します。
2.Githubにアップロードする
2.1 へのアクセスGitHubホームページでログインし（アカウントをお持ちでない場合はアカウントを登録する必要があります）、次のページに入り、「新規」をクリックして新しいリポジトリを作成します。
2.2 この新しい Repo では、Private (プライバシー) ライブラリの方法を採用することを推奨します。これにより、Fleek ツールと作成者以外の誰もが元のファイルにアクセスできなくなるためです。
2.3 次に、使用する必要がありますGithubクライアント(コンピューターに Github クライアントがない場合は、ダウンロードしてインストールする必要があります)。 Github クライアントにログインした後、先ほど作成した Github Web ページに戻り、青いボックス内の「デスクトップでセットアップ」をクリックします (デスクトップでクライアントを開きます)。
2.4 デスクトップ クライアントをインストールすると、次のプロンプトが表示されます。
2.5 デスクトップ クライアントにアクセスし、プロンプトに従ってローカル ディレクトリを設定し、このローカル ディレクトリのパスを記録します。最初のステップ「Notion からデータをエクスポート」でダウンロードしたファイルをこのローカル ディレクトリにコピーします。
2.5 コピーが完了すると、クライアントに戻ると次のプロンプトが表示されます。説明を入力してコミットを押します。
2.6 「プッシュオリジン」をクリックして、ドキュメントを Github リポジトリにプッシュします。
3. Fleekを使用して新しいプロジェクトを作成します
「Fleek は、オープン Web とそのプロトコル上で最新のサイトとアプリケーションをシームレスに構築するために必要なものがすべて含まれたツール スイートです。」
簡単に言えば、Fleek は個人の Web サイトを分散ネットワークに簡単に展開できるツールです。
3.1 Fleek に初めて入るときは登録が必要ですが、Ethereum Little Fox Wallet を使用して登録し、ワンクリックで直接ログインするほうが便利なのでお勧めします (Github や電子メールを使用して登録することもできます)。
3.2 登録してログインすると、プロジェクトのホームページが表示されます。次に、Web サイトのプロジェクトを作成する必要があります。
3.3 先ほどの 2 番目のステップで作成した Github リポジトリを選択し、次のステップに進みます。
3.4 [ホスティング サービス] オプションで [IPFS] を選択し、[Cointinue] を選択して次のステップに進みます。
3.5 新しく作成した Web サイトを選択して、詳細設定ページに入ります。
3.6 Web サイトが IPFS 上に展開されたので、図に示すように、Fleek ツールはマップされたドメイン名を密接に関連付けました。
3.7 次に、ENS ドメイン名をバインドし、[設定] を選択して、[ENS] を見つけます。
3.8 「ENS の追加」までプルダウンします。
3.9 ENS ドメイン名を入力します。
3.10 次のインターフェイスに入り、先ほど入力した ENS アドレスを再度クリックします。そして「コンテンツハッシュを設定」を選択し、最後にガス料金を支払えばバインドが完了します。
3.11 この時点で、灰色の ENS ドメイン名が青色に変わり、バインドが成功していることがわかります。
3.12 分散型ドメイン名をサポートするブラウザー (brave、Fox Wallet モバイル アプリなど) の場合は、ここで設定した yyzfish.eth などの ENS に直接入力して、デプロイされた Dweb に直接アクセスします。Web2 ブラウザーの場合、ENS には互換性のあるソリューション、直接アクセスできますhttps://yyzfish.eth.link/ 。
文章
このプロセスを経て、従来の Web サイトと比較した分散型 Web サイトの長所と短所がいくつかあることに気づきました。
アドバンテージ
低コストで安定した
従来の Web2 Web ページはサーバー上に展開する必要があり、メンテナンスが必要なだけでなく、ユーザーの数に応じて増加しますが、この記事で説明する Web3 への展開プロセスを通じて、Web ページのコストが大幅に削減されることがわかります。 IFPS への導入は非常に安価で (現在は無料)、ユーザーの規模に関係なく、コストは変わりません。
より完全な Web3 の説明
初期の頃は、チェーン上のガスが多かったために、完全なプロジェクト (フロントエンド + スマート コントラクト) をイーサリアム ネットワーク上に同時にデプロイすることが困難でした。現在、IPFS ネットワーク プロトコルの改善により、巨大なフロントエンド インタラクティブ ページも独自の排他的な分散ネットワークを備えています。これは物語的には「地方分権化」の真の理念と一致しています。現在、Uniswapや1inchなどのトップDeFiプロトコルが次々と分散型ネットワークに導入されていますが、将来的には完全な分散型ネットワークへの導入がWeb3プロジェクトの標準構成となる可能性があります。
人としてクール
ENS ドメイン名はソーシャル メディア (Twitter など) で非常に人気があり、多くの KOL が xxx.eth というニックネームを付けています。これに基づいて、彼らは独自のブログを IPFS ネットワークに展開し、ENS を使用するというさらなる拡張を達成しました。ドメイン名を入り口として使用するのは、暗号通貨愛好家にとって素晴らしいことでしょう。
匿名性とプライバシー保護
Dweb は設計の初期段階で「分散化」と「プライバシー」の組み合わせを十分に考慮しているため、実際には追跡不可能性と匿名性という特徴を持つ Tor ネットワークに似ています。
不十分
Web 2 との互換性はまだ改善の必要があります
このツールはすでに多くの主流フレームワークをサポートしていますが、すべてがサポートされているわけではなく、PHP などの動的 Web フレームワークはまだサポートされていません。全体的な互換性を改善する必要があります。
国内ユーザーには不親切
現在の IPFS ノード数はホワイトペーパーで計画されている数 (ロードマップ) には程遠いため、中国での Dweb へのアクセスには一定の障害が存在します。
将来的には、より完璧なソリューションとテクノロジーの反復が見られることを期待しています。
