Dokümantasyon

n8n iş akışlarınızı profesyonel arayüzlere dönüştürmeyi öğrenin.

Hızlı Başlangıç

FlowUI, n8n iş akışı dosyanızın JSON yapısını analiz ederek çalışır. Girdi alanlarını oluşturmak için Webhook veya Form Tetikleyicisi gibi giriş noktalarını arar.

  1. İş akışını dışa aktarınn8n düzenleyicide iş akışı menüsünü (sağ üst) açın ve "İndir"i seçin. Bu size bir .json dosyası verir.
  2. FlowUI'ya içe aktarınŞuraya gidin: Arayüz oluşturma sayfası ve JSON dosyasını yükleyin veya kodu doğrudan düzenleyiciye yapıştırın.
  3. ÖzelleştirinFlowUI alanları otomatik tespit eder. Oluşturulan formu "Canlı Önizleme" panelinde doğrulayabilirsiniz.
  4. Dağıtın(Yakında) Formu kaydedin ve web siteniz için herkese açık paylaşılabilir bağlantı veya gömme kodu alın.

İş Akışınızı Hazırlama

Desteklenen Tetikleyici Düğümleri

FlowUI şu anda otomatik form oluşturma için aşağıdaki tetikleyici düğümleri desteklemektedir:

  • Webhookn8n-nodes-base.webhook
  • Form Tetikleyicisin8n-nodes-base.formTrigger

Girdileri Tanımlama

FlowUI'nin doğru alanları oluşturması için Webhook düğümünüzün Body Parametreleri veya Query Parametreleri bekleyecek şekilde yapılandırıldığından emin olun. FlowUI, mevcutsa örnek verilerden türleri (String, Number, Boolean) çıkarmaya çalışır.

// Örnek: Webhook Body Beklentisi
{
  "customer_name": "string",
  "customer_email": "string",
  "quantity": 1,
  "is_urgent": false
}

En İyi Uygulamalar

Net Parametre Adları Kullanın

param1 gibi anlaşılması zor anahtarlardan kaçının. customer_email gibi açıklayıcı anahtarlar kullanın. FlowUI etiketler için snake_case'i otomatik olarak Title Case'e dönüştürür.

Yapılandırılmış Yanıtlar Döndürün

En iyi kullanıcı deneyimi için iş akışınızın son düğümünün success boolean ve message string içeren bir JSON nesnesi döndürdüğünden emin olun.

Webhook'larınızı Güvence Altına Alın

FlowUI ön ucu yönetirken, hassas iş akışları için n8n örneğinizin yetkisiz erişimi önlemek amacıyla Basic Auth veya Header Auth kullandığından emin olun.

Hataları Zarifçe Ele Alın

Bir adım (ör. veritabanı eklemesi) başarısız olursa dostça hata mesajları döndürmek için n8n'de "Error Trigger" düğümünü veya "Continue On Fail" ayarlarını kullanın.

Güvenlik ve Gizlilik

FlowUI, oluşturma aşamasında istemci tarafında çalışır. Açıkça bir form kaydettiğiniz sürece (giriş yapmış kullanıcılar için mevcut özellik) iş akışı JSON'unuzu sunucularımızda saklamıyoruz.

Bir iş akışı çalıştırılırken, CORS sorunlarını önlemek için istekler güvenli şekilde proxy'lenir. n8n kimlik bilgileriniz düz metin olarak asla saklanmaz ve yalnızca sağlanmışsa oturum süresi boyunca kullanılır.

Hazır olunca haber verin

E-posta adresinizi bırakın, FlowUI hazır olduğunda size bildirelim.