著者: カイル
レビュー者: サンディ
出典: コンテンツ ギルド - ニュース
PermaApp は、Permaweb 上にデプロイされた分散型アプリケーション (dApp) を指し、そのすべてのデータは Arweave ネットワークに保存されるため、Arweave ネイティブ アプリケーションとも呼ばれます。 everPay、Permaswap、ArDrive が代表的なものです。
これらのアプリケーションが集中サーバーの制約を取り除き、真の分散運用を実現できるのは、まさに Permaweb のサポートに依存しているからです。 PermaApp のフロントエンドがどのようにして永続的にオンラインになるかを理解するには、まず Permaweb とは何かを理解する必要があります。
パーマウェブ: 決して消えることのないインターネット
Permaweb は、Arweave 上に構築された永続的なインターネット層であり、写真、ビデオ、Web ページ、アプリケーションなどのさまざまなデータを運び、決して消えることのないインターネットを形成します。従来のインターネットとは異なり、Permaweb 上のすべてのデータは永続的に保存され、不変で追跡可能です。
ユーザーは、通常の Web サイトにアクセスするのと同じように、ブラウザを通じて Arweave に保存されているコンテンツに直接アクセスできます。 PermaApp のフロントエンド ページは、Permaweb がこれらのデータを Web ページ形式に整理および組み立てた結果です。
PermaApp フロントエンド ページはどのように展開されますか?
他のブロックチェーン アプリケーションと比較して、PermaApp はより完全な分散化を実現します。そのフロントエンド ページは集中サーバー ホスティングに依存する必要はありませんが、Arweave の分散ストレージ ネットワークを使用し、クライアント サイド レンダリング (CSR) モードでレンダリングされます。プロセス全体は、コードのアップロード、リソースの読み込み、ページのレンダリングという 3 つの主要なステップに分けることができます。
1. コードをアップロード: フロントエンドを Arweave にデプロイします
開発者は、PermaApp のフロントエンド コードをパッケージ化して Arweave ネットワークにアップロードします。このコードには、次のようなページ表示と操作のためのすべてのリソースが含まれます。
- HTML : ボタン、テキスト、画像の配置など、ページの構造を定義します。
- CSS : 色、フォント、レイアウトなどのページのスタイルを制御します。
- JavaScript : ボタンをクリックした後のポップアップ ウィンドウなどのインタラクティブな機能を実装します。
- マルチメディア ファイル: 写真、ビデオ、オーディオなど。
永続的なトランザクション ID (つまり、一意のリンク) は、各ファイルがアップロードされた後に生成されます。このうち、メインページの HTML ファイルは通常、ページへの入り口として機能し、開発者は対応するトランザクション ID またはリンクを公開するだけで、ユーザーはそのページにアクセスできます。
2. ユーザーアクセス: Arweave ゲートウェイ経由でリソースをロードします
PermaApp にアクセスしたユーザー エクスペリエンスは、通常の Web サイトを閲覧するのと似ています。ブラウザは Arweave ゲートウェイにリクエストを送信し、Arweave ゲートウェイは必要な HTML、CSS、JavaScript、およびマルチメディア ファイルを Arweave ネットワークから取得します。
2. ユーザーアクセス: Arweave ゲートウェイ経由でリソースをロードします
PermaApp にアクセスしたユーザー エクスペリエンスは、通常の Web サイトを閲覧するのと似ています。ブラウザは Arweave ゲートウェイにリクエストを送信し、Arweave ゲートウェイは必要な HTML、CSS、JavaScript、およびマルチメディア ファイルを Arweave ネットワークから取得します。
すべてのリソースは Arweave に保存され、AWS などの従来のクラウド サーバーに依存しないため、サーバーのダウンタイムによってこれらのページが無効になることはありません。何が起こっても、すべての PermaApp ページは常にオンラインであり、ユーザーに安定したアクセス エクスペリエンスを提供します。
3. レンダリング: ページはブラウザーでレンダリングされます。
ブラウザはコードをダウンロードした後、それを解析して完全なページに組み立てます。
- HTML を解析した後にページ フレームを構築します。
- CSS をロードしてページにスタイルを追加します。
- JavaScript を実行してインタラクティブな機能を実装します。
これらのレンダリング タスクはユーザーのブラウザ内で完了するため、このクライアント サイド レンダリング (CSR) モードではバックエンド サーバーに依存する必要がなく、アクセス効率が向上するだけでなく、アプリケーションの高い信頼性も確保されます。
要約する
Arweave と PermaApp の間の橋渡しとして、Permaweb は Arweave に保存されている分散データを整然とした方法で整理し、ページの形式でユーザーに表示します。
クライアントサイド レンダリング (CSR) を通じて、PermaApp のフロントエンド ページは従来のサーバーの制限を完全に取り除き、シームレスなユーザー エクスペリエンスを実現します。同時に、このアーキテクチャにより、アプリケーションは検閲に耐性があり、永続的なものになります。時間が経っても、アプリケーションのページとデータは常にオンラインにあり、ユーザーはいつでもアクセスできます。
コードのアップロードからページのレンダリングに至るまで、PermaApp のあらゆる側面は、安定性と透明性があり、決して消えることのない未来のインターネットである Permaweb の独自の価値を示しています。
🏆 「バグを捕まえた」場合の賞品: この記事内でタイプミス、間違った文章、または間違った説明を見つけた場合は、 私をクリックして報告してください。インセンティブが与えられます。
免責事項: この記事は PermaDAO の見解や立場を表すものではありません。 PermaDAO は、投資アドバイスを提供したり、プロジェクトを推奨したりすることはありません。読者は、居住国の法律を遵守し、準拠して Web3 活動を行うことが求められます。
全てのコメント