API larni qanday ishlatish va ularga so’rov yuborish? 🚀

Assalomu alaykum, aziz dasturchilar va texnologiya ixlosmandlari!

Bugungi postimizda API lar bilan ishlashning amaliy jihatlariga e’tibor qaratamiz. API lar yordamida turli xizmatlardan ma’lumot olish va ularni dasturlarimizda qo’llashni o’rganamiz.

🌐 API lar bilan ishlashning asosiy bosqichlari:

1️⃣ API ni tanlash va hujjatlarini o’rganish.

2️⃣ So’rov yuborish usullarini aniqlash (GET, POST, PUT, DELETE).

3️⃣ So’rovlarni yuborish va javoblarni qabul qilish.

4️⃣ Ma’lumotlarni tahlil qilish va dasturda qo’llash.

📌 1. API ni tanlash va hujjatlarini o’rganish

Avvalo, siz foydalanmoqchi bo’lgan API ni tanlashingiz kerak. Masalan, ob-havo ma’lumotlarini olish uchun OpenWeatherMap API dan foydalanish mumkin. API hujjatlari uning funksiyalari, endpoint lari va parametrlarini tushuntiradi.

🔗 Misol uchun: OpenWeatherMap API hujjatlari

📌 2. So’rov yuborish usullarini aniqlash

API lar odatda HTTP protokoli orqali ishlaydi va quyidagi usullardan foydalanadi:

• GET: Ma’lumot olish.
• POST: Ma’lumot jo’natish yoki yaratish.
• PUT: Ma’lumotni yangilash.
• DELETE: Ma’lumotni o’chirish.

📌 3. So’rovlarni yuborish va javoblarni qabul qilish

So’rovlarni yuborish uchun turli vositalardan foydalanish mumkin:

• Postman: So’rovlarni test qilish uchun qulay dastur.
• Fetch API: JavaScript da so’rov yuborish uchun ishlatiladi.
• Axios: JavaScript uchun HTTP mijoz kutubxonasi.

🔧 JavaScript misoli:

Keling, JavaScript va Fetch API yordamida OpenWeatherMap API ga GET so’rovi yuborishni ko’rib chiqamiz.

// API endpoint va parametrlar
const url = 'https://api.openweathermap.org/data/2.5/weather';
const params = {
  q: 'Tashkent',
  appid: 'SIZNING_API_KALITINGIZ',
  units: 'metric',
  lang: 'uz'
};

// Parametrlarni URL ga qo'shish
const queryString = new URLSearchParams(params).toString();
const requestUrl = `${url}?${queryString}`;

// So'rov yuborish
fetch(requestUrl)
  .then(response => {
    if (!response.ok) {
      throw new Error(`So'rovda xatolik yuz berdi: ${response.status}`);
    }
    return response.json();
  })
  .then(data => {
    console.log(`Shahar: ${data.name}`);
    console.log(`Harorat: ${data.main.temp}°C`);
    console.log(`Tavsif: ${data.weather[0]['description']}`);
  })
  .catch(error => {
    console.error(error);
  });