eth.build 快速入门 | Web3.0 dApp开发（一）

Eth.build 是一个专注于 Web3.0 的教育沙箱，具有以下特点——

• 无代码拖放式编程• 完全开源• 直观直观地了解以太坊的工作原理

首页地址：

Youtube学习频道：

回购地址：

eth.build 快速上手，加载现成的教学案例

点击“了解更多”，会弹出很多现成的教学案例，您可以点击按钮加载或观看教学视频！

基本操作实践：以以太坊余额抓取为例

这是一个简单的例子，实现了从以太坊抢余额的功能。

我们可以通过这个例子来学习eth.build的使用。

步骤 0x01。 创建文本块

通过 INPUT>TEXT 创建一个文本输入框。 INPUT 是输入组件的集合。

步骤 0x02。 创建平衡块

通过WEB3>BALANCE创建余额查询块，WEB3是以太坊WEB3一系列功能的实现，相当于ether.js中的实现。

观察这个Block，你会发现它在抽象上由三部分组成：输入INPUTS、处理（隐藏）和输出OUTPUTS。 因此，这些Blocks可以看作是Functions从计算机角度的可视化。

步骤 0x03。 链接文本和平衡

我们将 Text 的输出连接到 Balance 的输入，这两个 Block 是链接在一起的。

步骤 0x04。 输入地址！

随便找一个地址，复制到Text中，我们会发现Balance的输入变成了一个数字。

步骤 0x05。 微到ETH

但是这是一个整数以太坊地址余额查询，因为这个数字的单位是wei，我们可以把它换算成ETH，所以我们又加了两个Block——

“Utils>From Wei”和“DISPLAY>WATCH”。 Utils是常用组件的集合，Display是输出组件的集合。

步骤 0x06。 把它展示给你的朋友！

好了，你已经完成了你的第一个 eth.build 工作，你可以把它展示给你的朋友！

SAVE>Share，你会得到一个网址，你可以把这个网址发给你的朋友，他打开就可以看到你的作品：

步骤 0x07。 保存在本地

也许您需要将其保存在本地以供以后加载。

“保存>下载”和“加载>从文件加载”可以满足您的需要。

进阶玩法

无代码以太坊区块链浏览器：

#3c50b1af5fd2956e808ac4d3132a9d063b8e2f9eac3b44d3971fe83165d5d0b8

这是以太坊区块链浏览器的无代码版本！

通过这个例子以太坊地址余额查询，我们可以看到康康eth.build有哪些高级的方式。

0x01。 修改属性值

通过修改Properties，我们可以修改BUTTON、WATCH等Block的名称等属性值，让展示更加友好。 例如，我将按钮点击序列标记为 0x01 等。

0x02。 职称及个人二维码

通过“DISPLAY>TITLE”，我们可以在作品上显眼地标注自己的名字。

此外，我们还可以通过文字和二维码的结合，为作品添加个人二维码！

从微信下载个人二维码后，通过草草二维码（）将二维码转化为URL，输入到Text中。

eth.build 快速入门到此结束。 这个“神器”的玩法还是很多的。