كيف أربط موقعي بـ API لعرض سعر العملات؟

يوجد العديد من المواقع المجانية ولكن بالطبع لها قيود وعدد من الإستخدامات الشهرية التي لا يمكن تخطيها إلا بإشتراك .

فمثلا يوجد موقع ExchangeRate Host وهو  مجاني بالكامل ويدعم معظم العملات ولكن يوجد قيد وهو 100 طلب فقط خلال الشهر.

أيضا يوجد FreeCurrencyAPI وهو مجاني للاستخدام الأساسي ويتطلب تسجيل للحصول على مفتاح API.

يوجد أيضا CurrencyFreaks وهو مجاني مع مفتاح API.

و أيضا ExchangeRatesAPI.

ونعم يمكن إستخدام فقط java script دون الحاجة إلى خادم فقط تقوم بإرسال الطلبات من خلال fetch في جافاسكريبت :

const API_KEY = 'your api key here';
fetch(`https://api.exchangerate.host/latest?base=USD&symbols=USD,EUR&access_key=${API_KEY}`)
  .then(response => response.json())
  .then(data => {
    const usd = data.rates.USD;
    const eur = data.rates.EUR;
    document.getElementById('usd').textContent = usd;
    document.getElementById('eur').textContent = eur;
  })
  .catch(error => {
    console.error('حدث خطأ:', error);
  });

ولكن المشكلة الأساسية هنا أن ال api key الخاص بك مكشوف للجميع ويمكن لأى شخص الإطلاع عليه وإستخدامه لو كان مدفوعا أو حتى مجانيا مما يجعل الموقع الخاص بك عرضة للإختراق أو إستخدام خاطئ .

لهذا الأفضل إستخدام واجهة خلفية ترسل لها الطلب وفي الواجهة الخلفية تستخدم ال api key لإرسال الطلب ومن ثم إعادة البيانات دون عرض ال api key في الواجهة.