Ödemeleri Firebase ile işleme

Birkaç farklı Firebase özelliği ve Stripe kullanarak kendi sunucu altyapınızı oluşturmadan web uygulamanızda ödemeleri işleyebilirsiniz. Bu kılavuz, açık kaynaklı 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österir.

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

Uygulamaya genel bakış

  1. Stripe hesabı oluşturun.
  2. Firebase konsolunda bir proje oluşturun.
  3. Projenizi kullandıkça öde Blaze fiyatlandırma planına yükseltin.
  4. Firebase CLI'yı, projenizi firebase use --add ile kullanacak şekilde 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ı ve işlem listesini bulun.

Örnek uygulamayı ayarlama ve dağıtma

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

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

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

  8. Stripe yayınlanabilir anahtarınızı /public/javascript/app.js içinde ayarlayın:

    const STRIPE_PUBLISHABLE_KEY=<YOUR STRIPE PUBLISHABLE KEY>;

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

    1. Web sitenizin kullanılabilir olması için public dizinindeki tüm dosyaları Hosting konumuna gönderir.
    2. functions dizinindeki kodu Cloud Functions for Firebase adresine gönderir.
    3. Cloud Firestore veritabanınızda, firestore.rules içinde yapılandırıldığı şekilde güvenlik kuralları ayarlar. Belirtilen 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 URL'sini your-firebase-project-id.web.app adresinde ziyaret edin ve aşağıdaki özelliklerin çalıştığını doğrulayın:

  • Google veya e-posta yoluyla oturum açabilirsiniz.
  • Yeni bir Stripe test kartı ekleyebilir ve kart seçme öğesinde görüntüleyebilirsiniz.
  • Kartlarınızdan birini seçip ödeme yapabilirsiniz.
  • Oturumu 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 bağlayabilirsiniz.

İş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 kredi kartı ekledilerse veya işlem yaptılarsa her kullanıcının altında bu işlemlerin listesini kontrol edin.

Anlık ödemeleri kabul etme

Canlı yayına hazır olduğunuzda test anahtarlarınızı canlı anahtarlarınızla değiştirmeniz gerekir. Bu anahtarlar hakkında daha fazla bilgi edinmek için Stripe belgelerine bakın.

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

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

  2. Canlı yayınlanabilir anahtarınızı /public/javascript/app.js içinde ayarlayın.

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