Обзор Eth.build
Eth.build - это образовательная песочница Web3.0 со следующими функциями:
- Программирование без кода методом drag and drop.
- Полностью открытый исходный код
- Визуализированный рабочий процесс Ethereum.
Официальный сайт: https://eth.build/
Плейлист Youtube:
https://www.youtube.com/playlist?list=PLJz1HruEnenCXH7KW7wBCEBnBLOVkiqIi
Репозиторий:
https://github.com/austintgriffith/eth.build
Быстрый старт Eth.build
Загрузка примеров туториала
Нажмите "узнать больше". Вы увидите множество обучающих примеров. Вы можете нажать кнопку, чтобы загрузить и посмотреть руководство!
Основные практики: получение баланса адреса ETH
Это простая демонстрация, реализующая функцию получения баланса адреса ETH.
Мы можем изучить использование eth.build на этом примере.
ШАГ 0x01. Создание текстового блока.
Щелкните INPUT>TEXT, чтобы создать текстовое поле ввода. INPUT имеет набор компонентов поля ввода.
ШАГ 0x02. Создание блок Баланса
Нажмите WEB3>BALANCE чтобы создать поле баланса,WEB3это серия реализации ETH Web3 фич, похожая на реализацию в ether.js.
Глядя на этот блок, вы можете увидеть, что он состоит из трех частей: INPUTS, скрытая операция и OUTPUTS . Итак, с точки зрения компьютера, эти блоки можно рассматривать как визуализацию функций.
ШАГ 0x03. Связать текст и баланс
Мы соединяем вывод текста с вводом Баланса, затем они связываются.
ШАГ 0x04. Введите адрес!
Скопируйте и вставьте адрес Text . Наш ввод Balance становится целым числом.
ШАГ 0x05. Wei to ETH
Это целое число, потому что единицей измерения является wei. Мы можем конвертировать единицу в ETH, поэтому нам нужно добавить еще два блока.
"Utils>From Wei" и "DISPLAY>WATCH". Utils - это набор универсальных компонентов. ДИСПЛЕЙ - это набор компонентов вывода.
ШАГ 0x06. Покажи это своим ДРУЗЬЯМ！
Вот и все! Вы завершили свой первый eth.build проект и вы можете похвастаться перед всеми своими друзьями!
SAVE > Share, затем вы можете получить ссылку и отправить ее своему другу, чтобы он увидел проект:
ШАГ 0x07. Загрузите свой проект.
Возможно, вы хотите сохранить проект на своем компьютере для дальнейшей работы.
Щелкните "Save>Download" и"Load>Load From File".
И ЕЩЕ! Браузер блокчейна Ethereum без кода:
https://eth.build/build#3c50b1af5fd2956e808ac4d3132a9d063b8e2f9eac3b44d3971fe83165d5d0b8
В этом примере мы можем увидеть некоторые усовершенствованные разработки eth.build.
0x01. Измените свойство
Изменяя Properties, мы можем изменять такие блоки, какBUTTON, WATCH и т.д. Это будет лучше и удобнее. Например, у меня будет 0x01 в качестве числа событий нажатия для кнопок.
0x02. Заголовок и QR-код
Нажав "DISPLAY>TITLE", мы можем добавить заголовок к нашему проекту.
Кроме того, мы можем добавить в проект наш контактный QR-код!
Загрузите QR-код из своей социальной сети, затем преобразуйте QR-код в URL-адрес с помощью таких инструментов как (https://www.patrick-wied.at/static/qrgen/), затем вставьте URL-адрес в Text. Вот и все!
Это было руководство по eth.build. Тут есть чему научиться🤩!
