在 ABT 节点部署 HTML 网站 Blocklet | ArcBlock 博客

作者： Matt McKinney

译者： 陈俊

关于如何使用现成的 Blocklet 和 ArcBlock 的 ABT 节点部署简单 HTML 网站的轻松演示。

用 ArcBlock 平台部署 HTML 网站

ArcBlock 平台

ArcBlock 是当今最灵活的 DApp 开发平台之一，旨在帮助用户能够轻松地为其 DApp 项目构建、部署和管理软件，包括采用其他区块链和分布式账本技术。而且，开发者可以使用他们已经熟悉的语言。

HTML Blocklet 极简入门

在开始之前，这一演示使用一个开源 HTML Blocket^[1]，任何人都可以使用它，并且只需一键即可启用 ABT 节点。简单的 HTML 网页代表了任何 Blocklet 的最简单的基础，并且由于今天的浏览器功能强大到可以运行纯 HTML 和基于 JavaScript 的应用，因此 HTML 和 JS 代表了如今运行的许多服务的前端。

ArcBlock 的指导原则之一是确保我们的平台支持完整的端到端开发者体验——从简单到复杂，包括完整的前端和后端支持。

注意：Blocklet 为开发者提供了一种一致且标准化的方法，可以快速使用 ABT 节点和 Blocklet 为任何开发项目创建和部署技术，包括 HTML 在内。

在这一演示中，很容易看到 ABT 节点如何让启动网站、静态页面和任何面向消费者的应用变得轻松容易。

如果访问 ArcBlock 官网^[2]和文档中心^[3]，则可以看到实时的 Blocklet 正在运行。与本演示类似，每个文档页面和我们的网站都在运行 Blocklet。让我们开始吧。

在 Gitpod 中打开

1.单击在 Gitpod 中打开^[4] 按钮，你的云开发人境将在浏览器中自动启动。

2.可以看到你的 Gitpod 环境正在设置中，在这种情况下，可以获取必要的 Docker 映像。

3.与其他任何 Blocklet 一样，不存在依赖项，并且开发者运行服务或 Blocklet 所需的一切都已包括在内。Blocklet 是一种标准化不同组件、服务和 DApp 所需的部署和工具的有效方法。

4.现在，ABT 节点已部署到调试模式，因此设置完成后就可以开始使用代码。这一步骤将初始化并启动 ABT 节点，包括生成 ABT 节点配置文件（abtnode.yml）。你还可以看到 ABT 节点的 DID，即从配置中提取的去中心化标识符。

5.在此步骤中，ABT 节点和 Blocklet 已部署完毕，并且列出了你的 Blocklet 元数据。在最后一步中，系统将确认你的静态 Blocklet 已从 /workspace/minimalist-html-demo 端口 8090 上准备就绪，并确认可访问你的 Blocklet 和 ABT 节点的 URL。

6.HTML 预览已经准备好。在开发环境的右侧，你可以看到 HTML Blocklet 正在运行。当然，你只需进入源文件即可对 HTML 页面进行编辑或添加其他文本。

7.注意：对于任何想要在生产模式下运行其 Blocklet 的开发者，可以使用abtnode bundle/zip-bundle 和 abtnode deploy8.我们已经看到使用 ArcBlock 的 ABT 节点和现成的 Blocklet 部署静态站点非常容易。如果你有兴趣尝试使用另一个 Blocklet，并了解 ABT 节点如何支持其他平台，请查看我们的Solid on ArcBlock 演示^[5]，并使用 Solid on ArcBlock Blocklet 部署 Inrupt 的 Solid 服务器。与 HTML 演示类似，这些 Blocklet 是开源的，请随时改进或尝试使用其他 Blocklet，包括 React、静态站点等。

构建 DApp、区块链和分布式账本技术从未如此简单。

立即开始使用！^[6]

References

[1] 开源 HTML Blocket: https://github.com/blocklet/minimalist-html-demo
[2] ArcBlock 官网: https://www.arcblock.io
[3] 文档中心: https://docs.arcblock.io/zh/abtnode/
[4] 在 Gitpod 中打开: https://gitpod.io/#https://github.com/blocklet/minimalist-html-demo
[5] Solid on ArcBlock 演示: https://www.arcblock.io/zh/post/2020/11/10/solid-server-on-arcblock
[6] 立即开始使用: https://www.arcblock.io/zh/get-started

更多ArcBlock区块基石信息，可关注以下渠道了解：

• 官网 | https://www.arcblock.io

• ABT 技术社区 | https://community.arcblockio.cn

• ABT 链网 | https://www.abtnetwork.io

• ABT 钱包 | https://abtwallet.io

• ABT 换币服务 | https://swap.abtnetwork.io

• 开发者文档 | https://docs.arcblock.io
  

• Twitter | https://twitter.com/ArcBlock_io

• Facebook | https://www.facebook.com/arcblock.io/

• LinkedIn | https://www.linkedin.com/company/18355951/

• Reddit | https://www.reddit.com/r/arcblock/

• Medium | https://medium.com/arcblock

• 微博 | https://weibo.com/realArcBlock

• 微信群 | 加“ABT共识社区小助手（ID: L520abt1314）”好友入群

• 电报群 | Telegram groups:

  Telegram (English): https://t.me/ArcBlock

  Telegram (中文): https://t.me/ArcblockAsian

↙点击查看 Blocklet 开源仓库