Ödemeleri Firebase ile işleme

Birkaç farklı Firebase özelliğini ve Stripe'ı kullanarak kendi sunucu altyapınızı oluşturmadan web uygulamanızda ödemeleri işleyebilirsiniz. Bu kılavuzda, açık kaynak cloud-functions-stripe-sample.web.app örnek uygulamasının kendi sürümünüzü özelleştirme ve dağıtma konusunda size yol gösterilmektedir.

Başlamadan önce Firebase konsolunda bir proje oluşturun ve Stripe hesabı ayarlayın.

Uygulamaya genel bakış

  1. Stripe hesabı oluşturun.
  2. Firebase Konsolu'nda bir proje oluşturun.
  3. Projenizi kullan-öde Blaze fiyatlandırma planına yükseltin.
  4. Projenizi firebase use --add ile kullanmak için Firebase CLI'yi yapılandırın.
  5. Örnek Firestripe uygulamasının kaynak kodunu alın. Projeniz için doğru bilgilerle yapılandırın ve kodu uygulamanıza uyacak şekilde özelleştirin.
  6. Uygulamanızı dağıttıktan sonra Firebase konsolunda kullanıcıların ve işlemlerin listesini bulun.

Örnek uygulamayı ayarlama ve dağıtma

  1. Kaynak kodunu alın.
  2. Kimlik doğrulama sağlayıcı ayarlarınızda Google ve e-posta oturum açma özelliğini etkinleştirin.
  3. Cloud Firestore seçeneğini etkinleştirin.
  4. Henüz yapmadıysanız Firebase CLI'yi yükleyin ve firebase login ile oturum açın.
  5. Bu örneği, projenizi firebase use --add ile kullanacak şekilde yapılandırın.
  6. cd functions; npm install; cd -'ü çalıştırarak bağımlılıkları yerel olarak yükleme

  7. Stripe API Gizli Anahtarınızı Cloud Functions ortam yapılandırmanıza ekleyin:

    firebase functions:config:set stripe.secret=<YOUR STRIPE SECRET KEY>

  8. Stripe'ın yayınlanabilir anahtarını /public/javascript/app.js'te ayarlayın:

    const STRIPE_PUBLISHABLE_KEY=<YOUR STRIPE PUBLISHABLE KEY>;

  9. Projenizi firebase deploy kullanarak dağıtın. Bu komut:

    1. Web sitenizin kullanılabilir olması için public dizinindeki tüm dosyaları Hosting'a gönderir.
    2. functions dizinindeki kodu Cloud Functions for Firebase'a gönderir.
    3. Cloud Firestore veritabanınızdaki güvenlik kurallarını firestore.rules'te yapılandırıldığı şekilde ayarlar. Sağlanan kurallar, kullanıcının yalnızca kendi ödemelerini ve ödeme yöntemlerini okumasına ve yazmasına izin verir.

Örnek uygulamayı test etme

Ödeme uygulamanızın your-firebase-project-id.web.app adresindeki URL'sini ziyaret edin ve aşağıdaki özelliklerin çalıştığından emin olun:

  • Google veya e-posta üzerinden oturum açabilirsiniz.
  • Yeni bir Stripe test kartı ekleyip kart seç öğesinde görüntüleyebilirsiniz.
  • Kartlarınızdan birini seçip karttan ödeme yapabilirsiniz.
  • Oturumunuzu kapatabilirsiniz.

Karşılaştırma için cloud-functions-stripe-sample.web.app adresine bakın.

Kullanıcılarınıza sorunsuz bir deneyim sunmak için ödeme sayfanızın görünümünü daha da özelleştirebilir veya mevcut uygulamanıza ekleyebilirsiniz.

İşlenen ödemeleri görüntüleme

Ödeme sayfanızı oluşturup dağıttıktan sonra Firebase konsolunu kontrol ederek kullanıcıların listesini, ödeme yöntemlerini ve ödemelerini görebilirsiniz.

  1. Cloud Firestore adresine gidin.
  2. Kullanıcılarınızın listesini ve ekledikleri kredi kartlarını ya da yaptıkları işlemleri kontrol edin.

Canlı ödemeleri kabul etme

Yayına geçmeye hazır olduğunuzda test anahtarlarınızı yayın anahtarlarınızla değiştirmeniz gerekir. Bu anahtarlarla ilgili daha fazla bilgi edinmek için Stripe dokümanlarına bakın.

  1. Stripe gizli anahtar yapılandırmanızı güncelleyin:

    firebase functions:config:set stripe.secret=<YOUR STRIPE LIVE SECRET KEY>

  2. /public/javascript/app.js bölümünde canlı yayın için yayınlanabilir anahtarınızı ayarlayın.

  3. Değişikliklerin geçerli olması için hem Cloud Functions hem de Hosting'ı yeniden dağıtın: firebase deploy.