Flutter Dio Paketi Kullanımı

Merhaba! Bu günkü incelememizde, Flutter geliştiricileri arasında yaygın olarak kullanılan Dio paketini detaylı bir şekilde ele alacağız.

Dio Paketi Nedir?

Flutter uygulamalarında dış servislerle etkileşim sağlamak, genellikle HTTP istekleri üzerinden gerçekleştirilir. Bu noktada, birçok farklı yol bulunsa da, Dio paketi geniş özelleştirme seçenekleri, kullanım kolaylığı ve gelişmiş özellikleri ile dikkat çeker.

Dio, özellikle RESTful API’lerle çalışmak isteyen Flutter geliştiricileri için ideal bir çözümdür. Standart HTTP istekleri (GET, POST, DELETE, PUT vb.) için basit bir API sağlayarak geliştiricilere kolay bir kullanım sunar. Dio’nun bu özellikleri, Flutter uygulamalarının dış servislerle sorunsuz bir şekilde iletişim kurmasını sağlar.

Get Ulaş Başkirişçi’s stories in your inbox

Join Medium for free to get updates from this writer.

Remember me for faster sign in

Projemize Dio paketini eklemek için öncelikle pubspec.yaml dosyasını açın. Ardından, dependencies bölümüne aşağıdaki gibi Dio paketini ekleyin

Alternatif olarak, Dio paketini Flutter projesine eklemek için terminal veya komut istemcisine giderek flutter pub add dio komutunu çalıştırın. Bu komut, Dio paketini projenize ekler ve aynı zamanda pubspec.yaml dosyanızı günceller.

Dio İstek Ayarlarını Yapılandırma

import 'package:dio/dio.dart';

Dio createDio() {
  return Dio(
    BaseOptions(
      baseUrl: 'https://jsonplaceholder.typicode.com',//Temel URL
      connectTimeout: 5000, // Bağlantı zaman aşımı (5 saniye)
      receiveTimeout: 3000, // Yanıt alma zaman aşımı (3 saniye)
      headers: {
        'customHeader': 'header value',
      },
    ),
  );
}

1. connectTimeout: Bu, bir HTTP isteği gönderildikten sonra, isteğin sunucuyla başarıyla bağlantı kurması için geçen süreyi belirler. Eğer belirtilen süre içinde bağlantı kurulamazsa, Dio isteği başarısız olarak işaretler.
2. receiveTimeout: Bu, bir HTTP isteği gönderildikten sonra, sunucudan yanıt alınması için geçen süreyi belirler. Eğer belirtilen süre içinde yanıt alınamazsa, Dio isteği başarısız olarak işaretler.
3. headers: HTTP isteği sırasında gönderilecek başlıkları (headers) belirlemek için kullanılır. Başlıklar, bir isteği veya yanıtı tanımlayan anahtar-değer çiftleridir. Genellikle yetkilendirme bilgileri, özel bilgiler veya isteği daha iyi tanımlayan bilgiler içerir.

Şimdi Dio nesnemizi oluşturduk ve GET, POST, DELETE, PUSH örneklerine birlikte göz atalım.

Dio ile Basit Bir GET İsteği

import 'package:dio/dio.dart';

// HTTP yanıtını değerlendiren fonksiyon
  void handleResponse(Response response) {
    if (response.statusCode == 200) {
      // Başarılı yanıtın içeriğini alın
      var responseData = response.data;

      // Alınan veriyi işleyin (örneğin, ekrana yazdırın)
      print(responseData);
    } else {
      // Hata durumunda yanıtı işleyin
      print('Hata: ${response.statusCode}');
    }
  }

  void main() async {
    try {
      // Dio nesnesini oluşturun
      Dio dio = createDio();

      // GET isteği yapın
      Response response = await dio.get('/posts/1');

      // Yanıtı kontrol et ve işleyin
      handleResponse(response);
    } catch (e) {
      // Hata durumunda isteği işleyin
      print('İstek hatası: $e');
    }
  }

Yukarıdaki örnekte, HTTP yanıtını değerlendirmek üzere bir fonksiyon eklenmiş ve Dio nesnesi oluşturulmuştur. Ardından, dio.get() metodu ile belirtilen URL'ye GET isteği yapılmaktadır. Elde edilen yanıt, response.data üzerinden alınarak konsola yazdırılmaktadır.

Dio ile Basit Bir POST İsteği

import 'package:dio/dio.dart';

void main() async {
  try {
    // Dio nesnesini oluşturun
    Dio dio = createDio();

    // POST isteği için veriler
    Map<String, dynamic> postData = {
      'title': 'Flutter Dio',
      'body': 'Dio paketi ile POST isteği',
      'userId': 1,
    };

    // POST isteği yapın
    Response response = await dio.post('/posts', data: postData);

    // Yanıtı kontrol et ve işleyin
    handleResponse(response);
  } catch (e) {
    // Hata durumunda isteği işleyin
    print('İstek hatası: $e');
  }
}

POST isteği yaparken genellikle data parametresi kullanılır. Bu parametre, sunucuya gönderilecek olan veriyi içerir. Yukarıdaki örnekte, title, body ve userId alanlarından oluşan bir veri gönderiyoruz.

Dio ile Basit Bir DELETE İsteği

import 'package:dio/dio.dart';

void main() async {
  try {
    // Dio nesnesini oluşturun
    Dio dio = createDio();

    // DELETE isteği için silinecek öğenin ID'si
    int postIdToDelete = 1;

    // DELETE isteği yapın
    Response response = await dio.delete('/posts/$postIdToDelete');

    // Yanıtı kontrol et ve işleyin
    handleResponse(response);
  } catch (e) {
    // Hata durumunda isteği işleyin
    print('İstek hatası: $e');
  }
}

DELETE isteği yaparken delete metodu kullanılır ve sadece silinecek öğenin ID'si DELETE isteğinin yapıldığı URL'ye eklenir. Elde edilen yanıt, response.data üzerinden alınarak konsola yazdırılmaktadır.

Dio ile Basit Bir PUT İsteği

import 'package:dio/dio.dart';

void main() async {
  try {
    // Dio nesnesini oluşturun
    Dio dio = createDio();

    // PUT isteği için güncellenecek öğenin ID'si
    int postIdToUpdate = 1;

    // PUT isteği için veriler
    Map<String, dynamic> updatedData = {
      'title': 'Flutter',
      'body': 'Dio paketi ile POST isteği',
      'userId': 1,
    };

    // PUT isteği yapın
    Response response = await dio.put('/posts/$postIdToUpdate', data: updatedData);

    // Yanıtı kontrol et ve işleyin
    handleResponse(response);
  } catch (e) {
    // Hata durumunda isteği işleyin
    print('İstek hatası: $e');
  }
}

PUT isteği yaparken genellikle data parametresi kullanılır. Bu parametre, sunucuya gönderilecek olan veriyi içerir. Yukarıdaki örnekte, title, body ve userId alanlarından oluşan bir veriyi güncelliyoruz.

Sonuç

Flutter’da HTTP istekleri yaparken, Dio paketi öne çıkar ve geniş özelleştirme seçenekleriyle kullanım kolaylığı sunar. API isteklerini yönetirken vazgeçilmez bir araç olan Dio, temel kullanımlarını ve özelleştirme seçeneklerini bu makalede ele aldık. Bununla birlikte, Dio yalnızca geniş bir özellik yelpazesi sunmakla kalmaz, aynı zamanda yüklemeleri izleme, hata işleme, çerez yönetimi gibi birçok ek özellikle de dikkat çeker. Dio’nun tüm avantajlarını keşfetmek için resmi dokümantasyonu inceleyebilirsiniz. tıklayarak erişebilirsiniz

Umarım bu yazı, Dio paketiyle ilgili genel bir anlayış sunar ve HTTP isteklerini daha etkili bir şekilde yönetmenize yardımcı olur. Okuyan herkese teşekkürler. İyi çalışmalar.