Giriş

"Entegrasyonlar" modülü, API'leri ve çevrimiçi hizmetleri görsel programlama aracılığıyla kolayca birleştirmenizi sağlar. Modül, düğüm bloklarını sürükleyip bağlayarak uygulamalarınızın mantığını görsel olarak oluşturabileceğiniz kullanıcı dostu bir arayüz sunar. Bu, geliştirmeyi basitleştirir, profesyonel programcı olmayanlar için bile erişilebilir hale getirir ve çeşitli sistemlerin entegrasyon sürecini önemli ölçüde hızlandırır:

Entegrasyonlar Modülü Arayüzünün Temel Unsurları

İlk akışlarınızı ve entegrasyonlarınızı oluşturmaya başlamadan önce, arayüze bir göz atalım. Ana unsurların nasıl yapılandırıldığını anlamak, işinizi kolaylaştıracak ve daha hızlı alışmanıza yardımcı olacaktır.

1. Düğüm Paneli

Sol panelde, tüm mevcut düğümleri bulacaksınız. Bunlar, veri akışlarınızı oluşturacağınız unsurlardır.

Bir düğümü kullanmak için, onu çalışma alanına sürüklemeniz yeterlidir. Tüm düğümlerin belirli amaçları vardır ve bireysel olarak yapılandırılabilirler.

Düğüm Örnekleri:

• Inject: akışa veri göndermenizi sağlar.
• Debug: verileri ve mesajları hata ayıklama menüsüne çıkartır.
• Function: JavaScript'te özel kod yazmanıza olanak tanır.
• Template: metin veya HTML şablonları oluşturmak için kullanılır.

2. Sekmeler

Sekmeler, çalışma alanının üstünde yer alır ve farklı projeler veya veri akışları arasında geçiş yapmanıza olanak tanır. Bu, birden fazla entegrasyon üzerinde çalışıyorsanız veya mantığı birkaç akışa ayırmak istiyorsanız kullanışlıdır.

• Yeni Sekmeler Oluşturma: Yeni bir sekme eklemek için artı butonuna + tıklayabilirsiniz. Her yeni sekme, ayrı bir veri akışını temsil eder ve projenizi daha iyi organize etmenize yardımcı olur.
• Sekmeleri Yeniden Adlandırma: Bir sekmeyi yeniden adlandırmak için, adının üzerine çift tıklayın ve yeni bir ad girin. Bu, birçok sekmeniz varsa ve her birinin ne içerdiğini net bir şekilde anlamak istiyorsanız özellikle faydalıdır.
• Sekmeleri Silme: Artık ihtiyacınız olmayan bir sekmeyi silebilirsiniz. Ancak, önemli verileri kaybetmemek için dikkatli olun.

Örnek: Eğer bir ödeme entegrasyonu üzerinde çalışıyorsanız, her hizmet için ayrı sekmeler oluşturabilirsiniz.

3. Çalışma Alanı

Çalışma alanı, veri akışlarınızı oluşturup düzenlediğiniz arayüzün merkezi kısmıdır.

• Düğüm Yerleştirme: Sol panelden bir düğümü sürüklediğinizde, çalışma alanında görünecektir. Burada onu hareket ettirebilir, diğer düğümlerle bağlayabilir ve akışınızın mantığını oluşturabilirsiniz.
• Düğümleri Bağlama: Düğümleri bağlamak için, bir düğümün çıkışından diğerinin girişine bir çizgi sürüklemeniz yeterlidir. Bu şekilde, veriler akış boyunca bir düğümden diğerine geçecektir.
• Akışları Yönetme: Çalışma alanı, birden fazla veri akışı oluşturmanıza olanak tanır, bu da karmaşık entegrasyonları ve mantığı organize etmenize yardımcı olur.

İpucu: Akışınızın tüm detaylarını görmek için fare veya dokunmatik yüzeyinizi kullanarak çalışma alanında yakınlaştırabilir veya uzaklaştırabilirsiniz.

4. Düğüm Düzenleme Formu

Çalışma alanında bir düğüme çift tıkladığınızda, düğüm düzenleme formu açılır. Bu, düğümün davranışını yapılandırdığınız bir penceredir.

• Ayarlar Alanları: Her düğümün düzenleyebileceğiniz parametreleri vardır. Örneğin, Function düğümünde kod yazabilir ve düzenleyebilirsiniz.
• Değişiklikleri Kaydetme: Düğümü düzenledikten sonra, değişiklikleri kaydetmek için Gönder butonuna tıklayın.

Örnek: Function düğümünde verileri dönüştüren JavaScript kodu yazabilirsiniz. Template düğümünde dinamik olarak veri ekleyen bir şablon oluşturabilirsiniz.

5. Hata Ayıklama Paneli

Hata ayıklama paneli sağda yer alır ve Debug düğümünden gelen çıktı verilerini ve mesajlarını görüntülemek için kullanılır.

• Mesajları Görüntüleme: Veri akışını çalıştırdığınızda, Debug düğümü mesajları Hata Ayıklama menüsüne gönderir. Bu, akışınızda neler olduğunu görmenize ve verilerin doğruluğunu kontrol etmenize yardımcı olur.
• Mesajları Filtreleme: Sadece ihtiyacınız olan verileri görmek için mesajları filtreleyebilirsiniz. Bu, farklı Debug düğümlerinden çok fazla çıktı aldığınızda kullanışlıdır.
• Hata Ayıklama Penceresini Temizleme: Eski mesajları kaldırmak ve yeni verilere odaklanmak için temizleme butonunu kullanın.

Örnek: Eğer hesaplamalar yapmak için Function düğümünü kullanıyorsanız, akışın sonunda kodunuzun verileri doğru işleyip işlemediğini kontrol etmek için bir Debug düğümü ekleyin.

6. Kontrol Butonları

Tam Ekran Butonu

• Bu buton, Entegrasyonlar modülü arayüzünü tam ekran genişletmenizi sağlar, bu da karmaşık veri akışları üzerinde çalışırken veya projeyi büyük bir monitörde gösterirken faydalıdır.
• Bu butona tıkladığınızda, düzenleme için daha fazla alanınız olacak ve akışlarınızın tüm detaylarını daha iyi görebileceksiniz.

Yayınla Butonu

• Bu, veri akışlarınızdaki tüm değişiklikleri kaydeden ve dağıtan ana butondur, böylece aktif hale gelirler. Düğümleri ekledikten veya değiştirdikten sonra, ayarlarınızın etkili olması için bu butona tıkladığınızdan emin olun.