Apa itu API · Kode bersama Martin

Temukan bagaimana situs web berkomunikasi satu sama lain – dan bagaimana situs web kamu dapat menanyakan tentang cuaca, peta, atau AI.

Seorang pelayan di antara dua dapur

Bayangkan sebuah restoran. kamu (situs web kamu) ingin memesan makanan, tetapi kamu tidak diizinkan masuk ke dapur (layanan asing – cuaca, peta, AI). Itulah gunanya pelayan – mereka menerima pesanan kamu, membawanya ke dapur, dan membawakan kamu kembali hidangan yang sudah jadi.

Pelayan itu disebut API (Application Programming Interface). Ini adalah cara yang disepakati bagi program untuk saling meminta data:

Situs web kamu mengirimkan permintaan (“Bagaimana cuaca besok di Brno?”).
API meneruskannya ke layanan yang mengetahui jawabannya.
Layanan mengembalikan respons dalam format yang disepakati.

Tunjukkan pada saya: JSON – bahasa bersama

Program membalas satu sama lain dalam format JSON. Tampilannya hampir seperti objek JavaScript, yang sudah kamu ketahui dari Magician:

{
  "mesto": "Brno",
  "teplota": 21,
  "slunecno": true,
  "dny": ["Saturday", "Sunday"]
}

Teks dalam tanda kutip, angka tidak.
benar/salah kamu sudah mengetahuinya dari kondisi.
Tanda kurung siku = daftar, kurung kurawal = objek.

Cobalah sekarang – buka alamat ini di browser kamu (ini adalah API cuaca nyata, gratis, tidak perlu registrasi):

https://api.open-meteo.com/v1/forecast?latitude=49.19&longitude=16.61&current_weather=true

kamu akan melihat JSON dengan cuaca saat ini di Brno. Tanpa grafik – hanya data murni. kamu bisa membuat grafik di sekitarnya!

💡

API ada di mana-mana. Saat aplikasi seluler menampilkan prakiraan cuaca, jadwal bus, atau peta, aplikasi tersebut hampir tidak pernah memiliki datanya – aplikasi tersebut menanyakannya melalui API. Sekarang kamu belajar melakukan hal yang sama.

Giliran kamu 💪

Buka alamat di atas di browser kamu dan temukan suhu dan kecepatan angin saat ini di responsnya.
Coba ubah lintang dan bujur pada alamat ke koordinat kota kamu (temukan di layanan peta – klik kanan → “Apa di sini?”).
Tuliskan 2–3 ide untuk proyek kamu tentang data luar apa yang akan berguna di situs web kamu:

🏫 Situs web sekolah – ide

Cuaca untuk piknik sekolah, peta lokasi sekolah, menu makan siang dari API kantin (jika ada), hari libur dan istirahat sekolah.

🙋 Situs web pribadi – ide

Cuaca di kota kamu, peta tempat-tempat yang pernah kamu kunjungi, chatbot AI yang menjawab pertanyaan tentang kamu bagi pengunjung.

🌍 Jurnal perjalanan – ide

Peta dengan pin untuk perjalanan kamu, cuaca di tujuan kamu berikutnya, konversi mata uang untuk anggaran perjalanan kamu.

⚽ Situs web klub – ide

Cuaca untuk pertandingan akhir pekan, peta lapangan untuk tim tamu, bantuan AI yang menjelaskan aturan sepak bola.

✅

Periksa: kamu dapat menjelaskan apa itu API (pelayan antar program) dan mengenali JSON. kamu telah melihat respons API nyata di browser kamu.

Apa yang bisa diambil dari pelajaran ini

API = cara yang disepakati bagi program untuk saling meminta data.
Respons datang dalam JSON – objek dan daftar seperti di JavaScript.
Pada pelajaran berikutnya kamu akan menarik data dari API langsung ke situs web kamu menggunakan fetch.