分散型ウェブサイトを作成する方法 - |テクノロジーの説明|インターネット|

あなたのような読者が MUO をサポートします。当社サイトのリンクを使用して商品を購入すると、アフィリエイト手数料が発生する場合があります。続きを読む。

分散型 Web サイトの作成は、ほとんどの人が予想するよりも簡単です。実際、分散型 Web サイトと通常のサイトの唯一の違いは、分散型ネットワークでホストされているということです。他のほとんどすべては同じままです。

今日のMUOビデオ スクロールしてコンテンツを続けてください

このガイドでは、分散型 Web サイトを作成して起動するプロセスを説明します。プロセス全体を実行するには、ウォレットに Web3 ドメインといくらかの ETH が必要です。

1. ウェブサイトファイルを作成する

まずは必要なWebサイトファイルを準備します。あるいは、テンプレートプロバイダーから無料の Web サイトテンプレートをダウンロードし、それを使用して分散型 Web サイトを作成することもできます。サイトを開発するために、Free CSS からテンプレートをダウンロードします。

人生のクイズであなたの目的を見つける方法

訪問無料のCSS をクリックし、テンプレートを選択してダウンロードします。次に、以下に示すように、ZIP ファイルを個々のファイルが含まれるフォルダーに解凍します。

サイトを最初から構築する場合は、すべてのファイルが 1 つのフォルダーにあることを確認してください。

2. Web サイトのファイルを IPFS にアップロードします

IPFS (Inter-Planetary File System) は、ファイルを共同でホストするコンピュータの世界的に分散されたピアツーピアネットワークで構成される、最も一般的な分散ファイルストレージシステムです。

まず、独立して実行されている IPFS ノード (パーソナルコンピューター) で Web サイトファイルをホストできます。このルートの課題は、誰かが分散型 Web サイトにアクセスするには、コンピューターがオンラインになっている必要があることです。

もう 1 つのオプションは、次のような IPFS ホスティングプラットフォームを使用することです。ピニャータ、脂肪、またはフリークファイルをホストして IPFS ネットワーク全体に配布し、誰でもアクセスできるようにします。ただし、これらのサービスの一部を使用するには、サブスクリプション料金を支払う必要があります。

IPFS ノードへのアップロード

まず、独立した IPFS ノードを実行する必要があります。

開始方法 PC に IPFS をセットアップする。 PC クライアントをダウンロードするか、Brave ブラウザ拡張機能を使用して IPFS ノードをセットアップできます。
セットアップが完了したら、IPFS ダッシュボードを開き、輸入をクリックして、Web サイトのフォルダーをアップロードします。
Web サイトが公開されているかどうかを確認するには、ファイルの右側にある 3 つの点をクリックし、 共有リンク をコピーし、Brave の新しいタブで IPFS リンクを開きます。 Brave を正しく設定すると、サイトは正常に読み込まれるはずです。

Fleekへのアップロード

Fleek を使用すると、ユーザーは Web サイトを IPFS に無料でアップロードできますが、Piñata はプレミアムパッケージが必要です。ただし、Fleek を使用する前に、まず Web サイトを GitHub にデプロイする必要があります。

GitHub ダッシュボードを開き、新しいリポジトリを作成します。次に、GitHub と適切に統合されたバージョン管理システムである Git を使用して、Web サイトのファイルを GitHub リポジトリにアップロードします。簡単にデモンストレーションを行うには、まず Web サイトのファイルをデスクトップ上のフォルダーに保存します。 dウェブ
訪問 Git-scm 、最新バージョンの Git をダウンロードしてインストールします。
PC のスタートメニューから Git Bash を起動し、「
```
 cd desktop/dWeb 」と入力します。
```
このコマンドにより、デスクトップ上に作成したフォルダー内で Git が起動し、ローカルリポジトリが初期化されます。

次に、次のコマンドを 1 つずつ実行します:

 git init  
git add .  
git commit -m "first commit"  
git remote add origin [url].git

ここで、[url] は GitHub リポジトリアドレスを表します。この例では、

 git remote add origin https://github.com/elgwaro/dWeb.git です。

これらのコマンドを実行すると、Web サイトフォルダー内の非表示の .git フォルダーが初期化され、すべての Web サイトファイルが .git フォルダーに追加され、アップロード用にコミットされ、最終的にファイルが GitHub リポジトリにアップロードされます。

これは、複数の Web サイトのファイルとフォルダーを GitHub リポジトリにアップロードする最も効率的な方法であり、上に示すようになります。

Fleek を GitHub にリンクする

Fleek アカウントを GitHub にリンクする方法は次のとおりです。

FacebookをInstagramから切断する方法

訪問フリーク、アカウントにサインインして、 新しいサイトを追加
Fleek を GitHub に接続し、Web サイトのファイルを含むリポジトリへのアクセスを承認します。
Fleek には、選択したリポジトリが表示されます。に進みます。 導入場所 タブで「IPFS」を選択し、「」をクリックします。続く。
フレームワークを選択します (不明な場合は、そのままにしておきます) 他の ) してサイトをデプロイします。

サイトは IPFS にデプロイされます。

3. Web3 ドメインに接続する

ローカル IPFS ノードを使用している場合でも、Fleek などのオンラインプラットフォームを使用している場合でも、この時点でサイトを IPFS にデプロイする必要があります。これは、サイトの IPFS ハッシュを取得していることを意味します。

したがって、次のステップは、サイトを Web3 ドメインにリンクすることです。のいずれかから購入できますトップ Web3 レジストラ市場で。ドメインのコストはプラットフォームの規約によって異なります。ブロックチェーンベースのドメインシステム、ブロックチェーンに記録されるトランザクションにはネットワーク料金が発生します。

つるであなたの好きなものを見る方法

このデモンストレーションのために、私たちは以下のものを入手しました エルグワロ.eth ENS のドメイン。

ENS ドメインを IPFS Web サイトにリンクする

ENS ドメインを IPFS でホストされているサイトにリンクする方法は次のとおりです。

ENS ダッシュボードを開き、ドメイン名セクションにアクセスします。
を選択記録タブをクリックして レコードの編集 。
選択する他の、独立した IPFS Web サイトのリンクを貼り付け、クリックします。保存。
トランザクションを承認するにはウォレットに接続するように求められます。これには、ネットワークのアクティビティに応じて少額の手数料がかかります。
トランザクションが完了すると、Web3 ドメインが分散型 Web サイトにリンクされます。

Fleek を使用している場合は、Fleek ダッシュボードでドメインに接続できます。

導入した Web サイトのダッシュボードを開き、をクリックします。 カスタムドメインの追加 。
下にスクロールして、 ENS情報 をクリックして、 ENSの追加 。
ENS ドメインを入力し、クリックします 確認する そして確認します。
次に、をクリックします コンテンツハッシュの設定 。ネットワークのアクティビティに基づいて少額の手数料を支払い、トランザクションを承認するにはウォレットに接続する必要があります。リンクを正常に設定するには、接続されたウォレットアカウントがドメインのコントローラーであることを確認してください。

4. Web サイトにアクセスする

Web3 ドメインを分散型 Web サイトに正常にリンクすると、Web3 ドメインは分散型 Web サイトを指すようになります。

を使用してアクセスできます ENS ドメイン +.link 。たとえば、この場合は次のようになります。 elgwaro.eth.link 。ただし、Brave のような IPFS 対応ブラウザを使用する場合は、次のものを含める必要はありません。 。リンク URLの最後に。

分散型 Web サイトが正常に作成されました。

Web2 開発の枠を超えて

時間の経過とともにインターネットの分散化が進むにつれて、分散型 Web サイトの数はおそらく最終的には集中型サーバーでホストされている Web サイトの数を超えるでしょう。幸いなことに、Web2 から Web3 への Web サイト開発の移行は、思っているほど複雑ではありません。したがって、検閲に強い分散型 Web サイトの構築を考えている場合は、このガイドを読むと非常に有利なスタートを切ることができます。