Фронтенд dApp с TronLink для Web3-организации
Для Web3-клиента под NDA — децентрализованной организации, которая занимается добычей природных ресурсов и торговлей ими, — мы сделали фронтенд веб-приложения и подключили его к блокчейну TRON через кошелёк TronLink. Главное правило: любое чувствительное действие проходит через собственный кошелёк пользователя и никогда — через учётные данные, которые хранит приложение.
Что мы сделали
- Фронтенд приложения — интерфейс dApp на Nuxt.js и Vue.js.
- Интеграция TronLink — обнаружение браузерного расширения, запрос доступа к аккаунту и отправка транзакций пользователю на подпись.
- Обработка состояний кошелька — понятные сценарии на случай, если расширения нет, кошелёк заблокирован, выбрана не та сеть или пользователь сменил аккаунт.
- Связь с бэкендом — слой между фронтендом и сервисами организации на Express.js, которые хранят данные в MongoDB.
Как браузерный кошелёк меняет фронтенд
С TronLink приложение никогда не хранит ключи. Оно запрашивает у кошелька адрес, готовит транзакцию и ждёт, пока пользователь подтвердит её в расширении. Из-за этого всё самое сложное переезжает в интерфейс: нужно понимать, установлен ли кошелёк и разблокирован ли он, замечать, когда пользователь посреди сессии переключает аккаунт или сеть, и честно показывать, что происходит, пока подпись ещё не получена.
Наша роль
Мы сделали фронтенд и интеграцию с кошельком за четыре месяца. Остальные подробности об организации и её платформе остаются под NDA.
Смежные работы
Ещё один торговый интерфейс с подключением кошелька — в кейсе фронтенд криптобиржи с WalletConnect. Подробнее о том, что мы делаем, — в услуге разработки веб-приложений.
