📘 MATERI API

API (Application Programming Interface) adalah antarmuka yang memungkinkan aplikasi berbeda berkomunikasi dan saling bertukar data. Dalam konteks sistem informasi kampus, API digunakan agar aplikasi seperti portal mahasiswa, akademik, dan keuangan bisa saling terhubung.

🔹 Fungsi API

Menghubungkan sistem yang berbeda (integrasi data antar aplikasi)
Mempercepat pengembangan (frontend dan backend bisa dikerjakan paralel)
Menjamin konsistensi data (semua aplikasi membaca data dari API yang sama)
Mendukung keamanan dan kontrol akses (misal dengan token)

🔹 Komponen REST API

Endpoint: URL sumber data, misal https://api.kampus.ac.id/mahasiswa
Method: Operasi HTTP seperti GET, POST, PUT, DELETE
Header: Metadata permintaan (contoh: Content-Type: application/json)
Body: Data JSON yang dikirim pada POST atau PUT

🔹 Jenis HTTP Method (CRUD)

Method	Fungsi	Contoh Endpoint	Deskripsi
GET	Baca data	/mahasiswa	Ambil daftar mahasiswa
POST	Tambah data	/mahasiswa	Tambah mahasiswa baru
PUT	Perbarui data	/mahasiswa/1	Perbarui data mahasiswa tertentu
DELETE	Hapus data	/mahasiswa/1	Hapus mahasiswa berdasarkan ID

🔹 Contoh Format Request/Response

// Request: GET /mahasiswa/1
{
  "method": "GET",
  "url": "https://api.kampus.ac.id/mahasiswa/1"
}

// Response JSON
{
  "id": 1,
  "nama": "Yanti",
  "nim": "20211001",
  "prodi": "Sistem Informasi"
}

🌐 MATERI CORS (Cross-Origin Resource Sharing)

CORS adalah mekanisme keamanan di browser yang membatasi situs web agar tidak sembarangan mengambil data dari domain lain tanpa izin.

🔹 Contoh Kasus

Frontend Anda di http://localhost:3000
API berada di https://api.kampus.ac.id

Ketika frontend melakukan request ke domain berbeda, browser akan mengirim preflight request (OPTIONS) untuk memastikan server API mengizinkan akses.

🔹 Solusi Mengatasi CORS Error

Aktifkan header di server API:
```
Access-Control-Allow-Origin: *
```
Gunakan proxy lokal (misal: vite.config.js atau webpack-dev-server)
Gunakan server backend yang sama origin (subdomain yang sama)

Catatan: CORS hanya berlaku pada browser, bukan pada alat seperti Postman atau Curl.

🧩 PLAYGROUND CRUD DATA MAHASISWA

Simulasi ini menggunakan API publik https://jsonplaceholder.typicode.com/users yang berfungsi seperti data mahasiswa kampus.

Mengambil data dari server...

Gambaran Sederhana