web3 در پلتفرم مورد نظر شما — نگاهی دقیق تر به رویکرد چند پلتفرمی کیف پول کوین بیس | توسط Coinbase | ژوئن، 2022

Tl;dr: پلتفرم مجدد اپلیکیشن موبایل Coinbase Wallet نشان دهنده تعهد ما به بهبود دسترسی به web3 است. در این وبلاگ، ما بحث می کنیم که چرا انتقال به React Native نقطه عطف مهمی برای کاربران و تیم های فنی ما است.

توسط چینتان توراخیا، مدیر مهندسی کیف پول کوین بیس، و دن کافمن، رهبر اصلی کوین بیس کیف پول React

گرم

این هفته، ما از معرفی اپلیکیشن‌های جدید موبایل iOS و اندروید Coinbase Wallet که با استفاده از React Native ساخته شده‌اند، خبر دادیم. این راه‌اندازی نقطه عطف مهمی برای کیف پول کوین بیس و کاربران آن است و ما می‌خواهیم انگیزه و سفر برای رسیدن به اینجا را روشن کنیم.

هدف ما از کیف پول کوین بیس این است که دروازه پیش فرض ورود به اکوسیستم وب 3 باشد. ما در سال 2017 یک برنامه تلفن همراه را در iOS و Android راه‌اندازی کردیم تا مزایای رمزنگاری، خودسرپرستی و اکوسیستم نوپای dapp را در دسترس همه قرار دهیم – صرف نظر از شبکه یا بلاک چین، کشور یا واحد پول، ارز دیجیتال یا مبتدی.

در سال 2021، شاهد افزایش تعامل وب 3 از طریق دسکتاپ بودیم که عمدتاً توسط NFT ها و برنامه های DeFi هدایت می شد. این ما را بر آن داشت تا با استفاده از React افزونه مرورگر کیف پول کوین‌بیس را راه‌اندازی کنیم و به کاربران این امکان را می‌دهد تا با اقتصاد کریپتو در یک پلتفرم دسکتاپ تعامل داشته باشند. این همچنین به تیم های محصول، مهندسی و طراحی ما این فرصت را داد تا به طور کامل در مورد اینکه چگونه یک محصول خودسرپرست باید برای کاربران قدرتمند و همچنین تازه واردان وب 3 ظاهر و احساسی داشته باشد، تجدید نظر کنند.

متأسفانه راه‌اندازی افزونه مرورگر به این معنا بود که تیم‌های مهندسی ما اکنون باید ویژگی‌های یکسانی را برای سه پلتفرم مختلف کدنویسی کنند، زیرا برنامه‌های افزودنی مرورگر Wallet، iOS و Android از پایگاه‌های کد متفاوتی استفاده می‌کنند. و در نتیجه، سرعت حمل و نقل ما در توسعه بسیار بیشتر از سرعت ما در تلفن همراه بود. ما می‌دانستیم که این راه‌حل طولانی‌مدتی برای همگام شدن با نوآوری در web3 نیست. برای به حداکثر رساندن کارایی توسعه دهندگان و طراحان خود و همچنین ارسال یک کیف پول چند زنجیره ای دائما قابل اعتماد، ایمن و ساده در همه پلتفرم ها، باید محصولات تلفن همراه خود را به یک چارچوب مشترک منتقل کنیم.

React Native را وارد کنید.

ما دستور ساخت را یک بار می پذیریم و به همه جا ارسال می کنیم. تبدیل برنامه‌های تلفن همراه Coinbase Wallet به React Native به این معنی است که می‌توانیم به راحتی ویژگی‌های جدید را به برنامه‌های افزودنی مرورگر Wallet، iOS و Android پشت سر هم ارسال کنیم، گردش کار را ساده‌تر کرده و به ما امکان می‌دهد همان تجربه کاربری عالی را در دسک‌تاپ و موبایل ارائه دهیم.

در سال 2020، برنامه Coinbase با موفقیت از تلفن همراه بومی به React Native تبدیل شد، یک چارچوب نرم افزاری که به ما امکان می دهد کد TypeScript و React UI یکسان را در iOS و Android ارسال کنیم. هدف ما از آن زمان به بعد ساده بود: استفاده از آن جاده‌های آسفالت‌شده برای ارسال یک برنامه تلفن همراه بسیار کارآمد و در عین حال تجربه طراحی ثابتی را با استفاده از سیستم طراحی Coinbase (CDS) به کاربران ارائه می‌دهد. ما توانستیم به سرعت از جاده های آسفالت شده از جمله ناوبری واکنش، پیوند عمیق و پیکربندی در کد استفاده کنیم.

با متحد کردن برنامه تلفن همراه Coinbase Wallet و افزونه مرورگر خود در یک لایه داده واحد که تمام منطق تجاری را مدیریت می کند، می توانیم به ارسال سریع محصولات در سه پلتفرم ادامه دهیم. ما از RxJS مبتنی بر کلاس فاصله گرفتیم و به مخازن مبتنی بر زمینه عملکردی روی آوردیم تا اهرم بیشتری از کتابخانه‌های هسته React ایجاد کنیم. چالش اضافی انتقال لایه داده در حین ادامه ساخت و ارسال ویژگی‌ها در برنامه افزودنی بود. Web3 برای هیچ‌کس مکث نمی‌کند، و بنابراین ما با دقت کل موتور کیف پول خود را در حالی که هنوز پرواز می‌کردیم، هماهنگ کردیم.

کیف پول همچنین می‌تواند ویژگی‌های جدیدی را در کسری از زمان به بازار بیاورد. یک نمونه اخیر از این نمونه کارها DeFi ما است، که ساخت آن برای افزونه مرورگر Wallet دو ماه طول کشید و تنها پنج روز طول کشید تا به برنامه موبایل جدید React Native منتقل شود. اکثر منطق پیچیده در لایه داده قرار دارد، و از آنجایی که اکنون بین همه پلتفرم ها به اشتراک گذاشته شده است، ما توانستیم یک بار آن را بسازیم و به همه پلتفرم ها ارسال کنیم. فقط رابط کاربری مشتری برای موبایل باقی مانده بود، و خوشبختانه، با یک CDS مشترک، انتقال عناصر UI به موبایل ساده بود. به لطف این نوع کارآیی‌ها، انتظار داریم در ماه‌های آینده شاهد افزایش سرعت عرضه محصولات جدید Wallet باشیم.

نه تنها کاربران از ارائه سریع‌تر ویژگی‌های کیف پول سود می‌برند، بلکه تجربه تلفن همراه به طور کلی سریع‌تر، پاسخ‌گوتر و قابل اعتمادتر خواهد بود.

چندین ویژگی که در سال گذشته منتشر کردیم برای افزونه Wallet ساخته شده‌اند و هنوز به برنامه تلفن همراه Wallet معرفی نشده‌اند. با مهاجرت خود به React Native، اکنون آماده راه‌اندازی چندین ویژگی عالی در برنامه تلفن همراه برای اولین بار هستیم، از جمله پشتیبانی از ذخیره، ارسال و دریافت توکن‌های Solana و SPL، نمودارهای قیمت در زمان واقعی، مرورگر برنامه dapp، مدیریت توکن، و نمای نمونه کارها DeFi.

چگونه می‌توانید ویژگی‌های 110+ را روی یک پشته فناوری جدید React Native منتقل کنید، در حالی که عملکرد جدیدی را به پلتفرم افزونه Chrome موجود اضافه می‌کنید و در عین حال محصول تلفن همراه Native موجود را حفظ می‌کنید؟ لایه داده رایج یک ضرب‌کننده نیرو بود که تیم را قادر می‌سازد تا ویژگی‌هایی را برای توسعه حفظ کند که به طور یکپارچه به موبایل RN منتقل می‌شود. ما همچنین برابری ویژگی‌های محصول تلفن همراه فعلی خود را در اولویت قرار دادیم و در عین حال از طریق محک زدن سطح بالایی را برای کیفیت و عملکرد حفظ کردیم.

این تیم پایه‌هایی را برای یک سیستم نظارت بر عملکرد مقیاس‌پذیر و توسعه‌پذیر برای اندازه‌گیری عملکرد سمت سرویس گیرنده برنامه جدید، از جمله بارگذاری صفحه، زمان مسدود کردن رشته‌های رابط کاربری و پاسخگویی برنامه برای هر تعهد ایجاد کرد. ما زمان بارگذاری و رندر صفحه را با استفاده از راه حل رندر افزایشی سفارشی، به خاطر سپردن اجزا و بهینه سازی محاسبات گران قیمت هوک بهینه کردیم. ما همچنین از طریق به‌روزرسانی‌های دسته‌ای وضعیت و بهینه‌سازی استراتژی‌های ذخیره‌سازی، پیشرفت‌های بی‌شماری را به لایه داده ارسال کردیم، که از بارگذاری دارایی و NFT در برنامه جدید react و برنامه افزودنی بهره برد.

اگر به ظاهر و ظاهر جدید اپلیکیشن موبایل توجه کرده باشید، بسیار بیشتر از یک لایه رنگ تازه منعکس می شود. کیف پول کوین بیس اکنون بخشی جدایی ناپذیر از سیستم طراحی کوین بیس است.

سیستم طراحی کوین بیس یک معماری قوی از طراحی قابل استفاده مجدد و اجزای حرکتی است که در React ساخته شده است. ما متوجه شدیم که CDS به تیم‌های محصول، مهندسی و طراحی ما امکان می‌دهد تا روی ایجاد تجربه‌های محصول با کیفیت بالا تمرکز کنند و در عین حال از تجربه‌ای ثابت برای کاربران در محصولات Coinbase اطمینان حاصل کنند. عناصر طراحی زیبا، مانند «استقبال گرم» مبتنی بر حرکت که به کاربران جدید خوشامد می‌گوید، فقط پیش‌نمایش کوچکی از نحوه ارائه تجربه‌ای غنی بصری برای مخاطبان جهانی است.

از آنجایی که افزونه مرورگر Coinbase Wallet با استفاده از این سیستم طراحی ساخته شده است، کاربران دسکتاپ اکنون از تجربه سازگارتری در برنامه تلفن همراه Wallet برخوردار خواهند بود. به عنوان یک امتیاز اضافی از این رویکرد سازگار، کاربرانی که با برنامه پرچمدار کوین‌بیس آشنا هستند، در تجربه موبایلی جدید کیف پول کوین بیس بلافاصله احساس راحتی می‌کنند.

یکی دیگر از نتایج هیجان انگیز این کار این است که کاربران Wallet اکنون فرصتی برای شخصی سازی تجربه تلفن همراه خود دارند. تحقیقات ما نشان داد که کاربران حالت تاریک را ترجیح می دهند، بنابراین برنامه تلفن همراه به طور پیش فرض در حالت تاریک باز می شود. همچنین در حال اضافه کردن قابلیت انتخاب رنگ تم برای کیف پول کوین بیس هستیم که می تواند در تب تنظیمات انتخاب شود.

اپلیکیشن موبایل جدید Coinbase Wallet از این هفته در سطح جهانی در سراسر iOS و اندروید عرضه شد و ما انتظار داریم که در چند هفته آینده عرضه کامل شود. با مراجعه به اپ استور در iOS یا Google Play در اندروید، مطمئن شوید که برنامه شما به روز است و آن را دنبال کنید @CoinbaseWallet در توییتر برای آخرین اخبار و به روز رسانی.