Jest to prosty sposób na utworzenie niestandardowego pulpitu nawigacyjnego z bieżącymi danymi za pomocą Yh Finance. Zrobiłem prostą wersję przy użyciu podstawowego JavaScript. Możesz na nim budować w dowolnym stopniu swojej wyobraźni. Głównym celem jest tutaj uzyskanie wszystkich wymaganych danych jednym spojrzeniem. Zaoszczędzisz dużo czasu, unikając przeglądania różnych stron w celu uzyskania danych giełdowych.

Znacznie wzrosła liczba osób aktywnie zarządzających swoim portfelem giełdowym. Istnieje wiele aplikacji do przeglądania danych na żywo o każdej akcji. Wszystkie te aplikacje skupiają się na kompletności danych. Dlatego prezentują wiele szczegółów, co sprawia, że ​​szukanie konkretnych rzeczy jest gorączkowe. Bądźmy szczerzy, jeśli jesteś aktywny na giełdzie dłużej niż 6 miesięcy, masz już zamiłowanie do różnych rzeczy. W przypadku niektórych akcji nie musisz sprawdzać wszystkich danych. Prawdopodobnie masz już na oku zestaw akcji, na których chcesz dokonywać transakcji. Regularnie sprawdzasz 3 lub 4 parametry wszystkich tych akcji. Za każdym razem, gdy zdecydujesz się to poprawić, zajmie Ci to około 30–40 minut. To powtarzalny i nudny proces.

Teraz, jeśli posiadasz minimalną wiedzę na temat JavaScript lub innego języka programowania, mam dla Ciebie rozwiązanie. Zaoszczędzi Ci to mnóstwo czasu. Na jednej stronie możesz przeglądać określone parametry wybranych akcji. Będziesz tworzyć dashboard, bardziej przypominający tabelę.

API może być przerażającym terminem dla wielu początkujących. Uproszczę to dla Ciebie. To prośba. W tym przypadku adres URL z dodatkowymi parametrami. Wysyłasz go na serwer i w odpowiedzi otrzymujesz wymagane dane. Możesz przetwarzać te dane, aby wyświetlić to, czego potrzebujesz, a resztę możesz zignorować. Nie martw się, wykonałem za ciebie trudną część. Możesz wyświetlić pełny kod w tym repozytorium git — https://github.com/sai122/YhfinanceApiDash.git

To prosta implementacja z podstawowym układem. Zawiera plik HTML — otwórz go w przeglądarce. Nie potrzebujesz żadnego dodatkowego oprogramowania, nie musisz uruchamiać serwera. Zobaczysz zestaw akcji i ich ceny na żywo. To tylko szkielet. Omówię szczegółowo jego działanie i podpowiem, jak możesz dodać do niego więcej.

Najważniejszą częścią tej implementacji jest API. Yh Finance jest bezpłatnym dostawcą API. To jedyny dodatkowy krok, który wykonasz poza otwarciem pliku w przeglądarce. Wystarczy się zarejestrować i otrzymać darmowy klucz. Zastąp „MY-API-Key” tym kluczem.

const apiKey = “MY-API-Key”;

Napisałem zestaw 10 wybranych przeze mnie akcji. Możesz je zastąpić wybranymi przez siebie.

const stocks = new Set(["CROMPTON.NS","INFY","FINEORG.NS","CESC.NS","EMBASSY.BO","BARBEQUE.NS","IEX.NS","PAGEIND.NS","CHAMBLFERT.NS","ADANITRANS.NS"]);

pierwsza część funkcji javascript dotyczy tworzenia żądania. Zainicjowałem go podstawowym adresem URL i dodałem do niego wszystkie akcje. Teraz mamy gotowy adres URL. Możemy wysłać żądanie do serwera finansowego Yh zgodnie z instrukcją.

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
        }
      })

Spowoduje to zwrócenie odpowiedzi zawierającej dane w czasie rzeczywistym na temat wszystkich akcji wymienionych w żądaniu. Wyświetliłem jedynie cenę i nazwę akcji w następujący sposób.

Możesz wybierać spośród dodatkowych danych zwracanych z serwera. Oto przykład wszystkich danych zwracanych dla akcji.

Gdy znajdziesz potrzebne pola na powyższych zrzutach ekranu, wystarczy je dodać w następujący sposób.

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;

Spowoduje to dodanie wybranych pól do tabeli. Proszę bardzo, spersonalizowany pulpit nawigacyjny dla wybranych akcji, ograniczony do wybranych pól. Istnieją pola, które możesz dodać, które również nie pochodzą z tych. Powiedzmy, ile masz akcji lub cenę, za jaką je kupiłeś. Możesz je mieszać, aby utworzyć nowe pola, takie jak bieżący zysk/strata. Możesz dowolnie mieszać i dopasowywać w zależności od wymagań.

Może to wyglądać jak stary arkusz kalkulacyjny. Wiem, ale jest to skuteczne w sposób, którego nie możesz sobie wyobrazić. Spójrz na przykład na swój kalendarz. Wiele się zmieniło pod względem tematu, ekspozycji i materiału, ale podstawową istotą jest stół. To nigdy się nie zmieniło. Ponieważ jest to najskuteczniejszy sposób na zdobycie wielu informacji jednym spojrzeniem. Nie bez powodu obowiązuje stare powiedzenie: „Stare jest złotem”.