متامسک برای توسعه دهندگان - نحو راه اندازی برنامه های web3 با metamask

وب غیرمتمرکز dapp بسیار فراتر از حد تصور در حال رشد است و برنامه های جدید Web3 به طور مداوم برای گسترش اکوسیستم زنجیره های مختلف توسعه می یابند. توسعه دهندگان صرافی های غیرمتمرکز جدید (DEX)، NFT ها، توکن های قابل تعویض fungible tokens ، بازی ها و غیره را هر روز ایجاد می کنند و عملکردهای بیشتری را به قلمرو Web3 ارائه می کنند.

در نگاه اول، ممکن است به نظر برسد که توسعه Web3 یک کار دلهره آور است. با این حال، لازم نیست با ابزارها، پلتفرم ها و سیستم عامل های مناسب همراه باشد. یکی از شناخته‌شده‌ترین ابزارهایی که توسعه‌دهندگان استفاده می‌کنند MetaMask است – یک کیف پول رمزنگاری که دسترسی به اکوسیستم Web3 را فراهم می‌کند. به این ترتیب، ما از این مقاله برای بررسی دقیق‌تر نحوه راه‌اندازی برنامه‌های Web3 با MetaMask و Moralis استفاده خواهیم کرد.

در این آموزش، نحوه ایجاد dApp را از ابتدا بررسی خواهیم کرد و برای انجام این کار، از Moralis استفاده خواهیم کرد. Moralis یکی از سیستم عامل برای توسعه dApp است و این پلتفرم توسعه Web3 را به طور قابل توجهی در دسترس تر می کند. از منظر سنتی، زمانی که صحبت از توسعه Web3 می شود، بحث در مورد توسعه بک اند backend پیش می آید که چالش برانگیزترین است. با این حال، پلتفرم Moralis Web3 یک زیرساخت از قبل توسعه‌یافته ارائه می‌دهد که استفاده از MetaMask و راه‌اندازی برنامه‌های Web3 را برای توسعه‌دهندگان یک فرآیند ساده‌سازی می‌کند.

علاوه بر این، Moralis همچنین مجموعه ای از ابزارهای توسعه عالی را ارائه می دهد که می توانند در طول فرآیند توسعه کامل برنامه های Web3 مورد استفاده قرار گیرند. برخی از نمونه‌ها پشتیبانی بومی برای IPFS، سازگاری زنجیره‌ای متقابل، قیمت API و NFT API هستند. بنابراین، اگر می‌خواهید توسعه بلاک چین را شروع کنید، قدم بعدی در سفرتان ثبت نام با مورالیس است. انجام این کار رایگان است و دسترسی فوری به مزایای پلتفرم برای شما فراهم می شود!

متامسک (MetaMask) چیست؟

قبل از اینکه وارد فرآیند راه‌اندازی برنامه‌های Web3 با متامسک شویم، اجازه دهید به طور خلاصه به این موضوع بپردازیم که متامسک چیست؟

متامسک به دو شکل عرضه شده است : یکی به صورت اپلیکیشن تلفن همرا و دوم به صورت یک افزونه برای مرورگر وب. در این آموزش، از متامسک به عنوان افزونه مرورگر وب استفاده خواهیم کرد، زیرا انجام این کار توسعه نرم افزار های Web3 با MetaMask را در دست یافتنی تر می کند.

متامسک دو کارکرد اساسی دارد. اول اینکه، می توان از آن به عنوان یک کیف پول رمزنگاری برای نگهداری، تجارت و خرید ارزهای دیجیتال استفاده کرد. به علاوه، به عنوان یک کیف پول، افزونه بیشتر قابلیت های لازم را برای مدیریت تمام دارایی های رمزنگاری شما فراهم می کند. و دوم، متامسک همچنین به عنوان دروازه ای به اکوسیستم گسترده اتریوم dApps (برنامه های غیرمتمرکز) عمل می کند. علاوه بر این، چندین راه‌حل مقیاس‌پذیری لایه ۲ برای اتریوم وجود دارد، مانند پلیگان (Polygon)، که در آن از متامسک نیز استفاده می‌شود. به این ترتیب، متامسک تنها به شبکه اتریوم محدود نمی شود.

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

بنابراین، اگر می‌خواهید به برنامه‌های Web3 مبتنی بر بلاک چین مانند Compound، Maker (MKR)، OpenSea، Uniswap و بسیاری دیگر دسترسی داشته باشید، مطمئناً از دانلود متامسک سود خواهید برد. دسترسی به متامسک نسبتاً ساده است. با این حال، بخش زیر را برای تجزیه و تحلیل فرآیند دانلود و بررسی دقیق‌تر نحوه عملکرد متامسک به عنوان کیف پول انتخاب می‌کنیم.

نحوه راه اندازی متامسک

برای شروع کار با متامسک ، اولین کاری که باید انجام دهید این است که از وب سایت رسمی متامسک بازدید کرده و برنامه افزودنی را دانلود کنید. برای انجام این کار، به سادگی بر روی دکمه "دانلود اکنون" کلیک کنید و افزونه را در مرورگر وب مورد نظر خود نصب کنید.

با استفاده از افزونه، می‌توانید با کلیک کردن بر روی «شروع به کار» (”Get Started”) فرآیند را ادامه دهید. این دو گزینه را برای شما فراهم می کند. 1) یک کیف پول وارد کنید (import a wallet) و 2) یک کیف پول ایجاد کنید (create a wallet).

بنابراین، اگر قبلاً یک کیف پول رمزنگاری دارید، می توانید کیف پول موجود خود را با عبارت بازیابی مخفی وارد کنید و یک رمز عبور اضافه کنید. با این حال، اگر کاملاً در حوزه کریپتو تازه کار هستید و کیف پول ندارید، می‌توانید گزینه دوم را برای ایجاد کیف جدید از ابتدا انتخاب کنید. برای انجام این کار، تنها کاری که باید انجام دهید این است که رمز عبور دلخواه خود را وارد کنید و در عوض یک عبارت seed دریافت خواهید کرد. سپس از شما خواسته می شود عبارت بازیابی مخفی را تأیید کنید، و پس از انجام این کار، اولین کیف پول MetaMask خود را دریافت خواهید کرد.

نحوه ایجاد یک حساب در کیف پول متامسک

مرحله 1:

مرحله 2:

مرحله 3:

مرحله 4:

مرحله 5:

مرحله 6: حساب شما ساخته شد

کار با متامسک

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

در پایین تر از رابط، همچنین سه دکمه "رفتار" (action) را خواهید یافت، یکی برای خرید buy ، یکی برای ارسال send و دیگری برای تعویض swap. علاوه بر این، دو تب جداگانه نیز وجود دارد. «دارایی» Assets و «فعالیت» Activity. در تب "دارایی ها"، تمام دارایی های اضافه شده به حساب خود را خواهید یافت و در برگه "فعالیت"، تاریخچه کامل تمام تراکنش های حساب خود را خواهید دید.

در نهایت، یک منوی کشویی «شبکه ها» را نیز در بالای افزونه MetaMask خواهید دید. در اینجا می توانید شبکه های اضافی را به کیف پول خود تغییر داده و اضافه کنید.

متامسک برای توسعه دهندگان

متامسک نه تنها در مدیریت دارایی های رمزنگاری عالی است، بلکه ابزاری عالی برای توسعه دهندگان است. برای اینکه کسی بتواند با برنامه های Web3 ما تعامل داشته باشد، ضروری است که به کاربران اجازه دهیم خود را احراز هویت کنند. چندین جایگزین مختلف برای این فرآیند وجود دارد. با این حال، رایج ترین گزینه استفاده شده متامسک است. علاوه بر این، هنگام کار با Moralis، احراز هویت کاربران با متامسک، نسبتاً آسان امکان پذیر است. در واقع، به لطف Moralis SDK (کیت توسعه نرم افزار) احراز هویت کاربران با یک خط کد امکان پذیر است. (هدف از این مقاله تبلیغ پلتفرم Moralis نیست و صرفا مقاله از وبلاگ این سایت ترجمه شده است)

با این حال، متامسک برای توسعه دهندگان تنها یکی از راه های جایگزین برای احراز هویت کاربران است. راه حل های دیگری مانند WalletConnect وجود دارد که توسعه دهندگان می توانند dApp های خود را پیاده سازی کنند. اگر می خواهید در مورد این فرآیند بیشتر بدانید؛ راهنمای زیر را از وبلاگ Moralis در مورد نحوه اتصال کاربران با WalletConnect بررسی کنید . این فرآیند تفاوت قابل توجهی با احراز هویت کاربران با متامسک ندارد، اما برای مشاهده تفاوت و کسب اطلاعات بیشتر در مورد WalletConnect ارزش آن را دارد.

نحوه راه اندازی و اجرا برنامه های Web3 با متامسک

متامسک به عنوان ابزاری برای توسعه دهندگان بسیار سودمند است و فرآیند توسعه قابل دسترس تری را ارائه می دهد. ادغام متامسک در dApps همیشه آسان نیست، اما با Moralis، انجام این کار از طریق یک خط کد امکان پذیر است. علاوه بر این، در این آموزش، ما یک برنامه Web3 کامل را از ابتدا ایجاد خواهیم کرد که در آن امکان ارسال، تعویض، انتقال، مشاهده موجودی و موارد دیگر وجود دارد. از آنجایی که ما از Moralis استفاده خواهیم کرد، این فرآیند بسیار آسان می شود. در واقع، ما به سادگی قصد داریم یک پروژه جدید در Visual Studio Code (VSC) ایجاد کنیم.

با این حال، اگر ترجیح می‌دهید یک ویدیو را تماشا کنید که نحوه راه‌اندازی برنامه‌های Web3 با متامسک را توضیح می‌دهد، ویدیوی زیر را از کانال یوتوب Moralis ببینید:

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

متامسک برای توسعه دهندگان - ایجاد یک سرور در Moralis

اگر قبلاً این کار را نکرده اید، اولین قدم در این فرآیند ثبت نام با Moralis است. ثبت نام کاملا رایگان است و تنها چند ثانیه طول می کشد. هنگامی که یک حساب کاربری دارید، می‌توانیم با کلیک روی «ایجاد یک سرور جدید» Create a new Server در بالای پنل مدیریت Moralis، یک سرور ایجاد کنیم. با انجام این کار یک منوی کشویی با چند گزینه ارائه می شود. با این حال، ما گزینه "Mainnet Server" را انتخاب خواهیم کرد.

وقتی روی این دکمه کلیک کردیم، باید یک نام وارد کنیم، یک منطقه را انتخاب کنیم و شبکه ها را انتخاب کنیم. برای این آموزش، ما همه شبکه های موجود را انتخاب می کنیم زیرا Moralis با cross-chain سازگار است. علاوه بر این، با انجام تمام انتخاب‌ها، می‌توانیم با کلیک بر روی دکمه «افزودن نمونه» Add Instance در پایین سمت راست، سرور را راه‌اندازی کنیم.

ایجاد سرور ممکن است کمی طول بکشد. با این حال، نمونه فقط در چند دقیقه چرخش می یابد. اکنون، با داشتن یک سرور در دست، می‌توانیم به مرحله بعدی روند، که شامل ایجاد یک برنامه Web3 با وارد کردن کد boilerplate است، ادامه دهیم. (boilerplate چیست؟)

متامسک برای توسعه دهندگان - نصب boilerplate اتریوم

اول از همه، می توانید کد boilerplate اتریوم را در صفحه Moralis GitHub پیدا کنید. پس از باز شدن، باید روی دکمه سبز رنگ "Code" کلیک کنید. با این کار یک منوی کشویی کوچک با پیوندی به صفحه دیگ باز می شود. می توانید ادامه دهید و این پیوند را کپی کنید و کد ویژوال استودیو را باز کنید.

هنگامی که وارد Visual Studio Code می شوید، می توانید یک ترمینال جدید و "Git Bash" را باز کنید و دستور زیر را وارد کنید:

git clone https://github.com/ethereum-boilerplate/ethereum-boilerplate.git

پیوند موجود در دستور بالا پیوند boilerplate است که از صفحه GitHub کپی کرده اید. با این کار GitHub کلون می شود تا بتوانیم boilerplate را نصب کنیم. بنابراین، با کلون شدن صفحه، می‌توانیم با وارد کردن موارد زیر به دایرکتوری صحیح حرکت کنیم:

cd ethereum-boilerplate/

هنگامی که در دایرکتوری صحیح قرار گرفتیم، به سادگی می توانیم آن را از طریق دستور بعدی نصب کنیم:

yarn install

این دستور تمام وابستگی ها را نصب می کند. در حین نصب، می‌توانیم به منوی سمت چپ کد ویژوال استودیو رفته و نام فایل env.example. را با حذف example. تغییر دهیم. علاوه بر این، در فایل env.، دو خط ضروری را مشاهده خواهید کرد:

REACT_APP_MORALIS_APPLICATION_ID =  
REACT_APP_MORALIS_SERVER_URL =

هر دوی این ها در حال حاضر برابر با هیچ هستند، به این معنی که باید شناسه برنامه و URL سرور را اختصاص دهیم. برای یافتن این اطلاعات، باید به پنل مدیریت Moralis برگردید. پس از رسیدن به آنجا، می توانید روی تب "Servers" کلیک کنید و سپس روی دکمه "View Details" برای سرور مورد نظر کلیک کنید. سپس به سادگی URL و اطلاعات شناسه را در کد boilerplate کپی و جایگذاری می کنید. خودش است؛ شما یک dApp کامل دارید که تنها در چند دقیقه توسعه یافته است!

متامسک برای توسعه دهندگان - استارت dApp

اکنون، با تکمیل برنامه Web3، می توانیم با وارد کردن دستور زیر در ترمینال، dApp را راه اندازی کنیم:

yarn run start

این برنامه Web3 را با متامسک راه اندازی می کند و نتیجه نهایی باید چیزی شبیه به این باشد:

همانطور که می بینید، یک نوار در بالای برنامه Web3 با چندین گزینه مختلف وجود دارد. در بالا سمت راست، یک دکمه احراز هویت نیز وجود خواهد داشت. اگر کاربر روی این دکمه کلیک کند، از او خواسته می شود تا با متامسک احراز هویت کند.

علاوه بر این، برگه‌های اضافی برای «کیف پول»، «DEX»، «موجودی» و غیره وجود دارد، و همه آنها کاملاً کاربردی هستند. به این ترتیب، این نشان می دهد که کار با Moralis چقدر آسان است. همه اینها قبلاً به dApp اضافه شده است، به این معنی که وقتی صحبت از زبان های بلاک چین مانند جاوا اسکریپت یا سالیدیتی به میان می آید، نیازی به تجربه توسعه پیشرفته ندارید.

تنها چیزی که اکنون باقی می ماند این است که شما برنامه Web3 را مطابق ترجیحات خود سفارشی کنید. برای مثال می‌توانید عناصر را حذف کنید، موارد جدید اضافه کنید یا گزینه‌های موجود را تغییر دهید. بنابراین، اگر می‌خواهید یک توسعه‌دهنده بلاک‌چین شوید و این کد boilerplate را تغییر دهید، می‌توانید برای الهام‌گیری بیشتر به وبلاگ Moralis نگاهی دقیق‌تر بیندازید!

جمع بندی

هنگام کار با Moralis، ساخت dApps نباید سخت باشد. در این مقاله، نحوه راه‌اندازی اپلیکیشن‌های ساده Web3 با MetaMask را تنها در چند دقیقه، به لطف ابزارهای پلتفرم و کد boilerplate اتریوم نشان دادیم. تنها کاری که باید انجام می دادیم این بود که یک سرور Moralis ایجاد کنیم، boilerplate را نصب کنیم و Moralis را مقداردهی اولیه کنیم. با این حال، این فقط سطح چیزی را که با Moralis ممکن است خراش می دهد. برای نشان دادن بیشتر قدرت Moralis ، مقالات زیر را در مورد نحوه ضرب کردن رایگان NFTها، نحوه ساخت dApps cross-chain یا نحوه میزبانی dApp بررسی کنید.

بنابراین، اگر می‌خواهید در زمان و منابع در پروژه بعدی بلاک چین خود صرفه‌جویی کنید، فوراً در Moralis ثبت‌نام کنید. این کاملا رایگان است و می توانید در عرض چند دقیقه شروع به توسعه کنید، بنابراین دریغ نکنید!

منبع : moralis