چگونه داشبورد رمزنگاری خود را بسازیم

اگر در Cryptocurrencies سرمایه گذاری کرده اید ، می توانید به راحتی با استفاده از چیزی بیش از HTML و CSS ، داشبورد رمزنگاری را بسازید.

خوانندگان مانند شما به حمایت از MUO کمک می کنند. هنگامی که شما با استفاده از پیوندها در سایت ما خرید می کنید ، ممکن است یک کمیسیون وابسته کسب کنیم. بیشتر بخوانید

با تمام مذاکرات مربوط به جعل ، کلاهبرداری ، وب سایت هایی که CPU شما را به معدن آلتکین ها سرقت می کنند ، و نوسانات قیمت دیوانه وار ، ارزهای رمزنگاری شده ("رمزنگاری") مطمئناً جریان اصلی هستند.

اگر سرمایه گذاری کرده اید یا در حال خرید هرگونه ارز رمزنگاری هستید ، پس راهی برای نظارت بر قیمت آنها در زمان واقعی نیاز دارید. خوشبختانه ، شما به راحتی می توانید با استفاده از چیزی بیش از HTML و CSS ، داشبورد رمزنگاری را بسازید.

توجه: خرید ارزهای رمزپایه یک سرمایه گذاری بسیار سوداگرانه است. هرگز بیش از آنچه که می توانید سرمایه گذاری نکنید ، سرمایه گذاری نکنید و آماده باشید تا تمام شب آن را از دست بدهید.

شروع شدن

این داشبورد از ویجت رایگان تهیه شده توسط CoinmarketCap.com تهیه شده است. این وب سایت عالی آمار و قیمت های فعلی هزاران ارز رمزنگاری را نشان می دهد. با انتخاب ارز مورد نظر خود ، یا با وارد کردن سکه به مرکز جستجو در سمت راست ، شروع کنید.

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

در اینجا کد ویجت برای بیت کوین به نظر می رسد:

این که آیا شما به بیت کوین ، اتریوم ، ریپل ، سگکوئین یا سایر سکه های جایگزین 1000+ (alt) در دسترس هستید ، این روند دقیقاً یکسان است: یک سکه را پیدا کنید ، سپس کد ویجت را کپی کنید.

اگر می خواهید با اتوماسیون فانتزی کنید ، می توانید از API Ticker و یک ابزار برنامه ریزی مانند Cron برای انجام تقریباً هر کاری که دوست دارید استفاده کنید. این کمی فراتر از محدوده این مقاله است ، اما اگر قیمت زیر یک آستانه خاص کاهش یابد ، می توانید یک هشدار ایمیل ایجاد کنید.

ساخت صفحه وب

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

در اینجا کد استارت مورد نیاز شما است:

کد ویجت HTML خود را بین برچسب های بدن جایگذاری کنید. با بازگشت به بیت کوین ، کل کد به این شکل است:

این همان چیزی است که در آن وجود دارد. این واقعاً ساده است که داشبورد رمزنگاری خود را ایجاد کنید.

زیبا ساختن آن

در حالی که این داشبورد از نظر فنی به پایان رسیده است ، اما عالی نیست. ویجت صفحه نمایش را به صورت افقی پر می کند ، اما به صورت عمودی بسیار بلند نیست. بیایید آن را با ورق های سبک آبشار (CSS) سبک کنیم.

در زیر عنوان ، یک برچسب سبک اضافه کنید:

در داخل این برچسب های سبک جایی است که CSS خود را می نویسید. این چیزی است که شما نیاز دارید:

این CSS ساده دو کار را انجام می دهد. با استفاده از مدل Object Document (DOM) ، کلاس CoinmarketCap-Currency-Widget را هدف قرار می دهد. این کلاس ظرف اصلی ویجت است ، بنابراین این دستور به مرورگر وب شما دستور می دهد که سبک های زیر را در آن عنصر خاص اعمال کند.

عرض ویجت به 33 ٪ تنظیم شده است ، که تضمین می کند که دیگر در هنگام گزینه پیش فرض (که در این مورد 100 ٪ است) دیگر کشیده نمی شود.

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

تقریباً هیچ محدودیتی وجود ندارد که بتوانید با یک ظاهر طراحی شده خود از این ویجت تا چه حد می توانید بروید. شاید شما متن قرمز یا پس زمینه آبی را دوست داشته باشید؟در مورد متن چشمک زن چطور؟آسمان واقعاً حد است!

اضافه کردن سکه های بیشتر

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

به عنوان یک قاعده سست (اگرچه هر اتفاقی در غرب وحشی ارزهای رمزنگاری می شود) ، سکه های Alt هنگام پایین آمدن بیت کوین بالا می روند ، جدا از زمانی که بیت کوین کاملاً غرق می شود ، همه چیز را با آن می گیرد.

با نظارت بر ارزهای دیگر ، اغلب می توانید به وضوح ببینید که پول از یک و به دیگری جریان می یابد. اگر به دنبال خرید یک سکه جدید هستید ، اضافه کردن آن به داشبورد خود به این معنی است که می توانید یک روند یا کمترین روزانه را برای چیدن معامله مشاهده کنید!

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

شما برای هر ویجت به ارز نیاز ندارید. شما فقط در هر صفحه یک بار به آن احتیاج دارید.

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

با تنظیم عرض و حاشیه هر ظروف ویجت ، می توانید چندین ابزارک را به صورت افقی تنظیم کنید ، مانند این:

با استفاده از همین CSS ، می توان به همان اندازه که دوست دارید ، تعداد زیادی ابزارک را جمع کنید ، اگرچه ممکن است بعد از حدود 12 ابزارک ، آن را کمی اصلاح کنید.

یک لمس نهایی نهایی این است که داشبورد را به طور خودکار بارگیری کنید ، اطمینان حاصل کنید که همیشه آخرین قیمت ها را دارید.

در داخل برچسب های سر در بالای سند خود ، این برچسب متا را بچسبانید:

با این کار صفحه شما هر x ثانیه ، جایی که x در داخل محتوای مشخص شده است ، تازه می کند. کد فوق هر 60 ثانیه صفحه را تازه می کند. این را به هر آنچه دوست دارید تغییر دهید ، به شرط آنکه تعداد را در ثانیه وارد کنید.

عاقل ماندن

اکنون که داشبورد cryptocurrency شما کامل شده است ، دیگر نیازی به بررسی CoinmarketCap.com یا Coinbase.com یا هر وب سایتی که برای نظارت بر خریدهای خود استفاده می کنید ، نیست. فقط با بررسی قیمت ها هر دقیقه خود را دیوانه نکنید.

بگذارید آن را روی رایانه خود اجرا کنید ، یا شاید حتی آن را روی یک Raspberry Pi تنظیم کنید و آن را در راهرو خود اجرا کنید!

اگر به دنبال بررسی قیمت ها در حال حرکت هستید ، پس از آن به راهنمای ما برای بهترین برنامه های Android Cryptocurrency نگاهی بیندازید ، و فراموش نکنید که قبل از خرید Cryptocurrency ، راهنمای ما را در مورد همه چیزهایی که باید بدانید بخوانید.

آیا داشبورد رمزنگاری ساخته اید؟مال خود را کجا قرار دادید؟در قسمت نظرات پایین ما را آگاه کنید!