Подключаем к своему сайту любой кошелек и смарт-контракт ERC721, NFT, ERC20, Staking, ICO без боли!

В этом видео я показал как легко сделать интеграцию вашего сайта с вашим смарт-контрактом, так чтобы пользователи могли использовать их любимые кошельки для взаимодействия с вашим сервисом. Видео записано на примере смартконтракта ERC721 но данный способ отлично мной использовался и для интеграции контрактов ERC20, Staking, ICO и пр. Исходники кода выложу у себя в канале тг nicktheblock_ch, подписывайтесь, в ближайшее время будет еще много подобного контента!)) Если нужна блокчейн-разработка под ключ, пиши в тг nicktheblock или по ссылке в закрепленном комментарии. 00:00 - привет 00:25 - что будем делать: подключать интегрировать смарт-контракт с сайтом 00:45 - теоретическая часть: как это должно работать 03:00 - создаем базовый фронтенд на react 03:40 - ставим библиотнек web3modal 04:50 - подготавливаем фронтенд 04:50 - подготавливаем фронтенд 05:18 - подключаем web3modal к фронтенду 06:31 - основные настройки web3modal и walletconnect 10:05 - создаем проект и получаем id в walletconnect network 10:30 - заполняем настройки 12:40 - импортируем методы для работы из web3modal 15:30 - создаем интерфейс для работы со смарт-контрактом 17:03 - импортируем ethers js для работы с контрактом 19:31 - получаем ABI контракта для работы с ним 21:09 - заканчиваем создание интерфейса для работы со смарт-контрактом 23:35 - создаем кнопку и функцию для подключения кошелька пользователя к сайту 26:17 - создаем функционал получения данных из контракта 29:54 - получаем цену токена(price) из контракта и выводим на сайт 32:19 - пишем переодическое получение данных из смарт-контракта 34:30 - получаем общее количество токенов в контракте(totalSupply) из контракта и выводим на сайт 35:51 - получаем баланс нашего пользователя(balanceOf) из контракта и выводим на сайт 41:06 - важный момент о корректности подготовки данных для отправки транзакции минта 43:19 - проверяем функционал минта 43:46 - проверяем итоговый функционал нашего сайта