Это простой способ создать пользовательскую панель инструментов с оперативными данными с помощью Yh Finance. Я сделал простую версию, используя базовый javascript. Вы можете строить на нем в любой степени вашего воображения. Основная цель здесь — получить все необходимые данные одним взглядом. Вы бы сэкономили много времени, избегая просмотра разных страниц для получения данных о запасах.
Значительно увеличилось число людей, которые активно управляют своим портфелем на фондовом рынке. Для них существует множество приложений для просмотра данных в реальном времени по каждой акции. Все эти приложения сосредоточены на полноте данных. Следовательно, они демонстрируют множество деталей, что делает их беспокойными, если вы ищете конкретные вещи. Давайте будем честными, если вы активны на фондовом рынке более 6 месяцев, у вас уже есть вкус к вещам. Вам не нужно проверять все данные для некоторых акций. Вероятно, вы уже присмотрели набор акций, с которыми хотите совершать сделки. Вы регулярно проверяете 3 или 4 параметра всех этих акций. Каждый раз, когда вы решаете его пересмотреть, у вас уходит примерно 30–40 минут вашего времени. Это повторяющийся и скучный процесс.
Теперь, если у вас есть минимальные знания JavaScript или любого другого языка программирования, у меня есть для вас решение. Это сэкономит вам много времени. Вы можете просмотреть конкретные параметры конкретных акций, которые вы хотите на одной странице. Вы будете создавать информационную панель, больше похожую на таблицу.
API может быть пугающим термином для многих новичков. Я упрощу это для вас. Это просьба. В данном случае URL с некоторыми дополнительными параметрами. Вы отправляете его на сервер и получаете в ответ необходимые данные. Вы можете обработать эти данные, чтобы отобразить то, что вам нужно, и игнорировать остальные. Не волнуйтесь, я сделал за вас сложную часть. Вы можете просмотреть полный код в этом git-репозитории — https://github.com/sai122/YhfinanceApiDash.git.
Это простая реализация с базовым макетом. Он имеет html-файл — откройте его в браузере. Вам не нужно никакого дополнительного программного обеспечения, не нужно запускать сервер. Вы увидите набор акций и их текущие цены. Это просто основа, я подробно расскажу о ее работе и о том, как вы можете добавить к ней больше.
Наиболее важной частью этой реализации является API. Yh Finance — бесплатный поставщик API. Это единственный дополнительный шаг, который вы будете выполнять, кроме открытия файла из браузера. Вам просто нужно зарегистрироваться и получить бесплатный ключ. Замените «MY-API-Key» этим ключом.
const apiKey = “MY-API-Key”;
Я написал набор из 10 акций по своему выбору. Вы можете заменить их на те, которые вы выберете.
const stocks = new Set(["CROMPTON.NS","INFY","FINEORG.NS","CESC.NS","EMBASSY.BO","BARBEQUE.NS","IEX.NS","PAGEIND.NS","CHAMBLFERT.NS","ADANITRANS.NS"]);
первая часть функции javascript посвящена формированию запроса. Я инициализировал его базовым URL-адресом и добавил в него все акции. Теперь у нас есть готовый URL. Мы можем отправить запрос на финансовый сервер Yh как указано.
var apiUrl = `https://yfapi.net/v6/finance/quote?region=US&lang=IN&symbols=`;
for (const value of symbol) {
apiUrl = apiUrl.concat(value,"%2c");
}
apiUrl = apiUrl.substring(0, apiUrl.length - 3);
fetch(apiUrl, {
headers: {
'accept': 'application/json',
'x-api-key': apiKey
}
})
Это вернет ответ, содержащий данные в реальном времени обо всех акциях, упомянутых в запросе. Я только отобразил цену и название акции следующим образом.
Вы можете выбрать дополнительные данные, возвращаемые сервером. Вот пример всех данных, которые он возвращает для акции.
Как только вы найдете нужные поля на приведенных выше снимках экрана, все, что вам нужно сделать, это добавить их следующим образом.
const stockPrice = stockData[i].regularMarketPrice;
const stockName = stockData[i].shortName;
const tableRow = `<tr><td>${stockName}</td><td>${stockPrice}</td></tr>`;
document.getElementById('stocksTable').innerHTML += tableRow;
Это добавит выбранные вами поля в таблицу. Вот и все, персонализированная информационная панель для выбранных вами акций, ограниченная полями по вашему выбору. Есть поля, которые вы можете добавить, которые также не из этих. Скажем, количество акций, которые у вас есть, или цена, по которой вы их купили. Вы также можете смешивать их для создания новых полей, таких как текущая прибыль/убыток. Не стесняйтесь смешивать и сочетать в зависимости от ваших требований.
Это может выглядеть как электронная таблица старой школы. Я знаю, но это настолько эффективно, что вы даже представить себе не можете. Посмотрите, например, на свой календарь. Многое изменилось в отношении темы, отображения и материала, но основная суть — это таблица. Это никогда не менялось. Потому что это самый эффективный способ получить много информации с одного взгляда. Есть причина для великой старой поговорки — «Старое — золото».
