Ödemeleri Firebase ile işleyin

Birkaç farklı Firebase özelliğini ve Stripe'ı kullanarak, kendi sunucu altyapınızı oluşturmanıza gerek kalmadan web uygulamanızdaki ödemeleri işleyebilirsiniz. Bu kılavuz, açık kaynaklı cloud-functions-stripe-sample.web.app örnek uygulamasının kendi sürümünü ö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ının 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ısı ayarlarınızda Google ve E-postayla oturum açmayı etkinleştirin.
  3. Cloud Firestore'u etkinleştirin.
  4. Henüz yapmadıysanız Firebase CLI'yi 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. Bağımlılıkları yerel olarak 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 dosyasında 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 dizindeki tüm dosyaları Hosting'e gönderir.
    2. functions dizinindeki kodu Cloud Functions for Firebase'e gönderir.
    3. firestore.rules dosyasında yapılandırıldığı şekilde Cloud Firestore veritabanınızdaki güvenlik kurallarını 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 edin

your-firebase-project-id.web.app adresinden ödemeler 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 cloud-functions-stripe-sample.web.app sayfasına bakın.

Kullanıcılarınıza kolaylaştırılmış 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üle

Ödemeler sayfanızı ayarlayıp dağıttıktan sonra Firebase konsolunu kontrol edebilir ve kullanıcıların listesini, ödeme yöntemleri ve ödemeleriyle birlikte görebilirsiniz.

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

Canlı ödemeleri kabul edin

Canlı yayına geçmeye hazır olduğunuzda test anahtarlarınızı canlı anahtarlarınızla 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 konuşlandırın: firebase deploy .