跳到主要內容

在 ArcBlock 上部署 HTML Website Blocklet

ArcBlock
ABT NodeArcBlockBlockletDeveloper

演練如何使用現成的 Blocklet 和 ArcBlock 的 ABT 節點部署簡單的 HTML 網站。

使用 ArcBlock 部署 HTML 網站

ArcBlock 平台

ArcBlock 是當今最靈活的 DApp 開發平台之一，旨在使用戶能夠輕鬆建立、部署和管理其 DApp 專案的軟體，包括採用其他區塊鏈和 DLT。此外，開發人員可以使用他們已經熟悉的語言。

HTML Minimalist Blocklet 入門

在開始之前，該演示使用任何人都可以使用的open source HTML Blocket，只需單擊即可輕鬆開始使用 ABT 節點。簡單的 HTML 代表了任何 Blocklet 的最簡單的基礎，並且由於當今的瀏覽器功能強大到足以運行純 HTML 和基於 JavaScript 的應用程序，因此 HTML 和 JS 代表了當今運行的許多服務的前端。

ArcBlock 的指導原則之一是確保我們的平台支援完整的端到端開發人員體驗 - 從簡單到複雜，包括完整的前端和後端支援。

注意，Blocklet 為開發人員提供了一致且標準化的方式，以便快速使用 ABT Node 和 Blocklet 為任何開發專案建立和部署技術（包括 HTML）。

在此示範中，可以輕鬆看到 ABT Node 如何輕鬆啟動網站、靜態頁面和任何面向消費者的應用程式。

如果您造訪ArcBlock's website和documentation centers，您可以看到正在運行的即時 Blocklet。與此演示類似，每個文件頁面和我們的網站都運行 Blocklet。讓我們開始吧。

在 Gitpod 中開啟

  1. 點選Open in Gitpod按鈕，您的雲端開發人員環境將自動在瀏覽器中啟動。

  1. 您可以看到您的 Gitpod 環境正在設置，在本例中正在拉取必要的 Docker 映像。

  1. 與任何 Blocklet 一樣，不存在依賴關係，開發人員運行服務或 Blocklet 所需的一切都已包含在內。 Blocklet 是標準化不同元件、服務和 DApp 所需的部署和工具的強大方法。

!]

  1. 現在，ABT Node 正在部署為偵錯模式，因此您可以在設定完成後立即開始使用程式碼。在此步驟中，ABT 節點被初始化並啟動，包括產生 ABT 節點設定檔（abtnode.yml）。您也可以看到 ABT 節點的DID或去中心化識別碼是從組態中提取的。

  1. 在此步驟中，我們的 ABT 節點和 Blocklet 已部署，並且列出了您的 Blocklet 元。在最後一步中，系統將確認您的靜態 Blocklet已在 /workspace/minimalist-html-demo 的連接埠 8090 上準備就緒，以及用於存取您的 Blocklet 和 ABT 節點的 URL。

  1. HTML 預覽已經準備好，在開發環境的右側，您可以看到 HTML Blocklet 正在運作。當然，您可以簡單地進入來源檔案進行編輯或在 HTML 頁面上新增文字。

  1. 注意：若開發人員想以生產模式執行 Blocklet，可以先使用 abtnode bundle/zip-bundle，再使用 abtnode deploy。
  2. 我們已經看到使用 ArcBlock 的 ABT 節點和現成的 Blocklet 部署靜態網站是多麼容易。對於任何有興趣嘗試另一個 Blocklet 並了解 ABT Node 如何支援其他平台的人，請查看我們的Solid on ArcBlock demo並使用 ArcBlock Blocklet 上的 Solid 部署 Inrupt 的 Solid Server。與 HTML 演示類似，這些 Blocklet 是開源的，請隨意進行改進或嘗試其他 Blocklet，包括 React、靜態網站等。

建構 DApp、區塊鏈與 DLT 從未如此簡單。 立即開始。

本頁涉及

產品

  • Blocklet Server superseded

    把 blocklet 作為子行程託管的伺服器。這項工作在 ARC 裡繼續；子行程託管這個模型不再往下走。

術語

  • Blocklet

    Blocklet 是 ARC 的可部署單元。它把應用宣告的內容、設定和執行需求放在一起，讓開發者面對的是一個清楚的應用單位，而不是散落在不同位置的部署線索。