Sobes.tech
Middle

Düyməyə klik edildikdə məlumatların ötürülməməsi halında səhvləri necə lokalizasiya edəcəksiniz?

sobes.tech Süni İntellekt

AI-dan cavab

  1. Tətbiq, server və məlumat bazasının loglarını yoxlayın.
  2. Şəbəkə sorğularını inkişaf etdirici alətlər (məsələn, Chrome DevTools, Fiddler) vasitəsilə səhvlər üçün yoxlayın (status kodları, sorğunun olmaması).
  3. Klient və server kodunu səhvləri tapmaq üçün debug edin, klik hadisə işləyicisi və məlumat göndərən metodda dayanma nöqtələri qoyun.
  4. Məlumatların göndərildiyi API və ya endpoint konfiqurasiyasını yoxlayın.
  5. Sorğunun gövdəsinin (payload) və onun məzmununun düzgün olduğundan əmin olun.
  6. Əməliyyatı yerinə yetirmək üçün giriş hüquqları və autentifikasiyanı yoxlayın.
  7. Problemi izolyasiya etmək üçün xarici alətlərlə (məsələn, Postman) və ya minimal test skripti yazmaqla məlumat göndərməni test edin.
  8. API sənədlərini və məlumat formatı tələblərini nəzərdən keçirin.
  9. Əgər istifadə olunursa, firewall və ya proxy konfiqurasiyalarını yoxlayın.
  10. Məlumatların göndərilməsinə mane ola biləcək paralel proseslər və ya bloklamaları yoxlayın.

JavaScript-də debug nümunəsi (müştəri tərəfi):

// Klik hadisə işləyicisinin debug nümunəsi
document.getElementById('myButton').addEventListener('click', function() {
  console.log('Düymə klikləndi.'); // Handler-in işlədiyini yoxlayın
  const dataToSend = { key: 'value' }; // Göndəriləcək məlumatlar
  console.log('Göndəriləcək məlumatlar:', dataToSend); // Yaradılan məlumatları yoxlayın

  fetch('/api/sendData', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
    },
    body: JSON.stringify(dataToSend),
  })
  .then(response => {
    console.log('Fetch cavabı alındı.'); // Cavabın alındığını yoxlayın
    if (!response.ok) {
      throw new Error(`HTTP xətası! status: ${response.status}`); // HTTP xətalarını idarə edin
    }
    return response.json();
  })
  .then(data => {
    console.log('Cavab məlumatları:', data); // Cavab məlumatlarını yoxlayın
  })
  .catch(error => {
    console.error('Məlumatların göndərilməsində xəta:', error); // Xətaları qeyd edin
  });
});

Chrome DevTools-da şəbəkə sorğusunun yoxlanması nümunəsi:

  1. DevTools-u açın (F12).
  2. "Network" tabına keçin.
  3. Tətbiqdəki düyməyə klikləyin.
  4. Göndərilməli olan sorğunu tapın.
  5. Status kodunu yoxlayın (uğurlu üçün 2xx olmalıdır).
  6. "Headers", "Payload", "Preview", "Response" tablarını yoxlayaraq sorğu və cavabın detalları ilə tanış olun.

Server loglarını yoxlama nümunəsi (Python/Flask):

# Sorğu handler-də log nümunəsi
@app.route('/api/sendData', methods=['POST'])
def send_data():
    try:
        data = request.get_json()
        app.logger.info(f"Qəbul edilən məlumatlar: {data}") # Qəbul edilən məlumatları qeyd edin
        # ... məlumatların işlənməsi ...
        return jsonify({"status": "success"}), 200
    except Exception as e:
        app.logger.error(f"Məlumatların işlənməsində xəta: {e}") # Xətaları qeyd edin
        return jsonify({"status": "error", "message": str(e)}), 500

Müştəridən göndərilən məlumatlar və serverdə alınan məlumatların müqayisəsi də uyğunsuzluqları aşkar etməkdə kömək edə bilər.