Eth.build 是一个聚焦于 Web3.0 的教育型沙盒,具备如下特性——
主页地址:
Youtube 学习频道:
https://www.youtube.com/playlist?list=PLJz1HruEnenCXH7KW7wBCEBnBLOVkiqIi
Repo 地址:
点击「learn more」,会弹出很多现成的教学案例,可点击按钮进行加载或查看教学视频!
这是一个简单的例子,实现了从以太坊抓取余额的功能。
我们可以通过这个例子来学习eth.build
的使用。
通过INPUT
>TEXT
创建一个文本输入框。INPUT
是输入组件的集合。
通过WEB3
>BALANCE
创造一个余额查询块,WEB3
是一系列以太坊WEB3
功能的实现,和ether.js
中的实现等价。
观察这个Block,会发现抽象来看它由三部分组成:输入INPUTS
、处理(隐藏)和输出OUTPUTS
,因此,这些 Blocks,从计算机的角度可以看做是函数Functions
的可视化。
我们将 Text 的输出连上 Balance 的输入,这两个 Block 就链接起来了。
随便找到一个地址,将其复制到Text
中,我们会发现Balance
的输入变成了数字。
但这是一个整数,因为这个数字的单位是wei
,我们可以将其转换为ETH
,所以我们再添加两个Block——
「Utils
>From Wei
」和「DISPLAY
>WATCH
」。Utils 是通用组件的集合,DISPLAY 是输出组件的集合。
好了,你已经完成了你的第一个eth.build
作品,你可以把它 show 给你的朋友!
SAVE
> Share
,你会获得一个网址,你可以把这个网址发给你的朋友,他打开就能见到你的作品:
也许你需要把它保存在本地,以便于之后的加载。
「Save
>Download
」和「Load
>Load From File
」可以满足你的需求。
无代码以太坊区块链浏览器:
https://eth.build/build#3c50b1af5fd2956e808ac4d3132a9d063b8e2f9eac3b44d3971fe83165d5d0b8
这是一个无代码版本的以太坊区块链浏览器!
通过这个例子我们可以康康eth.build
有哪些进阶玩法。
通过Properties
的修改,我们可以给BUTTON
、WATCH
等Block修改名称等属性值,这样就呈现更加友好。例如我会用0x01
等标记上按钮的点击顺序。
通过「DISPLAY
>TITLE
」我们能给作品显眼地标记上自己的大名。
除此之外,我们还能通过Text
和QR
的组合在作品上加上个人二维码!
从微信下载个人二维码后,通过草料二维码(https://cli.im/deqr)将二维码转换为`URL`,输入`Text`中即可。
eth.build
快速上手就到这里,这个「神器」还有很多玩法可以挖掘🤩。