Виджет криптовалют на сайте

Сегодня будем писать свой собственный виджет криптовалют. На выходе получится информер курса биткоин и эфириум. Данную инструкцию будет легко применить к любому сайту на PHP. Отдельно я обязательно покажу как внедрить этот виджет в WordPress.

Содержание

Binance API

Для создания нашего виджета криптовалют мы воспользуемся Binance API. Вы можете использовать любой другой API по аналогии с данным руководством. Я же остановился именно на Binance, так как меня интересуют котировки именно этой биржи. Ссылка на официальную документацию выше, вот только она полностью на английском языке.

Сегодня я буду использовать:

https://api.binance.com/api/v3/ticker/price?symbol=BTCUSDT

https://api.binance.com/api/v3/ticker/price?symbol=ETHUSDT

Обратите внимание на то, что вы можете подставить абсолютно любую, нужную вам пару. Для этого достаточно просто изменить окончание ссылки.

Виджет криптовалют

Это самый простой массив с ценой биткоин на сегодняшний момент. Можно вывести массив с ценами по всем монетам Binance: https://api.binance.com/api/v3/ticker/price

Также есть запросы на большее количество данных. Например, всё что происходило с парой BTC\USDT за 24 часа: https://api.binance.com/api/v1/ticker/24hr?symbol=BTCUSDT. Параметр symbol — как и в других примерах, передает значение определенной пары. В данном случае это: ?symbol=BTCUSDT. Если его в запросе не указывать, то получим ответ со всеми существующими парами Binance. Думаю пока всё понятно, да? Если что, внизу есть комментарии, не стесняемся спрашивать.

{
"symbol": пара
"priceChange": изменение цены за сутки
"priceChangePercent": изменение цены за сутки %
"weightedAvgPrice": средневзвешенная цена
"prevClosePrice": предыдущая цена закрытия
"lastPrice": последняя цена
"lastQty": последний объем
"bidPrice": цена покупки
"askPrice": цена продажи
"openPrice": цена открытия
"highPrice": самая высокая цена
"lowPrice": самая низкая цена
"volume": объем торгов базовой валюты
"quoteVolume": объем торгов квотируемой
"openTime": время открытия
"closeTime": время закрытия
"fristId": id первой сделки
"lastId": id последней сделки
"count": количество сделок
}

Немного теории PHP.

Если вам это не интересно, можете смело идти к следующей, практической главе. Но я посчитал нужным добавить хотя бы немного теории PHP, для того что бы прояснить код, который мы будем сегодня писать. Буквально чуть-чуть теории и переходим к созданию виджета криптовалют.

Переменные в php — своего рода контейнер, который может содержать в себе самые различные типы данных (цифры, текста, массивы и другое). В переменных мы храним данные для того, что бы в дальнейшем оперативно обращаться к информации, находящейся в них. Называются они так, потому что могут менять (данные можно записывать, изменять, удалять).

$bitcoin = «1 000 000 $» — это переменная bitcoin и в ней один миллион долларов США!

file_get_сontents() — Функция PHP, которая используется для считывания файла в строку.

json_decode — Принимает закодированную в JSON строку и преобразует её в переменную PHP.

round — Математическая функция для округления числа до целого.

Собираем виджет криптовалют

Я думаю, что теории более чем достаточно и пора переходить к практике. Сейчас мы напишем код самого простого виджета криптовалют. И начнем мы с курса биткоина.

<?php
$res = file_get_contents('https://api.binance.com/api/v3/ticker/price?symbol=BTCUSDT'); 
$btc = json_decode($res, TRUE); 
$string .= $btc["price"] . "$"; 
echo $string;
?>

Как видите это довольно простой php код, а самое главное он уже работает. Как говорится вставляйте и пользуйтесь на здоровье. Вот только он будет вам показывать что-то типа этого: 33684.39000000$

Надо бы округлить до целого числа, помните да, функция round. Модернизируем наш код:

<?php
$res = file_get_contents('https://api.binance.com/api/v3/ticker/price?symbol=BTCUSDT'); 
$btc = json_decode($res, TRUE); 
$string .= round ($btc["price"]) . "$"; 
echo $string;
?>

Вот теперь всё отлично! Можно использовать на сайте. Другие пары делаются по аналогии. Если вам интересно, можно продолжить эту тему и сделать что-то более сложное. Пишите в комментарии.

Виджет в функции WordPress

Для тех у кого WordPress не спешите расходится. Сейчас мы создадим специальную функцию, даже две. Одну для курса биткоина, вторую соответственно для эфириума. После чего мы сможем выводить эти функции в любом месте нашего блога. Для написания функций я использую свою дочернюю тему, файл functions.php

Итак, как создать свою функцию мы конечно знаем. Нет!? Тогда идем читать, тут я не буду заострять своё внимание на нюансах создания, а просто покажу готовый код.

Виджет криптовалют WordPress

После чего нам остается лишь вывести наши функции в любом удобном для нас месте на блоге. В моем случае это левый сайдбар, хотя позже планирую переместить в доп. меню и оформить всё это иконками. Возможно добавить ещё парочку монет.

Для вывода, в моём случае используется следующий код:

<?php btc_price(); ?>
<?php etc_price(); ?>

У себя на блоге я сделал простенький php виджет:

Динамический виджет на JavaScript

У себя на блоге я использую много автообновляемых данных в отдельных постах, чтобы вам было более понятно о чём идёт речь, вот вам горячий пример:

Курс эфириума на данный момент равен:

Выше вы видите цену эфириума, которая берется по JSON с помощью Javascript. Также есть более интересные примеры, где используется не только стоимость определенного актива, но и другие данные:

Курс BNB сейчас

Добавим немного математики, а также счетчик дней:

Давайте представим, что мы купили Биткоин 22 декабря 2020 года на 1000$ по курсу 22 750$! Какую прибыль вы видите сейчас, во время чтения этого поста? Ведь прошло уже дн. И на вашем счету сегодня:

Как вы понимаете всё ограничивается только вашей фантазией! Если вам интересно, как создаются подобные динамические виджеты — пишите в комментариях и я буду просто обязан сделать отдельный пост! Возможно вам также понравится таблица с обновляемыми данными 


Дневник Джека Telegram канал моих торговых крипто идей! Если вы любите криптовалюты, то этот Telegram канал для вас. Только дельные советы, когда купить, что купить, какие монеты лучше. Полностью бесплатно

Криптопираты наш Telegram чат, все любители криптовалют добро пожаловать!

Donate на этой странице вы можете поддержать меня, отблагодарить и помочь развитию моих проектов


Рубрики !Code> | Wordpress Метки # # # # # # #

14 комментариев к “Виджет криптовалют на сайте”

  1. привет,спасибо за виджет,но возникает проблема.к примеру XRP 0,4$ но из за функции round показыват только 0$,а если убрать round, то число очень длинное,это можно как то изменить?

    Ответить

Оставьте комментарий