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ış
- Bir Stripe hesabı oluşturun.
- Firebase konsolunda bir proje oluşturun.
- Projeniz için faturalandırmayı etkinleştirin ve Firebase CLI'yi projenizi
firebase use --add
ile kullanacak şekilde yapılandırın. - Ö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.
- 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
- Kaynak kodunu alın.
- Kimlik doğrulama sağlayıcısı ayarlarınızda Google ve E-postayla oturum açmayı etkinleştirin.
- Cloud Firestore'u etkinleştirin.
- Henüz yapmadıysanız Firebase CLI'yi yükleyin ve
firebase login
ile giriş yapın. - Bu örneği, projenizi
firebase use --add
ile kullanacak şekilde yapılandırın. - Bağımlılıkları yerel olarak
cd functions; npm install; cd -
Stripe API Gizli Anahtarınızı Cloud Functions ortam yapılandırmanıza ekleyin:
firebase functions:config:set stripe.secret=<YOUR STRIPE SECRET KEY>
Stripe yayınlanabilir anahtarınızı
/public/javascript/app.js
dosyasında ayarlayın:const STRIPE_PUBLISHABLE_KEY=<YOUR STRIPE PUBLISHABLE KEY>;
firebase deploy
kullanarak projenizi dağıtın. Bu komut:- Web sitenizin kullanılabilir olması için
public
dizindeki tüm dosyaları Hosting'e gönderir. -
functions
dizinindeki kodu Cloud Functions for Firebase'e gönderir. -
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.
- Web sitenizin kullanılabilir olması için
Ö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.
- Cloud Firestore'a gidin.
- 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.
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ı
/public/javascript/app.js
içinde ayarlayın.Değişikliklerin etkili olması için hem Bulut İşlevlerini hem de Barındırma'yı yeniden konuşlandırın:
firebase deploy
.