Ödemeleri Firebase ile işleme

Birkaç farklı Firebase özelliğini ve Stripe’ı kullanarak ödemeleri şurada işleme alabilirsiniz: kendi sunucu altyapınızı oluşturmadan web uygulamanızdan yararlanabilirsiniz. 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 konsolunu kurun ve Stripe hesap.

Uygulamaya genel bakış

  1. Stripe hesabı oluşturun.
  2. Firebase konsolunda proje oluşturun.
  3. Projeniz için faturalandırmayı etkinleştirin ve projenizi firebase use --add ile kullanmak üzere Firebase CLI'yi yapılandırın.
  4. Kaynak kodu alın örnek bir Firestripe uygulaması var. Doğru görünümü ve kodu uygulamanıza uyacak şekilde özelleştirin.
  5. Uygulamanızı dağıttıktan sonra Firebase konsolu.

Örnek uygulamayı kurma ve dağıtma

  1. Şunu edinin: kaynak kodu.
  2. Google &uygulamasını etkinleştir E-posta ile oturum açmak için kimlik doğrulama sağlayıcı ayarlarınızda oturum açın.
  3. Cloud Firestore seçeneğini etkinleştirin.
  4. Firebase KSA'yı yükleyin Henüz yapmadıysanız firebase login ile giriş yapın.
  5. Bu örneği, projenizi firebase use --add ile kullanmak için yapılandırın.
  6. cd functions; npm install; cd - komutunu çalıştırarak bağımlıları yerel olarak yükleyin
  7. Stripe API Gizli Anahtarınızı ekleyin Cloud Functions ortam yapılandırmanıza ekleyin:

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

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

    const STRIPE_PUBLISHABLE_KEY=<YOUR STRIPE PUBLISHABLE KEY>;

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

    1. Web sitenizin kullanılabilmesi için public dizinindeki tüm dosyaları Hosting hedefine gönderir.
    2. functions dizinindeki kodu Cloud Functions for Firebase adresine gönderir.
    3. Cloud Firestore veritabanınızda güvenlik kurallarını şurada yapılandırıldığı şekilde ayarlar: firestore.rules. Sağlanan kurallar, kullanıcının yalnızca kendi ödemelerini ve ödeme yöntemlerini yazabilirler.

Örnek uygulamayı test etme

Şu adreste ödeme uygulamanızın URL'sini ziyaret edin: your-firebase-project-id.web.app ve aşağıdaki özelliklerin çalıştığını doğrulayın:

  • Google veya e-posta ile oturum açabilirsiniz.
  • Yeni bir Çizgili test kartı ekleyebilir ve bunu kart seçim öğesinde görüntüleyebilirsiniz.
  • Kartlarınızdan birini seçip ödeme alabilirsiniz.
  • Oturumunuzu kapatabilirsiniz.

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

Kullanıcılarınıza daha kolay bir deneyim sunmak için aşağıdakileri daha da özelleştirebilirsiniz ödeme sayfanızın görünümünü seçin veya onu mevcut uygulamanıza bağlayın.

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

Ödemeler sayfanızı oluşturup dağıttıktan sonra Firebase'i kontrol edebilirsiniz. konsolunda ödeme yöntemleri ile ödemelerinin yanı sıra kullanıcıların listesini görebilirsiniz.

  1. Cloud Firestore adresine gidin.
  2. Kullanıcılarınızın listesini kontrol edin. Kullanıcılarınızın herhangi bir kredi kartı ekleyip eklemediğini veya altında tüm işlemleri içeren bir liste görürsünüz.

Canlı ödemeleri kabul et

Yayınlamaya hazır olduğunuzda, test anahtarlarınızı canlı tuşlara basın. Daha fazla bilgi edinmek için Stripe dokümanlarına bakın kontrol edin.

  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ı şurada ayarlayın: /public/javascript/app.js.

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