Yh Finance API yordamida tanlangan aktsiyalarning jonli tafsilotlarini oling

Bu Yh Finance-dan foydalangan holda jonli ma'lumotlarga ega shaxsiy boshqaruv panelini yaratishning oddiy usuli. Men oddiy JavaScript yordamida oddiy versiyani yaratdim. Siz o'zingizning tasavvuringizning istalgan darajasida uni qurishingiz mumkin. Bu erda asosiy maqsad barcha kerakli ma'lumotlarni bir qarashda olishdir. Birja ma'lumotlarini olish uchun turli sahifalarni ko'rib chiqishdan qochib, ko'p vaqtni tejaysiz.

Qimmatli qog'ozlar bozori portfelini faol boshqaradigan odamlar soni sezilarli darajada oshdi. Har bir aktsiya bo'yicha jonli ma'lumotlarni ko'rish uchun ular uchun juda ko'p ilovalar mavjud. Ushbu ilovalarning barchasi ma'lumotlarning to'liqligiga qaratilgan. Shunday qilib, ular juda ko'p tafsilotlarni namoyish etadilar, bu esa siz aniq narsalarni qidirsangiz, sizni bezovta qiladi. Rostini aytsam, agar siz fond bozorida 6 oydan ko'proq vaqt davomida faol bo'lgan bo'lsangiz, sizda allaqachon narsalarning ta'mi paydo bo'lgan. Ba'zi aktsiyalar uchun barcha ma'lumotlarni tekshirishingiz shart emas. Ehtimol, siz tranzaktsiyalarni amalga oshirmoqchi bo'lgan aktsiyalar to'plamini allaqachon ko'rgansiz. Siz ushbu zaxiralarning 3 yoki 4 ta parametrini muntazam tekshirib turasiz. Har safar uni qayta ko'rib chiqishga qaror qilganingizda, 30-40 daqiqa vaqtingiz ketadi. Bu takrorlanadigan va zerikarli jarayon.

Endi, agar sizda JavaScript yoki boshqa dasturlash tili bo'yicha minimal bilimingiz bo'lsa, menda siz uchun yechim bor. Bu sizga ko'p vaqtni tejaydi. Siz o'zingiz xohlagan ma'lum aktsiyalarning o'ziga xos parametrlarini bitta sahifada ko'rishingiz mumkin. Siz ko'proq jadval kabi asboblar paneli yaratasiz.

API ko'plab yangi boshlanuvchilar uchun qo'rqinchli atama bo'lishi mumkin. Men buni siz uchun soddalashtiraman. Bu iltimos. Bunday holda, ba'zi qo'shimcha parametrlarga ega bo'lgan URL. Siz uni serverga yuborasiz va unga javoban kerakli ma'lumotlarni olasiz. Siz kerakli narsani ko'rsatish uchun ushbu ma'lumotlarni qayta ishlashingiz va qolganlarini e'tiborsiz qoldirishingiz mumkin. Xavotir olmang, men siz uchun qiyin qismni qildim. To'liq kodni ushbu git omborida ko'rishingiz mumkin - "https://github.com/sai122/YhfinanceApiDash.git"

Bu asosiy tartib bilan oddiy amalga oshirish. Unda html fayli bor — uni brauzerda oching. Sizga qo'shimcha dasturiy ta'minot kerak emas, serverni ishga tushirishingiz shart emas. Siz aktsiyalar to'plamini va ularning jonli narxlarini ko'rasiz. Bu shunchaki tayanch, men uning ishlashi va unga qanday qilib ko'proq qo'shish mumkinligi haqida batafsil ma'lumot beraman.

Ushbu dasturning eng muhim qismi API hisoblanadi. Yh Finance - bu bepul API provayderi. Bu brauzerdan faylni ochishdan tashqari qiladigan yagona qo'shimcha qadamdir. Siz shunchaki ro'yxatdan o'tishingiz va bepul kalitni olishingiz kerak. “MY-API-Key” ni shu kalit bilan almashtiring.

const apiKey = “MY-API-Key”;

Men tanlagan 10 ta aktsiya to'plamini yozdim. Siz ularni o'zingiz tanlaganlar bilan almashtirishingiz mumkin.

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

javascript funktsiyasining birinchi qismi so'rovni shakllantirish bilan bog'liq. Men uni asosiy URL bilan ishga tushirdim va unga barcha zaxiralarni qo'shdim. Endi bizda URL tayyor. Biz Yh moliya serveriga berilgan so'rovni yuborishimiz mumkin.

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

Bu so'rovda ko'rsatilgan barcha aktsiyalar bo'yicha real vaqt ma'lumotlariga ega bo'lgan javobni qaytaradi. Men faqat aktsiyaning narxi va nomini quyidagicha ko'rsatdim.

Serverdan qaytarilgan qoʻshimcha maʼlumotlardan tanlashingiz mumkin. Bu aktsiya uchun qaytaradigan barcha ma'lumotlarga misol.

Yuqoridagi skrinshotlarda kerakli maydonlarni topganingizdan so'ng ularni quyidagi tarzda qo'shish kifoya.

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;

Bu siz tanlagan maydonlarni jadvalga qo'shadi. Mana, siz tanlagan maydonlar bilan cheklangan aksiyalar uchun shaxsiylashtirilgan boshqaruv paneli. Siz qo'shishingiz mumkin bo'lgan maydonlar mavjud, ular ham ulardan emas. Aytaylik, sizda mavjud bo'lgan aktsiyalar soni yoki ularni sotib olgan narx. Joriy foyda/zarar kabi yangi maydonlarni yaratish uchun ularni aralashtirishingiz mumkin. O'zingizning talabingiz asosida aralashtirib, moslashtiring.

Bu eski maktab jadvaliga o'xshab ketishi mumkin. Bilaman, lekin bu siz tasavvur qila olmaydigan darajada samarali. Masalan, taqvimingizga qarang. Mavzu, displey va materialga nisbatan ko'p narsa o'zgargan, ammo asosiy mohiyat - bu jadval. Bu hech qachon o'zgarmagan. Chunki bu bir qarashda ko'p ma'lumotlarni etkazishning eng samarali usuli. Qadimgi buyuk naqlning sababi bor - "Qari - oltin".

Yh Finance API yordamida tanlangan aktsiyalarning jonli tafsilotlarini oling

Shu kabi savollar