Kendim Barındırdığım webhook.site Alternatifini Neden Geliştirdim

Webhook entegrasyonu geliştirdiyseniz, büyük ihtimalle webhook.site’i kullandınız. Pratik; URL’yi yapıştır, etkinliği gönder, yükü incele. İşte bu kadar basit.

Ancak Stripe entegrasyonu üzerinde çalışmaya başlayınca rahatsız edici bir durumla karşılaştım: Canlı ödeme etkinlik verilerimi, hakkında hiçbir şey bilmediğim bir üçüncü taraf sunucuya gönderiyordum.

Bunun üzerine HookDash adlı bir araç geliştirdim.

Cloud Webhook Araçlarının Problemi

Webhook.site gibi araçlar hızlı testler için harika, ancak gerçek sınırlamaları var:

• Hassas yükleriniz başkalarının sunucusundan geçiyor — Stripe olayları, GitHub push hook’ları, iç API geri dönüşleri
• Aylık ücretler — Temel olması gereken özellikler için $9 ile $29 arasında
• İstek tarihi kayboluyor — Sekmeyi kapatınca her şeyi kaybediyorsunuz
• Ücretsiz planlarda çoklu kullanıcı desteği yok
• Veri saklama üzerinde hiçbir kontrol yok

Bu durum hobi projeleri için uygun, ancak gerçek kullanıcı verileri içeren projelerde ciddi bir sorun.

Neler Geliştirdim

HookDash, kendi sunucunuzda barındırabileceğiniz bir webhook denetleyicisidir.

İşleyişi şu şekildedir:

1. Panele adlandırılmış bir endpoint oluşturun
2. Herhangi bir hizmeti (Stripe, GitHub, Shopify) benzersiz URL’nize yönlendirin
3. Canlı olarak gelen istekleri izleyin
4. Başlıkları, gövdeyi ve sorgu parametrelerini çökertilebilir JSON ağaç yapısında inceleyin
5. Herhangi bir isteği tek tıklama ile yeniden gönderin

Her şey kendi altyapınızda çalışır. Veriniz asla sunucunuzdan çıkmaz.

Teknoloji Yığını

Gü daily kullandığım araçlarla bunu inşa ettim:

• Laravel 12 — arka uç, yönlendirme, kuyruk işleri
• React 19 + Inertia.js v2 — API yükü olmadan ön uç
• shadcn/ui — temiz, erişilebilir bileşenler
• Laravel Reverb — gerçek zamanlı istek akışı için WebSockets
• MySQL 8 — kalıcı istek tarihi
• Laravel Fortify — kutudan çıkar çıkmaz kimlik doğrulama

Gerçek zamanlı kısım en ilginç zorluktu. Laravel Reverb, WebSocket yayımını oldukça kolay hale getirdi — gelen her webhook, React ön yüzünün anında Echo ile alabileceği bir yayın olayı ateşler.

Yeniden Gönderim Özelliği

En sevdiğim özellik tek tıklama ile yeniden gönderimdir.

Geliştirme sırasında genellikle bir webhook işleyicisini yeniden tetiklemeniz gerekir — belki bir hatayı düzeltmişsinizdir veya farklı bir kod yolunu test etmek istersiniz. Normalde Stripe paneline geri dönmeniz, olayı bulmanız ve manuel olarak yeniden göndermeniz gerekir.

Ancak, HookDash ile sadece yeniden gönder tuşuna basıyorsunuz. Orijinal istek — başlıklar, gövde, her şey — anında işleyicinize yeniden gönderilir.

Deneyin

Canlı demo: https://demo.hookdash.io

Kaydolmanıza gerek yok, sadece tıklayın ve demo endpointine bazı istekler gönderin.

Geri dönüşlerinizi duymak isterim — özellikle özellik talepleri ya da kullanıcı deneyiminde sizi rahatsız eden her şey hakkında. Bu, iş akışınız için daha kullanışlı hale nasıl getirilebilir?