上一个章节:创建静态 Blocklet 详细介绍了如果从 0 到 1 创建一个可以部署运行在 ABT 节点里面的静态 Blocklet, 这个章节我们将继续带领大家,从 0 到 1 创建并部署一个更加复杂的 Dapp Blocklet 到 ABT 节点中。

第一步,环境准备

  1. Node.js 开发环境搭建完毕

create dapp blocklet 1

  1. Forge CLI 已经安装完毕

create dapp blocklet 2

  1. ABT 节点已经初始化完毕, 并且已经处于运行状态

create dapp blocklet 3

  1. 本地已经安装好 MongoDB 并成功运行

第二步,创建 Dapp Blocklet

这里我们会使用到 forge cli 里面的 forge blocklet:use forge-react-starter 命令生成一个 Dapp Blocklet 模板项目.

  1. 创建一个项目目录并进入目录,将会在这个目录下执行 forge blocklet:use forge-react-starter
mkdir dapp-blocklet-demo
cd dapp-blocklet-demo
  1. 执行 forge blocklet:use forge-react-starter 完成模板项目创建

这里的步骤请参考文档:使用 Starter Blocklet

  1. 尝试运行项目

在根目录下执行 yarn start 启动项目,进行预览

create dapp blocklet 4

可以看到,生成的模板项目成功配置之后,可以正常本地运行。

第三步,部署 Dapp Blocklet

首先让我们 Ctrl+C 停掉刚刚的本地测试进程,然后执行 abtnode deploy . 命令,看看会发生什么:

create dapp blocklet 5

deploy 成功!我们看看 ABT 节点基石程序 页面:

create dapp blocklet 6 zh

第四步,配置 Dapp Blocklet

可以看到如果我们直接点开 dapp blocklet demo 最右侧的更多菜单,启动 按钮时灰色不可点击的,是因为我们这个 Dapp 有一些必须配置的项目,可以点开详情页面查看:

create dapp blocklet 7 zh

我们配置一下 MONGO_URI 为本地的:mongodb://127.0.0.1:27017/dapp-blocklet-demo,成功配置之后,即可进入下一步。

第五步,运行 Dapp Blocklet

点击打开刚刚部署好的 dapp blocklet demo 最右侧的更多菜单,并 启动

create dapp blocklet 8 zh

成功启动之后,Blocklet 进入 running 状态,我们点击 公开界面 进行验证:

create dapp blocklet 9

Blocklet 已经成功运行起来了。到这儿,我们就已经成功的在 ABT 节点里面部署了一个 Dapp Blocklet,你也快来试试吧!