Obțineți detalii live ale acțiunilor selectate folosind Yh Finance API

Aceasta este o modalitate simplă de a crea un tablou de bord personalizat cu date live folosind Yh Finance. Am făcut o versiune simplă folosind javascript de bază. Poți construi pe el în orice măsură a imaginației tale. Scopul principal aici este de a obține toate datele necesare dintr-o privire. Veți economisi mult timp evitând să parcurgeți diferite pagini pentru a obține date de stoc.

A fost o mare creștere a numărului de persoane care își gestionează activ portofoliul de pe piața de valori. Există o mulțime de aplicații pentru ca aceștia să vizualizeze date live despre fiecare stoc. Toate aceste aplicații se concentrează pe caracterul complet al datelor. Prin urmare, ele prezintă o mulțime de detalii, ceea ce o face agitată dacă căutați lucruri specifice. Să fim sinceri, dacă ai fost activ pe bursă de mai bine de 6 luni, deja ai dezvoltat un gust pentru lucruri. Nu trebuie să verificați toate datele pentru unele stocuri. Probabil că aveți deja un ochi pe un set de acțiuni pe care doriți să faceți tranzacții. Verificați în mod regulat 3 sau 4 parametri din toate aceste stocuri. Îți ia poate 30-40 de minute din timpul tău de fiecare dată când decideți să îl revizuiți. Este un proces repetitiv și plictisitor.

Acum, dacă ai cunoștințe minime de JavaScript sau orice alt limbaj de programare, am o soluție pentru tine. Vă va economisi mult timp. Puteți vizualiza parametrii specifici ai stocurilor pe care le doriți pe o singură pagină. Veți crea un tablou de bord, mai degrabă ca un tabel.

API poate fi un termen înfricoșător pentru mulți începători. Îți voi simplifica. Este o cerere. În acest caz, o adresă URL cu câțiva parametri suplimentari. Îl trimiteți la un server și obțineți datele necesare ca răspuns la acesta. Puteți procesa acele date pentru a afișa ceea ce aveți nevoie și puteți ignora restul. Nu-ți face griji, am făcut partea dificilă pentru tine. Puteți vizualiza codul complet la acest depozit git - https://github.com/sai122/YhfinanceApiDash.git

Este o implementare simplă, cu un aspect de bază. Are un fișier html - deschideți-l într-un browser. Nu aveți nevoie de niciun software suplimentar, nu trebuie să porniți un server. Veți vedea un set de acțiuni și prețurile lor live. Este doar o coloană vertebrală, voi detalia funcționarea sa și cum puteți adăuga mai multe.

Cea mai importantă parte a acestei implementări este API-ul. Yh Finance este un furnizor gratuit de API. Acesta este singurul pas suplimentar pe care îl veți face în afară de deschiderea fișierului din browser. Trebuie doar să vă înscrieți și să obțineți o cheie gratuită. Înlocuiți „MY-API-Key” cu acea cheie.

const apiKey = “MY-API-Key”;

Am scris un set de 10 stocuri la alegerea mea. Le puteți înlocui cu cele alese de dvs.

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

prima parte a funcției javascript este despre formarea cererii. L-am inițializat cu o adresă URL de bază și i-am adăugat toate stocurile. Acum, avem URL-ul gata. Putem trimite cererea către serverul financiar Yh așa cum este dat.

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

Acest lucru va returna un răspuns care conține date în timp real despre toate stocurile menționate în cerere. Am afișat doar prețul și numele stocului după cum urmează.

Puteți alege dintre datele suplimentare returnate de la server. Iată un exemplu de toate datele pe care le returnează pentru un stoc.

Odată ce găsiți câmpurile de care aveți nevoie în capturile de ecran de mai sus, tot ce trebuie să faceți este să le adăugați în felul următor.

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;

Aceasta va adăuga câmpurile pe care le alegeți în tabel. Iată, un tablou de bord personalizat pentru stocurile pe care le-ați ales, limitat la câmpurile pe care le alegeți. Există câmpuri pe care le puteți adăuga și care nu provin și din acestea. Să presupunem numărul de acțiuni pe care le aveți sau prețul la care le-ați cumpărat. Puteți combina acestea pentru a crea și noi câmpuri, cum ar fi profitul/pierderea curentă. Simțiți-vă liber să amestecați și să potriviți în funcție de cerințele dvs.

Aceasta poate părea ca o foaie de calcul de școală veche. Știu, dar acest lucru este eficient în moduri pe care nu ți le poți imagina. Uită-te la calendarul tău, de exemplu. S-au schimbat multe în ceea ce privește tema, afișajul și materialul, dar esența de bază este o masă. Asta nu sa schimbat niciodată. Pentru că este cel mai eficient mod de a transmite o mulțime de informații dintr-o singură privire. Există un motiv pentru marea zicală veche – „Vechiul este aurul”.