В мобильной версии браузера трейдеры KyberSwap подключаются через глубокую ссылку (deep link), которая открывает приложение MetaMask вместо использования QR-кода, а пользователи iOS сразу попадают на экран подтверждения.
- MetaMask
- Задача KyberSwap — обеспечить лучший курс для каждой сделки
- Самописный код для кошелька — это расходы на поддержку
- Правильная настройка мобильного взаимодействия
- Стек технологий
- Результаты на текущий момент
- Две интеграции, одно партнерство
- Советы KyberSwap для разработчиков
KyberSwap — это децентрализованная торговая платформа, DEX-агрегатор которой обеспечил проведение транзакций на сумму более 150 млрд долларов США для более чем 5 млн пользователей. Когда команда перевела фронтенд на Wagmi v3 и Viem, они заменили самописный код обнаружения MetaMask на официальный коннектор metaMask() из MetaMask Connect. В этом кейсе рассказывается, почему KyberSwap пошли на этот шаг, что изменилось в мобильной версии браузера и как интеграция Connect сочетается с отдельной ролью KyberSwap по предоставлению курсов обмена пользователям MetaMask.
Задача KyberSwap — обеспечить лучший курс для каждой сделки
DEX-агрегатор KyberSwap — это децентрализованное торговое решение, созданное для получения лучших курсов и надежного исполнения каждой сделки. Он работает на базе Smart Settlement, алгоритма интеллектуальной маршрутизации, созданного для максимизации результата и минимизации проскальзывания за счет использования глубокой ликвидности в разных сетях. Вокруг этого ядра расположены лимитные ордера, кроссчейн-обмены в 23 сетях и Kyber Earn для получения доходности.
Платформа, построенная вокруг качества исполнения, имеет простое требование к «входной двери»: подключение кошелька не должно требовать лишних усилий.
Самописный код для кошелька — это расходы на поддержку
Предыдущая настройка KyberSwap сочетала Wagmi v2 с ethers.js и специальным слоем коннекторов, включая кастомный код для обнаружения и подключения к MetaMask. В рамках перехода на Wagmi v3 и Viem команда решила отказаться от этого кода в пользу официального коннектора MetaMask Connect.
Решение было продиктовано тремя факторами. Один коннектор теперь охватывает как расширение для браузера на десктопе, так и поток глубоких ссылок и ретрансляции в мобильном браузере. Стало меньше кастомного кода для обнаружения кошельков, который нужно поддерживать. Кроме того, использование поддерживаемого MetaMask пути позволяет KyberSwap оставаться в русле стандартов EIP-6963 и протокола MetaMask Wallet Protocol (MWP), которые становятся общепринятыми способами взаимодействия кошельков и децентрализованных приложений.
До
С MetaMask Connect
Wagmi v2, ethers.js и специальная настройка внедряемого коннектора
Wagmi v3 и Viem с официальным коннектором metaMask()
Самописный код обнаружения и подключения MetaMask, требующий поддержки
Обнаружение и подключение обрабатываются коннектором
Мобильный браузер полагался на QR-код WalletConnect
Нативное подключение по глубокой ссылке к приложению MetaMask через ретранслятор MWP
Кастомный код для отслеживания стандартов обнаружения кошельков
Соответствие EIP-6963 и MWP через поддерживаемый путь MetaMask
Правильная настройка мобильного взаимодействия
В мобильном браузере QR-код — это неудобный путь: пользователь уже находится на своем телефоне. MetaMask Connect предоставляет KyberSwap поток подключения по глубокой ссылке, который открывает приложение MetaMask через ретранслятор MWP, поэтому трейдер на телефоне подключается, не сканируя ничего.
KyberSwap уделили особое внимание взаимодействию на iOS. Цель заключалась в том, чтобы пользователи попадали прямо на экран подтверждения MetaMask, без лишних шагов между нажатием кнопки подключения и подтверждением. В результате опыт подключения стал одинаковым независимо от того, заходит ли трейдер через расширение на десктопе или через мобильное приложение.
Стек технологий
Слой
Компоненты
Торговля
DEX-агрегатор KyberSwap, Smart Settlement, лимитные ордера, кроссчейн-обмены (23 сети), Kyber Earn
Фронтенд
Wagmi v3, Viem
Подключение кошелька
MetaMask Connect (connect-evm), коннектор metaMask()
Обнаружение и передача данных
EIP-6963, ретранслятор протокола MetaMask Wallet Protocol
Кошелек
Расширение MetaMask для браузера (десктоп), мобильное приложение MetaMask
Результаты на текущий момент
С момента внедрения MetaMask Connect в KyberSwap сообщают, что подключение стало надежным для пользователей, развертывание прошло гладко с первого дня, и не поступило никаких жалоб или проблем.
Результат для пользователя, по словам KyberSwap, заключается в том, что подключение и торговля теперь ощущаются как один шаг. Трейдер подключается через MetaMask и сразу переходит к обмену по лучшему курсу, без лишних промежуточных действий. MetaMask Connect берет на себя «входную дверь» этого процесса, а Smart Settlement — все остальное.
Две интеграции, одно партнерство
Интеграция Connect — это одна часть отношений KyberSwap с MetaMask. Другая часть работает в обратном направлении: API агрегатора KyberSwap предоставляет курсы обмена и исполнение в разных сетях пользователям MetaMask. MetaMask Connect привлекает пользователей MetaMask в KyberSwap, а API агрегатора внедряет маршрутизацию KyberSwap в MetaMask.
«MetaMask был ценным партнером на двух фронтах. MetaMask Connect упростил процесс подключения трейдеров к KyberSwap, обеспечив им надежный и последовательный опыт, будь то расширение или мобильное приложение. В то же время API агрегатора KyberSwap предоставляет пользователям MetaMask лучшие доступные курсы обмена и исполнение в разных сетях. Это партнерство, построенное на том же принципе, который для нас важнее всего: сделать DeFi-торговлю проще, плавнее и эффективнее для всех». — Кен Тран, менеджер по развитию бизнеса, KyberSwap
Советы KyberSwap для разработчиков
Опирайтесь на официальную документацию. Это позволяет поддерживать интеграцию в соответствии со стандартом и делает переход более чистым, чем работа со старыми примерами или кастомными решениями.
Мигрируйте подключение кошелька в рамках более широкой очистки стека. KyberSwap заменили свой код MetaMask при переходе на Wagmi v3 и Viem, поэтому изменение коннектора было частью запланированной консолидации, а не отдельным проектом.
Протестируйте мобильное взаимодействие от начала до конца. Деталь, которая важна для пользователей, — это то, куда они попадают после нажатия кнопки подключения. KyberSwap проверили, что пользователи iOS попадают прямо на экран подтверждения MetaMask.
Сопоставьте это со своей архитектурой. Миграция прошла гладко для настроек KyberSwap, но стек каждой команды отличается, и правильное решение зависит от потребностей вашего продукта.
Создавайте с помощью MetaMask Connect: одна интеграция, которая работает для каждого пользователя, независимо от того, как они предпочитают подключаться.
Эта статья написана:
- MetaMask, ранее Consensys Software Inc, — крупнейшая в мире платформа для самостоятельного хранения финансовых активов, предоставляющая людям единое место для хранения, траты, накопления и приумножения своих денег как в криптовалютных, так и в традиционных активах. Компания создает потребительскую платформу, где это происходит, объединяя платежи, сбережения, инвестиции и цифровые активы в единый бесшовный опыт. Выросший из самого широко используемого в мире кошелька с самостоятельным хранением, MetaMask дает пользователям прямой контроль над своими деньгами и активами, охватывая около 190 стран. MetaMask сыграл фундаментальную роль в росте Ethereum с 2016 года. Сегодня MetaMask находится в центре блокчейн-экономики, создавая операционную систему для «Открытых денег» (Open Money) и предоставляя людям полный контроль над их финансовой жизнью. Читать все статьи
MetaMask, ранее известная как Consensys Software Inc, — это крупнейшая в мире некастодиальная финансовая платформа, предоставляющая пользователям единое пространство для хранения, расходования, накопления и приумножения средств как в криптовалютных, так и в традиционных активах. Компания создает потребительскую платформу, объединяющую платежи, сбережения, инвестиции и цифровые активы в рамках единого удобного интерфейса. Выросшая из самого популярного в мире некастодиального кошелька, MetaMask предоставляет пользователям прямой контроль над своими деньгами и активами, охватывая около 190 стран. MetaMask сыграла фундаментальную роль в развитии Ethereum с 2016 года. Сегодня MetaMask находится в центре блокчейн-экономики, создавая операционную систему для «открытых денег» (Open Money) и предоставляя людям полный контроль над их финансовой жизнью.
- ПОСЛЕДНЕЕ: MetaMask добавляет токенизированные акции США, ETF и сырьевые товары через Ondo Global Markets. Соответствующие требованиям пользователи MetaMask могут покупать, хранить и торговать более чем 200 токенизированными акциями США, ETF и сырьевыми товарами от Ondo наряду с криптоактивами.
MetaMask добавляет токенизированные акции США, ETF и сырьевые товары через Ondo Global Markets
Соответствующие требованиям пользователи MetaMask могут покупать, хранить и торговать более чем 200 токенизированными акциями США, ETF и сырьевыми товарами от Ondo наряду с криптоактивами.
- ПОСЛЕДНЕЕ: Представляем MetaMask Transaction Shield. Получите защиту транзакций и приоритетную поддержку для дополнительного спокойствия.
Представляем MetaMask Transaction Shield
Получите защиту транзакций и приоритетную поддержку для дополнительного спокойствия.
- ПОСЛЕДНЕЕ: Как продать криптовалюту. Выводите свою криптовалюту в фиат за считанные секунды.
Как продать криптовалюту
Выводите свою криптовалюту в фиат за считанные секунды.
