API Bağlantısı ile Özel Aksiyonlar Oluşturun

5/10/26

Kuika platformunda uygulama geliştirirken API ile özel aksiyonlar oluşturmak, uygulamanızın işlevselliğini genişletmek ve veri işlemlerini daha dinamik hale getirmek için güçlü bir yöntemdir. Kuika Datasources modülü aracılığıyla Swagger API kullanarak uygulamalarınıza çeşitli veri kaynağı bağlantıları ve aksiyonlar ekleyebilirsiniz.

Bu eğitim içeriğinde API ile özel aksiyonların nasıl oluşturulacağını, nasıl yapılandırılacağını ve uygulama geliştirme sürecinde neden önemli olduğunu öğreneceksiniz.

Swagger API ile Veri Kaynağı Bağlantısı Kurma

Kuika platformuna giriş yapın ve Apps ekranından çalışacağınız projeyi açın.
Üst menüden Datasources modülüne gidin.
Açılan ekranda Create an API kartına tıklayın. (Alternatif olarak sol paneldeki Sources başlığının yanında bulunan + ikonunu da kullanabilirsiniz.)
Açılan listede APIs & Services başlığı altındaki Swagger API seçeneğini seçin.
Açılan ekranın üst kısmındaki düzenleme (kalem) ikonuna tıklayarak veri kaynağına bir isim verin (ör. KuikaSwaggerAPI).

Endpoint bölümünde aşağıdaki alanları doldurun:
- Swagger URL (zorunlu): https://builder3.kuika.com/KuikaSwaggerAPI/swagger/docs/v1
- Service base URL (zorunlu): https://builder3.kuika.com/KuikaSwaggerAPI
Authentication bölümünde Authentication type olarak No Auth seçeneğini belirleyin. API kimlik doğrulama gerektiriyorsa Bearer, Basic veya API Key seçeneklerinden uygun olanı kullanabilirsiniz. Gerekirse alttaki tabloya Key ve Value değerleri ekleyebilirsiniz.
İsterseniz sağ paneldeki Description alanına bağlantıyla ilgili bir not ekleyin.
Sağ üst köşedeki CREATE butonuna tıklayın. Bağlantı kaydedilir ve sayfa kapanır.

Swagger API Aksiyonlarını Uygulama Ekranında Kullanma

Liste ekranı oluşturun: Ürün stoklarını listelemek için bir Table elementi ekleyin.

Tablo sütunlarını isimlendirin: ID, Stok Kod, Ürün Adı, Barkod gibi başlıklar belirleyin.
Initial Action ekleyin:
- Properties panelinden +ADD ACTION butonuna tıklayın.
- Initial Actions > Custom > Datasource yolunu izleyin.
- Rest başlığı altından Stok Get Product List From Rest aksiyonunu seçin.
Tablo veri kaynağını bağlayın:
- Properties panelinden Datasource menüsüne gidin.
- Action başlığı altında Stok Get Product List From Rest aksiyonunu seçin.

Tablo İçerisinde Dinamik Veri Gösterme

API'den gelen veriyi tabloya bağlamak için:

ID Bilgisi: Label elementini seçin, Properties > Value menüsünden Field to Display altında ID seçeneğini belirleyin.
Stok Kod: Label elementini seçin, Field to Display menüsünden Stok Kod seçeneğini belirleyin.
Ürün Adı: Label elementini seçin, Field to Display menüsünden Stok Ad seçeneğini belirleyin.
Barkod Bilgisi: Label elementini seçin, Field to Display menüsünden Stok Barkod seçeneğini belirleyin.

Çalışmayı Test Etme ve Önizleme

Tüm ayarlamaları yaptıktan sonra Preview butonuna tıklayın.
API'den gelen verinin tabloya doğru şekilde aktarılıp aktarılmadığını kontrol edin.

API ile özel aksiyonlar oluşturarak Kuika uygulamalarınızı daha dinamik ve veri odaklı hale getirebilirsiniz. Swagger API entegrasyonu sayesinde uygulamanıza gerçek zamanlı veri akışı sağlayabilir, API'den gelen bilgileri kolayca görselleştirebilirsiniz.