Как интегрировать смарт-контракты во фронтенд

Введение

Из раздела «Понимание технологического стека для разработки Web3 DApp» вы должны были узнать основной технический стек для разработки Web3 dApp, роль RPC в разработке dApp и то, как использовать dRPC для создания учетной записи, генерации ключа API, конечных точек, аналитики конечных точек, добавления средств на свой счет dRPC и проверки баланса.

В этой статье вы узнаете, как создать собственное dApp с помощью ключа API dRPC для развертывания смарт-контракта в тестовой сети Ethereum Sepolia и взаимодействия вашего dApp со смарт-контрактом.

В этом уроке вы создадите платежное dApp для кофейни. В число особенностей входят:

1. Оплата за кофе
2. Автоматический конвертер
3. Обзор цен на кофе
4. Получение общего количества проданного кофе и общей суммы заработанных денег

Давайте запачкаем руки.

Предпосылки

1. Прочность
2. React.js с использованием Vite.js
3. Тай