Kako napraviti svoju vlastitu nadzornu ploču za kripto valute

Oglas

Uz sve razgovore od vilica, prevare, web stranice koje kradu vaš CPU za rudnike altcoinai luda volatilnost cijena, kripto valute („kriptovalute“) sigurno postaju više mainstream.

Ako ste uložili ili razmišljate o kupovini bilo koje kripto valute, trebat će vam način praćenja njihovih cijena u stvarnom vremenu. Srećom, kripto nadzornu ploču možete lako napraviti sami koristeći ništa više HTML i CSS Naučite HTML i CSS pomoću ovih korak po korak vodičaZanima vas HTML, CSS i JavaScript? Ako mislite da imate smisao za učenje kako izraditi web stranice ispočetka - evo nekoliko sjajnih tutorijala koje treba isprobati. Čitaj više .

Bilješka: Kupnja kriptovaluta vrlo je špekulativna investicija. Nikada ne ulažite više nego što si možete priuštiti, i budite spremni izgubiti sve preko noći.

Početak rada

Ovu nadzornu ploču pokreće besplatni widget koji pruža coinmarketcap.com. Ova izvrsna web stranica prikazuje statistiku i trenutne cijene tisuća kriptovaluta. Započnite odabirom svoje valute po izboru ili unošenjem novčića u objekt za pretraživanje u gornjem desnom uglu.

Nakon odabira preusmjerit ćete se na pregled kovanica na kojoj se prikazuju razne statistike, grafikoni i analitika o vašem odabranom novcu. Idi preko alat kartica. Ovdje ćete vidjeti gotov widget koji prikazuje konkretne podatke o vašem izabranom novčiću. Slobodno eksperimentirajte s Prilagodite ovaj widget postavke, ali za sada je dovoljan osnovni widget. Kopirajte kôd iz Widget za web mjesto ili držite stranicu otvorenom za kasnije korištenje.

Evo kako izgleda kôd widgeta za Bitcoin:

Bez obzira na to Bitcoin, Ethereum, Mreškanje, Dogecoinili bilo kojeg drugog od 1.000+ alternativa (alt) kovanice dostupne, ovaj postupak je potpuno isti: pronađite novčić, a zatim kopirajte kôd widgeta.

Ako se želite automatizirati, možete ih koristiti API Ticker i alat za planiranje poput cron Kako zakazati zadatke u Linuxu pomoću Cron-a i CrontabaSposobnost automatizacije zadataka jedna je od onih futurističkih tehnologija koja se već nalazi ovdje. Svaki korisnik Linuxa može imati koristi od sustava zakazivanja i zadataka korisnika, zahvaljujući cron-u, pozadinskoj usluzi jednostavnoj upotrebi. Čitaj više izvoditi gotovo sve što želite. To je malo izvan okvira ovog članka, ali možete stvoriti upozorenje putem e-pošte ako cijena, na primjer, padne ispod određenog praga.

Izrada web stranice

Sada kada imate widget, morate stvoriti osnovnu HTML stranicu kako biste ga prikazali. Pomoću omiljenog uređivača teksta stvorite novu HTML datoteku pod nazivom dashboard.html.

Evo početnog koda koji vam treba:

Zalijepite HTML kôd widgeta između tijelo oznake. Vraćajući se Bitcoin-u, cijeli kod izgleda ovako:

To je sve. Stvarno je tako jednostavno da biste stvorili svoju nadzornu ploču za kripto valute.

Što je lijepo

Dok je ova nadzorna ploča tehnički završio, nije sjajno Widget ispunjava zaslon vodoravno, ali nije jako visok okomito. Složimo to kaskadni listovi stilova 5 bebi koraka za učenje CSS-a i postati Kick-Ass CSS čarobnjakCSS je najvažnija promjena web stranica u posljednjem desetljeću, a utro je put za razdvajanje stila i sadržaja. Na moderni način XHTML definira semantičku strukturu ... Čitaj više (CSS).

Ispod titula, dodati stil označiti:

Unutar ovih stilskih oznaka nalazi se mjesto gdje ćete pisati svoj CSS. Evo što vam treba:

.coinmarketcap-Currency-widget {širina: 33%; marža: 100px auto; }

Ovaj jednostavan CSS radi dvije stvari. Koristiti Model objekta dokumenta JavaScript i web razvoj: Korištenje modela objekta dokumentaOvaj će vam članak predstaviti kostur dokumenta s kojim radi JavaScript. Poznavajući rad ovog apstraktnog modela objekta dokumenta, možete napisati JavaScript koji radi na bilo kojoj web stranici. Čitaj više (DOM), cilja na coinmarketcap valuta-dodatak klase. Ova klasa je glavni spremnik widgeta, tako da ova naredba upućuje vaš web preglednik da primijeni sljedeće stilove na taj određeni element.

Širina widgeta je postavljena na 33%, što osigurava da više ne izgleda ispruženo kad se ostavi na zadanoj opciji (što je u ovom slučaju 100%).

Na kraju, gornja i donja dodana je margina od 100 piksela, s lijevom i desnom stranom dobivanjem margine auto. Ovo pomakne widget od vrha preglednika i vodoravno ga centrira.

Gotovo da nema ograničenja u tome koliko daleko možete otići svojim stilom ovog widgeta. Možda vam se sviđa crveni tekst ili plava pozadina? Kako o treptajućem tekstu? Nebo je zaista granica!

Dodavanje više kovanica

Sad kad ste zabili osnove, vrijeme je da dodate još novca. Čak i ako imate samo jedan novčić, raznolikost nadzorne ploče ima nekoliko prednosti.

Kao labavo pravilo (iako se na divljem zapadu kriptovaluta može dogoditi bilo što), alt kovanice idu kada se Bitcoin spusti, osim kad Bitcoin apsolutno potone, sa sobom uzima i sve drugo.

Promatrajući druge valute, često možete jasno vidjeti kako novac izlazi iz jedne, a u drugu. Ako želite kupiti novu kovanicu, dodavanje je na nadzornoj ploči znači da možete uočiti trend ili svakodnevni nizak novac kako biste pokupili kupnju!

Pomoću gore opisanih koraka nastavite i nabavite kôd widgeta za sve druge valute koje želite pratiti. Jednostavno ih zalijepite ispod Bitcoin tracker-a na ovaj način:

Ne treba vam currency.js za svaki widget. Potreban vam je samo jednom po stranici.

Ako ponovo umetnete nadzornu ploču, vidjet ćete da ne izgleda baš dobro. Sve kovanice su složene vertikalno, a među njima su velike praznine! Trebat ćete modificirati CSS kako bi ti widgeti izgledali bolje za više kovanica.

Podešavanjem širine i margine svakog spremnika widgeta možete poravnati više widgeta vodoravno, poput ovog:

širina: 23%; marža: 10px 1%; plovak: lijevo;

Pomoću istog CSS-a moguće je složiti koliko god widgeta želite, iako ćete ga možda trebati malo izmijeniti nakon otprilike 12 widgeta.

Zadnji završni dodir je automatsko ponovno punjenje nadzorne ploče, osiguravajući vam uvijek najnovije cijene.

Unutar glava oznake pri vrhu vašeg dokumenta, zalijepite ovu metaoznaku:

To će stranicu osvježavati svakih X sekundi, gdje je X naveden iznutra sadržaj. Gornji kôd će stranicu osvježavati svakih 60 sekundi. Promijenite to prema onome što želite, pod uvjetom da unesete broj u sekundi.

Ostati zdrav

Sada kada je nadzorna ploča vaše kripto valute gotova, više ne morate provjeravati coinmarketcap.com, ili coinbase.comili bilo koju web lokaciju koju koristite za nadgledanje svojih kupovina. Samo nemojte da se poludite provjeravajući cijene svake minute.

Pustite ga da radi na vašem računalu ili ga možda čak postavite na Raspberry Pi i neka to radi u vašem hodniku!

Ako želite provjeriti cijene u pokretu, pogledajte naš vodič za najbolje aplikacije za kriptovalute Android Budite u tijeku s vašom kripto valutom pomoću ovih Android aplikacijaPraćenje promjene virtualne valute i dnevnog trgovanja može biti zabavno i način za povećanje zarade nakon dobrog rudarenja. Čitaj više , i ne zaboravite pročitati naš vodič o sve što trebate znati prije kupovine cryptocurrency.

Jeste li izgradili kripto nadzornu ploču? Gdje ste smjestili svoje? Javite nam se u komentarima u nastavku!