Cointime

Download App
iOS & Android

Permaweb について知り、PermaApp のフロントエンド展開から始めましょう

Validated Project

著者: カイル

レビュー者: サンディ

出典: コンテンツ ギルド - ニュース

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 活動を行うことが求められます。

🔗 PermaDAOについて:ウェブサイト|テレグラム| Youtube

コメント

全てのコメント

Recommended for you

  • zkPassはAnimoca Brandsなどの参加を得て、シリーズA資金調達で1,250万米ドルを完了した

    プライバシー保護データ検証プロトコル zkPass は、dao5、Animoca Brands、Flow Traders、Amber Group、IOBC Capital、Signum Capital、MH Ventures、WAGMI Ventures の参加により、シリーズ A 資金で 1,250 万ドルを調達し、その価値は 1 億ドルと評価されました。 zkPass は来年の第 1 四半期にトークンを発売する予定であると報告されています。 (ブロック)

  • Shenyu: ブラインド署名の問題が蔓延していることはハッカーにチャンスをもたらしており、この問題は解決される必要があります

    Shenyu (@bitfish1) 氏は、フロントエンドにセキュリティリスクがある場合、ハードウェアウォレットは最後の防御線であり、本来は資産の安全性を確保すべきであるとXプラットフォームに投稿しました。しかし現段階では、ブラインド署名の問題が蔓延しており、ハッカーにチャンスを与えているため、この問題は解決されなければなりません。

  • ドイツ取引所クリアストリーム:D7プラットフォームは100億ユーロ以上のデジタル債券を発行

    ドイツ取引所クリアストリームは、同社のデジタル証券プラットフォームD7が100億ユーロ(110億ドル)を超えるデジタル債券を発行したと発表した。現在、D7は主に大規模デジタル債券と仕組み商品の2種類の発行に使用されている。技術的な観点から見ると、D7 プラットフォームは DAML スマート コントラクトを使用しており、DAML の最新バージョンはカントン ブロックチェーンをサポートしています。以前、クリアストリームは決済にフランスのホールセール中央銀行デジタル通貨 CBDC を使用する実際のトライアルにも参加しました。

  • 流動性ステーキングプロトコル Drop、CoinFund 主導のシードラウンドで 400 万ドルを完了

    10月17日、流動性ステーキングプロトコルのDropは、CoinFund、CMS Holdings、Anagram、Interop Ventures、Cosmostationなどの機関、およびLido DAOの共同創設者Vasiliy ShapovalovとCelestia Labsの共同主導者による400万ドルのシードラウンドを完了した。ムスタファ・アル・バッサム氏やアバカス・ラボのCEOでハイパーレーンの中心貢献者であるジョン・コル氏などの創設者エンジェル投資家が投資に参加した。

  • CFTC:連邦裁判所がカルシに予測市場の立ち上げを許可したのは「間違っていた」

    米商品先物取引委員会(CFTC)の弁護士は控訴裁判所への準備書面で、連邦判事が予測市場カルシに選挙契約の上場と取引を許可したのは「誤り」だったと主張し、下級裁判所での主張を再確認した。 判事は先月、CFTCがカルシ氏の選挙契約書記載を禁止することはできないとの判決を下した。規制当局は控訴裁判所に対し、控訴の結果が出るまで同社が製品を発売することを阻止するための差し止めを申請した。しかし裁判所の判事らは、CFTCは取り返しのつかない損害が生じることを証明できなかったとの判決を下した。

  • ブラックロック・イーサリアムETF保有の時価総額が110億ドルを超える

    ブラックロックはイーサリアム上場投資信託iシェアーズ・イーサリアム・トラストETFのポジション情報を正式に更新し、10月16日時点でETHAの保有額は425,000ETH(424,165.708ETH)近くとなり、ポジションの市場価値は110億米ドルを超え、1,109,528,417.19米ドルに達しました。 。

  • CEX先物取引高に占めるDEXのシェアは9月に3.26%に低下

    ザ・ブロックのデータによると、9月の集中型取引所(CEX)に対する分散型取引所(DEX)の先物取引高のシェアは2月のピークの5.18%から3.26%に低下した。 この指標は、DEX で発生する先物取引量と CEX で発生する先物取引量の比率を表しており、ユーザーが徐々に集中型プラットフォームに移行しているようであることを示しています。データによると、Hyperliquid は最大の DEX 永久スワップ プラットフォームの 1 つとなり、市場シェアは 50% 近くになりました。

  • モルガン・スタンレーは2億7,210万ドル相当のスポットビットコインETFを保有

    最新の米国証券取引委員会(SEC)への提出書類によると、モルガン・スタンレーは2億7,210万ドル相当のスポットビットコインETFを保有している。

  • BTCが68,000ドルを突破

    市場ではBTCが68,000米ドルを超え、現在68,034.02米ドルで取引されており、24時間で0.35%上昇しています。市場は大きく変動しているため、リスクを管理してください。

  • 米国SEC、XRP判決に対して正式に控訴

    米国証券取引委員会(SEC)は、アナリサ・トーレス判事のXRP判決に対して正式に控訴し、仮想通貨取引所によるXRP販売が有価証券に該当するかどうかをめぐる法廷闘争が再燃した。規制当局は、リップル幹部の清算や非現金のXRP分配を求める判決など、裁判所の判決の重要な側面に異議を唱えている。この結果は、仮想通貨規制の将来に重大な影響を与える可能性があります。