Wix Velo ile Özel Geliştirme: Kod Yazarak Sitenizi Güçlendirin

Wix'in sürükle bırak editörü çoğu ihtiyacı karşılasa da bazen daha fazlasına ihtiyaç duyarsınız. Özel bir hesaplama formu, harici bir API entegrasyonu veya karmaşık bir iş mantığı eklemeniz gerekebilir.

İşte tam bu noktada Wix Velo devreye giriyor.

Wix Velo, Wix platformu üzerinde JavaScript ile kod yazmanıza olanak tanıyan güçlü bir geliştirme ortamıdır. Bu rehberde, Velo'nun temellerinden ileri düzey kullanımlarına kadar her şeyi ele alacağız.

Wix Velo Nedir?

Wix Velo, eski adıyla Corvid by Wix olarak bilinen, Wix'in yerleşik full-stack geliştirme platformudur. JavaScript kullanarak web sitenize özel işlevler eklemenizi, veritabanı işlemleri yapmanızı, harici API'lerle iletişim kurmanızı ve arka plan görevleri çalıştırmanızı sağlar.

Velo'nun en büyük avantajı, Wix'in görsel editörü ile birlikte çalışmasıdır. Tasarımı sürükle bırak ile yaparsınız, ardından kod ile özel davranışlar eklersiniz. Sunucu kurulumu, hosting veya veritabanı yönetimi gibi altyapı işleriyle uğraşmanız gerekmez; tüm bunları Wix yönetir.

Geliştirme Ortamını Açma

Velo'yu etkinleştirmek için Wix editöründe "Geliştirici Modu" butonuna tıklayın. Bu buton genellikle editörün üst menüsünde bulunur. Geliştirici modu açıldığında editörün alt kısmında bir kod paneli belirir ve sol tarafta dosya yapısı görünür.

Dosya yapısı şu bölümlerden oluşur: sayfa kodları her sayfanın özel JavaScript dosyasını içerir, site kodları tüm sayfalarda çalışan global JavaScript dosyalarını barındırır, arka plan kodları sunucu tarafında çalışan işlemleri yönetir ve genel modüller paylaşılan fonksiyonları içerir.

Sayfa Elementlerini Kod ile Kontrol Etme

Velo ile sayfa üzerindeki her elementi JavaScript kullanarak kontrol edebilirsiniz. Bir butona tıklama olayı eklemek, bir metin kutusunun içeriğini değiştirmek veya bir bölümü gizleyip göstermek gibi işlemleri kod ile yapabilirsiniz.

Her elementin benzersiz bir ID'si vardır. Bu ID'yi kullanarak elemente erişir ve üzerinde işlem yaparsınız. Elementlerin özelliklerini okuyabilir, değiştirebilir ve olaylara tepki verebilirsiniz.

Peki neden kod yazasınız ki?

Çünkü bazı etkileşimler editörün standart araçlarıyla mümkün değildir. Koşullu görünürlük, hesaplama tabanlı içerik değişiklikleri, animasyon dizileri ve karmaşık form doğrulamaları kod gerektirir.

Veritabanı İşlemleri

Wix Velo, CMS koleksiyonları ile doğrudan etkileşim kurmanızı sağlar. Veri ekleme, güncelleme, silme ve sorgulama işlemlerini JavaScript ile yapabilirsiniz.

Sorgu işlemleri güçlü filtreleme yetenekleri sunar. Birden fazla koşulu birleştirerek karmaşık sorgular oluşturabilirsiniz. Sıralama, sayfalama ve alan seçimi gibi özellikler performanslı veri erişimi sağlar.

Arka plan fonksiyonları kullanarak veritabanı işlemlerini sunucu tarafında çalıştırabilirsiniz. Bu yaklaşım hem güvenliği artırır hem de hassas iş mantığını istemci tarafından gizler.

Harici API Entegrasyonları

Velo'nun en güçlü özelliklerinden biri, harici API'lerle iletişim kurabilmenizdir. Ödeme sistemleri, harita servisleri, sosyal medya platformları, CRM yazılımları ve diğer üçüncü parti servislerle entegrasyon sağlayabilirsiniz.

API çağrılarını güvenlik nedeniyle arka plan fonksiyonları üzerinden yapmanız önerilir. API anahtarlarını ve hassas bilgileri istemci tarafı kodunda asla saklamayın. Wix Secrets Manager kullanarak API anahtarlarınızı güvenli şekilde yönetebilirsiniz.

Gerçek dünya örnekleri: ödeme sonrası otomatik fatura oluşturma, CRM'e müşteri bilgisi gönderme, sosyal medya beslemelerini sitenizde gösterme, hava durumu veya döviz kuru verilerini çekme.

Form Doğrulama ve İş Mantığı

Standart Wix formları temel doğrulama sunar ancak karmaşık iş kuralları için Velo ile özel doğrulama yazabilirsiniz. TC kimlik numarası algoritma kontrolü, vergi numarası doğrulama, karmaşık tarih hesaplamaları ve koşullu zorunlu alanlar gibi işlemleri kod ile gerçekleştirebilirsiniz.

Form gönderilmeden önce tüm alanları doğrulayabilir, hata mesajlarını özelleştirebilir ve gönderim sonrası otomatik işlemler tetikleyebilirsiniz. Örneğin form gönderildiğinde hem veritabanına kayıt yapıp hem de e-posta bildirimi göndermek mümkündür.

Zamanlanmış Görevler

Velo'nun zamanlanmış görevler özelliği, belirli aralıklarla otomatik işlemler çalıştırmanızı sağlar. Günlük, haftalık veya aylık olarak tekrarlayan görevler tanımlayabilirsiniz.

Kullanım örnekleri arasında şunlar bulunur: her gün saat belirli bir saatte veritabanı temizliği yapma, haftalık otomatik rapor oluşturma, süresi dolan abonelikleri kontrol etme ve otomatik e-posta hatırlatmaları gönderme.

HTTP Fonksiyonları ile Web API Oluşturma

Velo, siteniz için özel web API endpoint'leri oluşturmanıza olanak tanır. Bu özellik, sitenizin dış sistemlerle veri alışverişi yapmasını sağlar. Mobil uygulamalar, üçüncü parti servisler veya iş ortakları sitenizin API'sine istekte bulunabilir.

Webhook'lar da HTTP fonksiyonları ile yönetilir. Ödeme servisleri, kargo takip sistemleri ve diğer platformlar sitenize webhook bildirimleri gönderebilir ve siz bu bildirimlere otomatik tepki verebilirsiniz.

Performans ve Güvenlik İpuçları

Velo ile kod yazarken performans ve güvenliğe dikkat etmeniz gerekir. Ön yüz kodunda gereksiz veritabanı sorguları yapmaktan kaçının; veriye ihtiyaç duyduğunuz noktada sorgulayın. Büyük veri setlerini sayfalama ile yükleyin.

Hassas işlemleri her zaman arka plan fonksiyonlarında çalıştırın. API anahtarlarını Secrets Manager'da saklayın. Kullanıcı girişlerini doğrulayarak güvenlik açıklarını önleyin. Hata yönetimini ihmal etmeyin; beklenmedik hatalar kullanıcı deneyimini olumsuz etkiler.

Velo'nun Sınırlamaları

Velo güçlü bir araç olsa da bazı sınırlamaları vardır. Yalnızca JavaScript desteklenir; TypeScript veya diğer diller kullanılamaz. NPM paketlerinin büyük çoğunluğu desteklenmez; yalnızca Wix'in izin verdiği paketler kullanılabilir. Sunucu tarafı kodlarında dosya sistemi erişimi yoktur. WebSocket gibi gerçek zamanlı iletişim protokolleri doğrudan desteklenmez.

Bu sınırlamalar çoğu proje için sorun oluşturmaz ancak çok karmaşık özel uygulamalar geliştirmek istiyorsanız bu kısıtlamaları göz önünde bulundurmalısınız.

Sonuç

Wix Velo, Wix platformunun esnekliğini kod yazma gücüyle birleştiren benzersiz bir geliştirme ortamıdır. Özel işlevlerden API entegrasyonlarına, veritabanı işlemlerinden zamanlanmış görevlere kadar sitenize sınırsız yetenek ekleyebilirsiniz. Wix Velo ile özel geliştirme konusunda profesyonel destek almak isterseniz, WixSupport ekibi olarak sitenize özel çözümler geliştiriyor ve teknik altyapınızı güçlendiriyoruz.