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ış
- Stripe hesabı oluşturun.
- Firebase konsolunda proje oluşturun.
- Projeniz için faturalandırmayı etkinleştirin ve projenizi
firebase use --add
ile kullanmak üzere Firebase CLI'yi yapılandırın. - Kaynak kodu alın örnek bir Firestripe uygulaması var. Doğru görünümü ve kodu uygulamanıza uyacak şekilde özelleştirin.
- Uygulamanızı dağıttıktan sonra Firebase konsolu.
Örnek uygulamayı kurma ve dağıtma
- Şunu edinin: kaynak kodu.
- 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.
- Cloud Firestore seçeneğini etkinleştirin.
- Firebase KSA'yı yükleyin
Henüz yapmadıysanız
firebase login
ile giriş yapın. - Bu örneği, projenizi
firebase use --add
ile kullanmak için yapılandırın. cd functions; npm install; cd -
komutunu çalıştırarak bağımlıları yerel olarak yükleyinStripe API Gizli Anahtarınızı ekleyin Cloud Functions ortam yapılandırmanıza ekleyin:
firebase functions:config:set stripe.secret=<YOUR STRIPE SECRET KEY>
Stripe yayınlanabilir anahtarınızı ayarlayın
/public/javascript/app.js
içinde:const STRIPE_PUBLISHABLE_KEY=<YOUR STRIPE PUBLISHABLE KEY>;
Projenizi
firebase deploy
kullanarak dağıtın. Bu komut:- Web sitenizin kullanılabilmesi için
public
dizinindeki tüm dosyaları Hosting hedefine gönderir. functions
dizinindeki kodu Cloud Functions for Firebase adresine gönderir.- 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.
- Web sitenizin kullanılabilmesi için
Ö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.
- Cloud Firestore adresine gidin.
- 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.
Stripe gizli yapılandırmanızı güncelleyin:
firebase functions:config:set stripe.secret=<YOUR STRIPE LIVE SECRET KEY>
Canlı yayınlanabilir anahtarınızı şurada ayarlayın:
/public/javascript/app.js
.Değişikliklerin geçerli olması için hem Cloud Functions hem de Hosting uygulamasını yeniden dağıtın:
firebase deploy
.