$lang['tuto'] = "سبق"; ?>$lang['tuto'] = "سبق"; ?> Fetch کا استعمال کرتے ہوئے JavaScript کے

Fetch کا استعمال کرتے ہوئے JavaScript کے ساتھ API POST کی درخواست بھیجنا

Alice Dupont
اتوار، 29 ستمبر، 2024 3:54:37 AM
API Authentication

بازیافت کے ساتھ API POST کی درخواست بھیجنے کا طریقہ سمجھنا

بھیجنا a APIs استعمال کرتے وقت ڈیٹا شیئرنگ اور تصدیق کے لیے ضروری ہے۔ یہ HTTP درخواستیں بھیجنے کا ایک قابل اعتماد طریقہ ہے اگر آپ جانتے ہیں کہ جاوا اسکرپٹ اور تکنیک لیکن درخواست کو درست طریقے سے بنانا کبھی کبھار غیر واضح ہو سکتا ہے، خاص طور پر جب ہیڈر کے ساتھ کام کرنا جیسے .

اس معاملے میں تصدیق کرنے کے لیے، آپ کو ایک بھیجنا ہوگا۔ API کے اختتامی نقطہ پر۔ مذکورہ بالا اختتامی نقطہ کے لیے ایک مخصوص ڈھانچہ کی ضرورت ہے، جس میں ایک ہیشڈ اسناد اور ایک . اس کے باوجود، آپ جس غلطی کا سامنا کر رہے ہیں اس سے ملتی جلتی غلطیوں کا اکثر سامنا ہوتا ہے، خاص طور پر جب بیرونی APIs کا استعمال کرتے ہوئے فارمیٹنگ کے سخت تقاضے ہوتے ہیں۔

یہ مضمون دکھائے گا کہ ایک بنانے کا طریقہ کا استعمال کرتے ہوئے طریقہ درست طریقے سے. ہم ممکنہ مسائل کی تشخیص کریں گے اور '500 انٹرنل سرور ایرر' جیسی عام غلطیوں کو روکنے کے لیے مناسب ہیڈر فارمیٹ کا مظاہرہ کریں گے جس کا آپ نے تجربہ کیا ہے۔

جب تک آپ کام کر لیں گے، آپ کو بخوبی معلوم ہو جائے گا کہ جاوا اسکرپٹ کو کس طرح جمع کرنا ہے۔ ، جو اس بات کی ضمانت دے گا کہ API سے کامیابی کے ساتھ رابطہ کیا گیا ہے اور مطلوبہ ڈیٹا واپس کر دیا گیا ہے۔

حکم استعمال کی مثال
fetch() get() فنکشن کا استعمال کرتے ہوئے HTTP درخواستوں کے ذریعے سرور سے رابطہ کیا جا سکتا ہے۔ اس کا استعمال اس مثال میں API کے اختتامی نقطہ پر POST کی درخواست جمع کرانے کے لیے کیا جاتا ہے۔
Authorization API کال جمع کرواتے وقت، بیئرر ٹوکن — جو کہ ہیشڈ اسناد اور API کلید پر مشتمل ہوتا ہے — توثیق کی سہولت کے لیے اتھارٹی ہیڈر کے ذریعے پاس کیا جاتا ہے۔
async/await کوڈ کو منظم کرنے کے لیے استعمال کیا جاتا ہے جو زیادہ قابل فہم انداز میں غیر مطابقت پذیر ہے۔ async فنکشنز کے ذریعے ایک وعدہ واپس کیا جاتا ہے، اور اس پر عمل درآمد اس وقت تک روک دیا جاتا ہے جب تک کہ وعدہ پورا نہ ہو۔
response.ok یہ پیرامیٹر طے کرتا ہے کہ آیا HTTP درخواست (اسٹیٹس کوڈ 200–299) کامیاب ہوئی تھی۔ ناکامی کے واقعات کو مناسب طریقے سے منظم کرنے کے لیے، اگر جواب قابل قبول نہ ہو تو ایک غلطی پھینک دی جاتی ہے۔
response.json() API جواب کے JSON باڈی کو پارس کرنے کے لیے استعمال کیا گیا۔ یہ جوابی سلسلے سے جاوا اسکرپٹ آبجیکٹ بناتا ہے۔
throw new Error() API کا جواب ناکام ہونے کی صورت میں اپنی مرضی کے مطابق غلطی کا پیغام پھینکتا ہے۔ یہ درست پیغامات دیتا ہے، جو زیادہ موثر غلطی کے انتظام کی سہولت فراہم کرتا ہے۔
console.assert() Console.assert() ایک ایسا ٹول ہے جو ڈیبگنگ اور ٹیسٹنگ کے لیے استعمال کیا جاتا ہے جو ٹیسٹوں میں بازیافت کے طریقہ کار کی درستگی کی تصدیق کرنے میں مدد کرتا ہے صرف ایک پیغام لاگ ان کرکے اگر مخصوص دعویٰ غلط ہے۔
Content-Type درخواست کے باڈی کا فارمیٹ مواد کی قسم کے ہیڈر میں بیان کیا گیا ہے، جو اس بات کو یقینی بناتا ہے کہ API ڈیٹا کو سمجھ سکتا ہے (اس معاملے میں درخواست/json)۔
try/catch غلطیوں کو سنبھالنے کے لیے async روٹینز میں استعمال کیا جاتا ہے۔ کوڈ جو غلطی کا سبب بن سکتا ہے ٹرائی بلاک میں موجود ہے، اور جو بھی خرابی پیدا ہوتی ہے اسے کیچ بلاک میں ہینڈل کیا جاتا ہے۔

POST درخواستوں کے لیے JavaScript Fetch API کو سمجھنا

فراہم کردہ اسکرپٹس کی بنیادی توجہ a بھیجنے پر ہے۔ جاوا اسکرپٹ کا استعمال کرتے ہوئے API میں طریقہ مناسب ہیڈر بھیجنا — خاص طور پر ہیڈر، جس میں API کلید اور ہیشڈ اسناد دونوں شامل ہیں - بنیادی چیلنج بنی ہوئی ہے۔ اس ڈیٹا کی توقع API سے بطور بیئرر ٹوکن کی جاتی ہے، جسے بعد میں تصدیق کے لیے سرور پر منتقل کیا جاتا ہے۔ اس مقبول تصدیقی تکنیک کا استعمال کرتے ہوئے کلائنٹ اور سرور کے درمیان بات چیت کرتے وقت حساس ڈیٹا، جیسے اسناد، کو خفیہ اور محفوظ کیا جاتا ہے۔

جب HTTP درخواستیں بھیجنے کی بات آتی ہے تو بازیافت کا طریقہ بہت لچکدار ہوتا ہے۔ بنیادی بازیافت ڈھانچہ پہلی اسکرپٹ مثال میں استعمال کیا گیا ہے، جہاں 'POST' پر سیٹ ہے۔ یہ API کو اشارہ کرتا ہے کہ ڈیٹا کو بازیافت کرنے کے بجائے بھیجا جا رہا ہے۔ اس صورت میں، آبجیکٹ ضروری ہے کیونکہ اس میں اتھارٹی کا فیلڈ ہوتا ہے، جہاں بیئرر ٹوکن بھیجا جاتا ہے۔ 'مواد کی قسم: ایپلیکیشن/json' سرور کو یہ بتانے کے لیے بھی شامل ہے کہ ڈیٹا JSON فارمیٹ میں منتقل کیا جا رہا ہے۔ اس کی عدم موجودگی میں درخواست کی سرور کی غلط تشریح کے نتیجے میں غلطیاں ہوسکتی ہیں۔

کوڈ کو مزید قابل فہم اور صاف ستھرا بنانے کے لیے، ہم متعارف کراتے ہیں۔ دوسری اسکرپٹ میں نحو۔ یہ طریقہ ان درخواستوں کا جواب دینے میں مدد کرتا ہے جو غیر مطابقت پذیر ہیں۔ ہم استعمال کرتے ہیں a کا استعمال کرتے ہوئے زنجیروں کے وعدوں کی جگہ میں بلاک اور پکڑو(). یہ کوڈ کو برقرار رکھنے میں آسان بناتا ہے اور غلطی سے نمٹنے کو منظم کرتا ہے۔ اگر API کے جواب میں کوئی مسئلہ ہے، تو ہم اس کی نشاندہی کرتے ہیں اور ایک مکمل پیغام ریکارڈ کرتے ہیں۔ یہ خاص طور پر ابتدائی درخواست کے دوران پیش آنے والی '500 انٹرنل سرور ایرر' جیسی خرابیوں کا ازالہ کرنے میں مددگار ہے۔

فیچ لاجک کو تیسرے حل میں اس کے اپنے فنکشن میں تقسیم کیا گیا ہے، جو زیادہ ماڈیولر حکمت عملی اپناتا ہے اور اسے دوبارہ قابل استعمال بناتا ہے۔ ہم ایک سادہ یونٹ ٹیسٹ بھی نافذ کرتے ہیں جو استعمال کرتا ہے۔ یہ تعین کرنے کے لیے کہ آیا بازیافت کی درخواست کا جواب درست ہے۔ آپ اس کے ماڈیولر ڈھانچے کی بدولت متبادل API اینڈ پوائنٹس یا تصدیقی تکنیک استعمال کرنے کے لیے فنکشن میں تیزی سے ترمیم کر سکتے ہیں۔ اس کی اندرونی غلطیوں سے نمٹنے کی صلاحیتوں کی وجہ سے، درخواست کے ناکام ہونے کی صورت میں بھی درخواست بصیرت انگیز رائے پیش کر سکتی ہے۔

اجازت کے ساتھ API POST کی درخواست بھیجنے کے لیے بازیافت کا استعمال کرنا

یہ مثال آپ کو دکھاتی ہے کہ جاوا اسکرپٹ کو کیسے استعمال کیا جائے۔ اجازت کے ہیڈر اور مناسب غلطی سے نمٹنے کے ساتھ POST کی درخواست بھیجنے کا طریقہ۔

// Solution 1: Simple Fetch API with Authorization
const apiKey = 'your_api_key';
const hashedCredentials = 'your_hashed_credentials';
const url = 'https://authservice.priaid.ch/login?format=json';

fetch(url, {
  method: 'POST',
  headers: {
    'Authorization': `Bearer ${apiKey}:${hashedCredentials}`,
    'Content-Type': 'application/json'
  }
})
.then(response => {
  if (!response.ok) {
    throw new Error('Network response was not ok');
  }
  return response.json();
})
.then(data => console.log('Success:', data))
.catch(error => console.error('Error:', error));

بازیافت کے ساتھ اجازت اور درخواست کی غلطیوں کو ہینڈل کرنا

یہ طریقہ خرابی سے نمٹنے کو بڑھا کر اور سوالات کے ناکام ہونے پر مکمل فیڈ بیک پیش کر کے قابل اعتماد API مواصلات کو یقینی بناتا ہے۔

// Solution 2: Fetch with Detailed Error Handling
async function postData() {
  const apiKey = 'your_api_key';
  const hashedCredentials = 'your_hashed_credentials';
  const url = 'https://authservice.priaid.ch/login?format=json';
  
  try {
    const response = await fetch(url, {
      method: 'POST',
      headers: {
        'Authorization': `Bearer ${apiKey}:${hashedCredentials}`,
        'Content-Type': 'application/json'
      }
    });
    
    if (!response.ok) {
      throw new Error(`Error ${response.status}: ${response.statusText}`);
    }
    
    const data = await response.json();
    console.log('Success:', data);
  } catch (error) {
    console.error('Fetch Error:', error.message);
  }
}
  
postData();

بازیافت اور یونٹ ٹیسٹنگ کے ساتھ ماڈیولر نقطہ نظر

اس ماڈیولر اپروچ میں بازیافت کی درخواست کی تصدیق کے لیے ایک سادہ یونٹ ٹیسٹ شامل ہے اور منطق کو افعال میں تقسیم کرتا ہے۔

// Solution 3: Modular Fetch Function with Unit Test
const fetchData = async (apiKey, hashedCredentials) => {
  const url = 'https://authservice.priaid.ch/login?format=json';
  
  try {
    const response = await fetch(url, {
      method: 'POST',
      headers: {
        'Authorization': `Bearer ${apiKey}:${hashedCredentials}`,
        'Content-Type': 'application/json'
      }
    });
    
    if (!response.ok) {
      throw new Error(`Error ${response.status}: ${response.statusText}`);
    }
    
    return await response.json();
  } catch (error) {
    return { success: false, message: error.message };
  }
};

// Unit Test
const testFetchData = async () => {
  const result = await fetchData('your_api_key', 'your_hashed_credentials');
  console.assert(result.success !== false, 'Test Failed: ', result.message);
  console.log('Test Passed:', result);
};

testFetchData();

API کی توثیق اور بازیافت کی درخواستوں میں خرابی سے نمٹنے پر توسیع

APIs کے ساتھ کام کرنے کے لیے یہ سمجھنے کی ضرورت ہوتی ہے کہ ہیڈرز اور ٹوکنز کا نظم کیسے کیا جاتا ہے، خاص طور پر ان کے لیے جن کی ضرورت ہوتی ہے۔ . میں بیئرر ٹوکن استعمال کرنے کا رواج ہے۔ API کی درخواست کا ہیڈر جسے آپ انجام دینے کی کوشش کر رہے ہیں۔ خفیہ کردہ اسناد کو منتقل کرکے، یہ تکنیک آپ کے کلائنٹ اور API کے درمیان محفوظ کنکشن کو قابل بناتی ہے۔ آپ کی ہیش شدہ اسناد اور API کلید عام طور پر بیئرر ٹوکن میں شامل ہوتے ہیں۔ 500 اندرونی سرور کی خرابی جیسے مسائل کو روکنے کے لیے اسے مناسب طریقے سے فارمیٹ کیا جانا چاہیے۔

کا استعمال کرتے ہوئے POST درخواستیں جمع کرانے کا ایک اہم عنصر اس بات کی تصدیق کر رہا ہے کہ API آپ کے فراہم کردہ مخصوص فارمیٹ اور ڈیٹا کی قسم وصول کرنے کے قابل ہے۔ اس بات کو یقینی بنانے میں مدد کے لیے کہ سرور آپ کی درخواست کے باڈی کو مناسب طریقے سے پڑھتا ہے، آپ 'Content-Type: application/json' استعمال کر سکتے ہیں۔ کبھی کبھار، APIs کو POST درخواست کے باڈی میں اضافی فیلڈز کی ضرورت پڑ سکتی ہے، بشمول فارم ڈیٹا یا استفسار کے پیرامیٹرز، جو پہلے دستاویزات سے واضح نہیں ہو سکتے تھے۔

قابل اعتماد پروگراموں کو تیار کرنا جو بیرونی APIs کے ساتھ بات چیت کرتے ہیں غلطی کے انتظام پر محتاط غور کرنے کی ضرورت ہے۔ آپ کو 500 غلطی کے علاوہ اضافی مسائل بھی ہو سکتے ہیں، جیسے کہ 404 غلطیاں یا 400 غلطیاں جو غلط ڈیٹا یا غلط اینڈ پوائنٹس سے متعلق ہیں۔ کا استعمال a بلاک، آپ کے کوڈ میں خامی کے جامع پیغامات اور لاگنگ سسٹم کے ساتھ، ان مسائل کی تشخیص اور حل میں مدد کر سکتا ہے۔ درخواستوں کو اپنے کوڈ میں شامل کرنے سے پہلے، پوسٹ مین یا کرل جیسے پروگراموں کے ساتھ ان کی جانچ کرنا ہمیشہ ایک اچھا خیال ہے تاکہ یہ یقینی بنایا جا سکے کہ سب کچھ ویسا ہی کام کرتا ہے جیسا کہ ہونا چاہیے۔

  1. بیئرر ٹوکن کیا ہے، اور یہ کیوں ضروری ہے؟
  2. ایک قسم کی توثیق کی تکنیک جو API کمیونیکیشن کی حفاظت کے لیے استعمال ہوتی ہے وہ بیئرر ٹوکن ہے۔ اس بات کو یقینی بنانے کے لیے کہ سرور جانتا ہے کہ درخواست کون کر رہا ہے، اسے کے ذریعے منتقل کیا جاتا ہے۔ آپ کی درخواست میں ہیڈر۔
  3. مجھے 500 اندرونی سرور کی خرابی کیوں آتی ہے؟
  4. 500 کی غلطی سرور کے ساتھ ایک مسئلہ بتاتی ہے۔ آپ کی مثال میں، یہ API کو فراہم کیے جانے والے ناقص ڈیٹا یا اس کی غلط فارمیٹنگ کا نتیجہ ہو سکتا ہے۔ ہیڈر
  5. میں بازیافت کی درخواست میں غلطیوں کو کیسے سنبھال سکتا ہوں؟
  6. ڈیبگنگ میں مدد کرنے کے لیے، استعمال کریں۔ ایک میں بلاک کسی بھی غلطیوں کا پتہ لگانے اور ان کے ساتھ ڈسپلے کرنے کا فنکشن .
  7. 'مواد کی قسم' ہیڈر کیا کرتا ہے؟
  8. آپ جس قسم کے ڈیٹا کو سرور پر منتقل کر رہے ہیں اس کی طرف اشارہ کیا گیا ہے۔ ہیڈر عام طور پر JSON فارمیٹ میں ڈیٹا منتقل کرنے کے لیے استعمال ہوتا ہے۔
  9. کیا میں فیچ فنکشن کو مختلف APIs میں دوبارہ استعمال کر سکتا ہوں؟
  10. ہاں، آپ اسے ماڈیولر بنا کر اور ہیڈر، باڈی، اور API اینڈ پوائنٹ کو بطور دلیل فراہم کر کے متعدد APIs کے لیے بازیافت فنکشن کو آسانی سے دوبارہ استعمال کر سکتے ہیں۔

بیرونی خدمات کے ساتھ کام کرنے کے لیے آپ کو API POST درخواستیں بھیجنے کے لیے JavaScript استعمال کرنے کا طریقہ سیکھنے کی ضرورت ہوتی ہے۔ آپ غلطیوں کا صحیح طریقے سے انتظام کرکے تصدیق شدہ درخواستیں کرنے کے اپنے امکانات کو نمایاں طور پر بڑھا سکتے ہیں، اس بات کو یقینی بناتے ہوئے ہیڈر شامل ہے، اور منظم کرنا طریقہ

500 انٹرنل سرور ایرر جیسی خرابیاں اکثر ڈیٹا کی فارمیٹنگ یا درخواست کے ڈھانچے میں مسائل کی نشاندہی کرتی ہیں۔ اس قسم کے مسائل کو محتاط ہیڈر مینجمنٹ اور مکمل ایرر میسج ڈیبگنگ کے ساتھ حل کرنا آسان ہے۔

  1. جاوا اسکرپٹ میں بازیافت کے ساتھ POST درخواست کی تشکیل کے بارے میں تفصیلات، بشمول اجازت کے ہیڈر کو سنبھالنا: MDN Web Docs - Fetch API
  2. POST درخواست کا استعمال کرتے ہوئے بیئرر ٹوکنز کے ساتھ تصدیق کرنے کے طریقے کے بارے میں رہنمائی پیش کرنے والی API دستاویزات: Priaid تصدیقی سروس
  3. جاوا اسکرپٹ کی درخواستوں کے لیے غلطی سے نمٹنے کے لیے جامع وسائل، عام مسائل جیسے کہ 500 اندرونی سرور کی خرابی پر توجہ مرکوز کرتے ہوئے: MDN ویب دستاویزات - HTTP 500 اسٹیٹس کوڈ