Firebase ile Ödemeleri İşleyin

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 bir Stripe hesabı oluşturun.

Uygulamaya genel bakış

  1. Bir Stripe hesabı oluşturun.
  2. Firebase konsolunda bir proje oluşturun.
  3. Projeniz için faturalandırmayı etkinleştirin ve Firebase CLI'yi, projenizi firebase use --add ile kullanacak şekilde yapılandırın.
  4. Örnek Firestripe uygulaması için kaynak kodunu alın. Projeniz için doğru bilgilerle yapılandırın ve kodu uygulamanıza uyacak şekilde özelleştirin.
  5. Uygulamanızı dağıttıktan sonra, Firebase konsolunda kullanıcıların ve işlemlerin listesini arayın.

Örnek uygulamayı kurun ve dağıtın

  1. Kaynak kodunu alın.
  2. Kimlik doğrulama sağlayıcı ayarlarınızda Google ve E-posta ile oturum açmayı etkinleştirin.
  3. Cloud Firestore'u etkinleştirin.
  4. Henüz yapmadıysanız Firebase CLI'yi kurun 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 -
  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 yayınlanabilir anahtarınızı /public/javascript/app.js içinde ayarlayın:

    const STRIPE_PUBLISHABLE_KEY=<YOUR STRIPE PUBLISHABLE KEY>;

  9. firebase deploy . Bu komut:

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

Örnek uygulamayı test edin

your-firebase-project-id.web.app adresinde ödeme uygulamanızın URL'sini 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 bunu kart seçme öğesinde görüntüleyebilirsiniz.
  • Kartlarınızdan birini seçip şarj edebilirsiniz.
  • Çıkış yapabilirsiniz.

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

Kullanıcılarınız için akıcı bir deneyim sağlamak 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üle

Ödeme sayfanızı oluşturup dağıttıktan sonra, Firebase konsolunu kontrol edebilir ve ödeme yöntemleri ve ödemeleriyle birlikte bir kullanıcı listesi görebilirsiniz.

  1. Cloud Firestore'a gidin.
  2. Kullanıcılarınızın bir listesini ve herhangi bir kredi kartı ekledilerse veya herhangi bir işlem yaptılarsa, her bir kullanıcının altındakilerin bir listesini kontrol edin.

Canlı ödemeleri kabul et

Canlı yayına geçmeye hazır olduğunuzda, test anahtarlarınızı canlı anahtarlarınız ile değiştirmeniz gerekecektir. 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 etkili olması için hem Bulut İşlevlerini hem de Barındırma'yı yeniden dağıtın: firebase deploy .