Przetwarzanie płatności w Firebase

Korzystając z kilku funkcji Firebase i Stripe, możesz przetwarzać płatności w swojej aplikacji internetowej bez tworzenia własnej infrastruktury serwera. W tym przewodniku znajdziesz instrukcje dostosowywania i wdrażania własnej wersji przykładowej aplikacji open source cloud-functions-stripe-sample.web.app.

Zanim zaczniesz, utwórz projekt w konsoli Firebase i skonfiguruj konto Stripe.

Omówienie wdrażania

  1. Skonfiguruj konto Stripe.
  2. Utwórz projekt w konsoli Firebase.
  3. Przejdź w projekcie na abonament Blaze rozliczany według wykorzystania.
  4. Skonfiguruj interfejs wiersza poleceń Firebase do korzystania z Twojego projektu w usłudze firebase use --add.
  5. Pobierz kod źródłowy przykładowej aplikacji Firestripe. Skonfiguruj go, podając odpowiednie informacje o projekcie, i dostosuj kod do swojej aplikacji.
  6. Po wdrożenie aplikacji w konsoli Firebase znajdziesz listę użytkowników i transakcji.

Konfigurowanie i wdrażanie przykładowej aplikacji

  1. Pobierz kod źródłowy.
  2. Włącz logowanie przez Google i e-mail w ustawieniach dostawcy uwierzytelniania.
  3. Włącz Cloud Firestore.
  4. Zainstaluj wiersz poleceń Firebase, jeśli jeszcze tego nie zrobiono, i zaloguj się za pomocą firebase login.
  5. Skonfiguruj ten szablon tak, aby używał Twojego projektu w kontekście firebase use --add.
  6. Zainstaluj zależności lokalnie, uruchamiając cd functions; npm install; cd -

  7. Dodaj klucz tajny interfejsu Stripe API do konfiguracji środowiska Cloud Functions:

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

  8. Ustaw klucz publikowania w usłudze Stripe w sekcji /public/javascript/app.js:

    const STRIPE_PUBLISHABLE_KEY=<YOUR STRIPE PUBLISHABLE KEY>;

  9. Wdróż projekt za pomocą firebase deploy. To polecenie:

    1. Wysyła wszystkie pliki z katalogu public do Hosting, aby Twoja witryna była dostępna.
    2. Wysyła kod z katalogu functions do Cloud Functions for Firebase.
    3. Ustawia reguły zabezpieczeń w bazie danych Cloud Firestore zgodnie z konfiguracją w firestore.rules. Podane reguły umożliwiają użytkownikowi tylko odczytywanie i zapisywanie własnych płatności i form płatności.

Testowanie przykładowej aplikacji

Otwórz adres URL swojej aplikacji do płatności na stronie your-firebase-project-id.web.app i sprawdź, czy działają te funkcje:

  • Możesz zalogować się za pomocą Google lub e-maila.
  • Możesz dodać nową kartę testową Stripe i wyświetlić ją w elemencie wyboru karty.
  • Możesz wybrać jedną z kart i na niej naliczyć opłatę.
  • Możesz się wylogować.

Dla porównania możesz skorzystać z funkcji cloud-functions-stripe-sample.web.app.

Aby zapewnić użytkownikom wygodę, możesz dostosować wygląd strony płatności lub dodać ją do istniejącej aplikacji.

Wyświetlanie przetworzonych płatności

Po skonfigurowaniu i wdrożeniu strony płatności możesz w konsoli Firebase sprawdzić listę użytkowników wraz z ich formami płatności i płatnościami.

  1. Otwórz stronę Cloud Firestore.
  2. Sprawdź listę użytkowników i jeśli dodali oni jakieś karty kredytowe lub dokonali transakcji, sprawdź listę tych kart i transakcji.

Akceptowanie płatności na żywo

Gdy wszystko będzie gotowe do wdrożenia, musisz wymienić klucze testowe na klucze produkcyjne. Więcej informacji o tych kluczach znajdziesz w dokumentacji Stripe.

  1. Zaktualizuj konfigurację obiektu tajnego Stripe:

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

  2. W sekcji /public/javascript/app.js ustaw klucz umożliwiający publikację na żywo.

  3. Aby zmiany zaczęły obowiązywać, ponownie wdrożyć zarówno Cloud Functions, jak i Hosting: firebase deploy.