Ana içeriğe geç

🔔 Pusher Ayarları

Pusher, kullanıcılara gerçek zamanlı bildirimler göndermenize olanak tanıyan bir hizmettir. Kullanıcı deneyimini geliştirir ve önemli güncellemelerin anında ulaşmasını sağlar.


1. Pusher Kontrol Paneli (Uygulama Listesi Ekranı)

Pusher Kontrol Paneli

Pusher Uygulamanızı Oluşturun veya Seçin

Pusher hesabınıza giriş yapın: https://dashboard.pusher.com

Channels ürününü kullandığınızdan emin olun.

Henüz bir uygulamanız yoksa:

  1. Create App düğmesine tıklayın
  2. Uygun bölgeyi seçin (önerilen: sunucu konumunuza en yakın)
  3. Create App düğmesine tıklayın

Uygulama zaten mevcutsa, açmak için uygulama adına (örneğin: app-name) tıklamanız yeterlidir.

✅ Bu uygulama, sistemi gerçek zamanlı işlevsellik için Pusher'a bağlamak amacıyla kullanılacaktır.

Pusher Uygulama Pusher Uygulama


2. Uygulama Anahtarları Sayfası (App Keys)

Uygulama Anahtarları

Pusher Kimlik Bilgilerinizi Kopyalayın

Seçili uygulamanızın içinde, sol menüden App Keys seçeneğine tıklayın.

Aşağıdaki kimlik bilgilerini bulacaksınız:

Alan Açıklama
App ID Uygulamanızın benzersiz tanımlayıcısı
Key Uygulamanızı tanımlamak için kullanılan genel anahtar
Secret Kimlik doğrulama için kullanılan özel anahtar
Cluster Sunucu bölgesi (örn. mt1, eu, ap1)

Bu değerleri dikkatlice kopyalayın. Bunları sisteme gösterildiği gibi girmeniz gerekecektir.

⚠️ Önemli

  • Secret Key'inizi herkese açık olarak paylaşmayın.
  • Gizli anahtar ele geçirilirse, hemen yeni bir tane oluşturun.

Uygulama Anahtarları


3. Yönetici Paneli Gerçek Zamanlı Ayarlar

Gerçek Zamanlı Ayarlar

Pusher Kimlik Bilgilerini Sisteme Ekleyin

  1. Yönetici Paneli'ne gidin.
  2. Real Time Setting'i açın.
  3. Pusher düğmesini etkinleştirin (ON yapın).
  4. Pusher'dan kopyalanan değerleri kullanarak alanları doldurun:
Sistem Alanı Pusher Değeri
App ID Pusher Pusher'dan App ID
App Key Pusher Pusher'dan Key
App Secret Pusher Pusher'dan Secret
Pusher App Cluster Pusher'dan Cluster (örn. mt1)
  1. Kaydet düğmesine tıklayın.

✅ Sistem artık Pusher uygulamanıza bağlıdır.

Gerçek Zamanlı Ayarlar Gerçek Zamanlı Ayarlar

⚙️ Pusher Ayarlarını Aç


4. Webhooks Yapılandırması

Webhooks

Gerekli Webhook'ları Ekleyin

Webhook'lar, sistemin aşağıdakileri algılayabilmesi için gereklidir:

  • ✅ Kanal oluşturma ve silme
  • ✅ Kullanıcı varlığı (katılma/ayrılma)
  • ✅ Gerçek zamanlı güncellemeler

Webhook Nasıl Eklenir

  1. Pusher kontrol paneline gidin.
  2. Webhooks seçeneğine tıklayın.
  3. Add Webhook düğmesine tıklayın.
  4. Gerekli Webhook URL'sini girin.
  5. Uygun Event Type'ı seçin.
  6. Save düğmesine tıklayın.

Gerekli Event Types:

Event Type Durum
BASE_URL/api/chat-room-listener Channel existence ✅ Gerekli
BASE_URL/api/chat-room-listener Presence ✅ Gerekli
BASE_URL/api/pusher-edit-user Channel existence ✅ Gerekli

5. İstemci Olaylarını Etkinleştir (App Settings)

Uygulama Ayarları

App Settings'den İstemci Olaylarını Etkinleştirin

Sistemin Pusher ile düzgün çalışması için, Pusher kontrol panelindeki App Settings'den Enable client events seçeneğini etkinleştirmeniz gerekir.

  1. Pusher kontrol paneline gidin: https://dashboard.pusher.com
  2. Uygulama adınıza tıklayın.
  3. Sol menüden App Settings seçeneğine tıklayın.
  4. Enable client events seçeneğini bulun.
  5. ON 🟢 yapın.

İstemci Olayları (Client Events) Nedir?

İstemci olayları, kullanıcıların sunucudan geçmeden Pusher aracılığıyla birbirleriyle doğrudan iletişim kurmasına olanak tanır. Bu özellik, sohbet ve gerçek zamanlı etkileşimin çalışması için gereklidir.

✅ Etkinleştirdikten sonra, sistem gerçek zamanlı olarak kullanıcılar arasında olay gönderip alabilecektir.


İpuçları:

  • Bildirim sorunlarından kaçınmak için Pusher hesap bilgilerinizin doğru olduğundan emin olun.
  • Çalıştığından emin olmak için yapılandırmadan sonra test bildirimi göndererek test edebilirsiniz.

Sonraki Adım

📹 Zego Ayarlarını Yapılandır