Practice Set 1: Request အခြေခံများ

ခဏလေး ဒီလိုပဲ စဉ်းစားကြည့်

ဒီ Practice Set က အသစ်သင်ခန်းစာမဟုတ်ဘဲ Auth Overview, HTTP Methods, Response Shape သင်ခန်းစာတွေမှာ သင်ခဲ့ပြီးသား concept တွေကို လက်တွေ့ request ရေးပြီး အားစမ်းကြည့်ဖို့ ရည်ရွယ်ပါတယ်။ Header name တွေရဲ့ case sensitivity, Bearer Token vs API Key ခွဲခြားနိုင်မှု၊ JSON response ထဲက field တစ်ခုချင်းကို ထုတ်ယူတတ်မှု တို့ကို အဓိက စစ်ဆေးပါလိမ့်မယ်။ Task တစ်ခုစီက 5 မိနစ်ခန့်ပဲ ကြာမှာဖြစ်ပြီး code editor တစ်ခုနဲ့ terminal ရှိရင် လုံလောက်ပါတယ်။

လေ့ကျင့်ခန်းများ

Task 1: GET /v1/users ကို Authorization: Bearer <token> header ထည့်ပြီး fetch လုပ်ကာ response.status ကို console.log ထုတ်ပါ။ Task 2: အထက်က request ကို Bearer Token အစား X-API-Key: <key> header နဲ့ ပြန်ရေးပြီး ခေါ်ကြည့်ကာ ရလဒ် Header ပုံစံ ဘာကွာသွားလဲ ဆင်ခြင်ကြည့်ပါ။ Task 3: အောက်က sample JSON response { "data": [{ "id": "u_1", "name": "Alice", "email": "alice@example.com" }] } ကို variable တစ်ခုမှာ ထားပြီး ပထမ user ရဲ့ email field တစ်ခုတည်းကိုသာ ထုတ်ယူပြီး print လုပ်ပါ။

• Bearer Token auth request ကို ရေးပြီး status code ကို ဖတ်နိုင်ပြီးပြီ
• API Key style header (X-API-Key) ကို ရေးနိုင်ပြီး Bearer နဲ့ ကွာခြားချက် နားလည်ပြီးပြီ
• JSON response ထဲက nested field (email) ကို ခွဲထုတ်နိုင်ပြီးပြီ

Code နမူနာ

// Task 1
async function task1() {
  const res = await fetch('https://api.example.com/v1/users', {
    headers: { Authorization: 'Bearer YOUR_TOKEN' },
  });
  console.log('status:', res.status);
}

// Task 2 - TODO: X-API-Key header နဲ့ ပြန်ရေးပါ
async function task2() {
  // const res = await fetch(..., { headers: { 'X-API-Key': 'YOUR_KEY' } });
}

// Task 3
const sample = {
  data: [{ id: 'u_1', name: 'Alice', email: 'alice@example.com' }],
};
const firstEmail = sample.data[0].email; // TODO: verify
console.log(firstEmail);

Task 1 က terminal မှာ status: 200 (သို့) 401 ပြပြီး Task 3 က alice@example.com ဆိုတဲ့ string တစ်ခုတည်း print ထွက်လာပါလိမ့်မယ်။