Интеграция с сайтом

wagmi, viem, смена сети и аккаунта, вход по подписи, статусы транзакции, индексирование, RPC и изменение цепочки.

Материалы

• Web3 в браузере: кошелёк, подписи и транзакции

  Публичное чтение, сеть и аккаунт, viem и wagmi, жизненный цикл транзакции, SIWE, смарт-аккаунты, события и серверный индексатор.

• Web3-интерфейс: реестр в браузере

  30 уроков: публичное чтение CourseCatalog, кошелёк, безопасная запись, receipt, восстановление и отдельный профиль React/wagmi.

• Web3-фронтенд: интерфейс и границы доверия

  Интерфейс реестра и границы доверия

• Чтение смарт-контракта без подключения кошелька

  Публичное чтение без кошелька

• Web3-фронтенд: проверка сети и адреса контракта

  Сеть и адрес экземпляра

• ABI в Web3-фронтенде: вызовы реестра CourseCatalog

  ABI и чтение CourseCatalog

• Web3: согласованное чтение состояния на одном блоке

  Согласованный снимок состояния

• BigInt в Web3-фронтенде: форматирование больших чисел

  Bigint и форматирование значений

• Web3: проверка хеша манифеста в браузере

  Отпечаток выпуска и проверка данных

• Web3-интерфейс: карточка публикации через DOM

  Карточка курса и безопасный DOM

• Web3-интерфейс: загрузка, ошибка и пустой результат

  Загрузка, ошибка и пустая запись

• Web3-кошельки: выбор провайдера в браузере

  Выбор провайдера кошелька

• Подключение Web3-кошелька по кнопке

  Подключение по действию пользователя

• Web3-кошелёк: аккаунты и разрешения пользователя

  Смена аккаунта и полномочия

• Смена сети в Web3-кошельке: устаревший контекст

  Смена сети и устаревший контекст

• События Web3-кошелька: подписки и очистка обработчиков

  Подписки и жизненный цикл страницы

• Кеш чтения смарт-контракта: ключ и актуальность

  Кеш чтения и ключ запроса

• Web3: форма публикации и аргументы контракта

  Форма публикации и проверка аргументов

• Viem: симуляция вызова перед отправкой транзакции

  Моделирование записи в viem

• Web3-кошелёк: подтверждение и отказ от транзакции

  Подтверждение в кошельке и отказ

• Receipt в Ethereum: ожидание результата транзакции

  Receipt и ожидаемый результат

• Замена транзакции Ethereum и история операции

  Замена транзакции и история попыток

• Web3: тайм-аут транзакции и восстановление статуса

  Тайм-аут и восстановление наблюдения

• Ошибки смарт-контракта в Web3-интерфейсе

  Ошибки контракта и сообщения интерфейса