主页 > imtoken安卓app下载 > eth.build 快速入门 | Web3.0 dApp开发(一)
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 快速入门到此结束。 这个“神器”的玩法还是很多的。