Расширение / dApp — 2024

Chrome-расширение и Web3

Chrome-расширение со встроенным подключением кошелька. Собрал его на CRXJS, а слой кошелька — поверх, с поправкой на то, что интерфейс живёт на собственном origin, а не на обычной странице.

Роль
Разработчик — расширение и кошелёк
Команда
Полный цикл — расширение и кошелёк
Период
2024
Стек
  • CRXJS
  • wagmi
  • MetaMask
01

Контекст

Название продукта не разглашается, поэтому здесь важнее не продукт, а ограничение. Интерфейс работал внутри Chrome-расширения, и сценарии с кошельком должны были укладываться в правила, которые браузер устанавливает для кода расширений.

02

Что я построил

Само расширение — на CRXJS (плагин Vite для расширений Chrome). Поверх него — слой кошелька: подключить кошелёк, подтвердить аккаунт и сеть, отреагировать на смену любого из них.

03

Архитектура

Расширение — не веб-страница, и это определяет всю конструкцию. Его интерфейс живёт на собственном origin, где кошелёк не внедряет провайдера так, как на обычном сайте, — поэтому доступ к кошельку нужно было запрашивать явно, а не брать то, что даёт страница. Этот слой построен на модели коннекторов wagmi и SDK Dynamic: коннекторы, активный аккаунт, текущая сеть и события при изменении любого из них. MetaMask — один из кошельков, доступных через этот слой.

04

Итог

Расширение дошло до пользователей в 2024 году. Web3 здесь — интеграция, а не запуск токенов и токеномика.

Результаты

В проде у пользователей, 2024Расширение + подключение кошелька
Обсудить проект

Есть продукт, который надо запустить?

Пришлите идею, репозиторий или недоделанный проект. Сначала отвечу вопросами, потом письменным скоупом. Нанимаете? Напишите, на какую роль.