Обработка платежей с помощью Firebase

Используя несколько различных функций Firebase и Stripe, вы можете обрабатывать платежи в своем веб-приложении без создания собственной серверной инфраструктуры. Это руководство проведет вас через настройку и развертывание собственной версии с открытым исходным кодом cloud-functions-stripe-sample.web.app например , приложение.

Перед тем, как начать, создать проект в Firebase консоли и создать нашивки счет.

Обзор реализации

  1. Настройка нашивки счет.
  2. Создайте проект в консоли Firebase .
  3. Включить биллинг для вашего проекта и настроить Firebase CLI использовать свой проект с firebase use --add .
  4. Получить исходный код для образца приложения Firestripe. Настройте его, указав правильную информацию для вашего проекта, и настройте код в соответствии с вашим приложением.
  5. После развертывания приложения найдите список пользователей и транзакций в консоли Firebase.

Настройте и разверните пример приложения

  1. Получить исходный код .
  2. Включить Google и электронная почта входа в Ваши настройки провайдера аутентификации .
  3. Enable Cloud Firestore .
  4. Установите Firebase CLI , если вы еще не сделали, и войти с firebase login .
  5. Настройте этот пример , чтобы использовать свой проект с firebase use --add .
  6. Установка зависимостей локально, запустив cd functions; npm install; cd -
  7. Добавить нашивки API Секретный ключ к вашей конфигурации функции облачной среды:

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

  8. Установите нашивки ключ можно /public/javascript/app.js опубликовать в /public/javascript/app.js :

    const STRIPE_PUBLISHABLE_KEY=<YOUR STRIPE PUBLISHABLE KEY>;

  9. Развертывание проекта с помощью firebase deploy . Эта команда:

    1. Посылает все файлы в public каталоге для хостинга , чтобы ваш веб - сайт доступен.
    2. Посылает код в functions каталога в облако функций для Firebase.
    3. Устанавливает правила безопасности на базе данных Cloud Firestore как сконфигурировано в firestore.rules . Предоставленные правила позволяют пользователю только читать и записывать свои собственные платежи и способы оплаты.

Протестируйте образец приложения

Посетите URL ваших платежей приложения на your-firebase-project-id.web.app и убедитесь , что следующие особенности работы:

  • Вы можете войти в систему через Google или по электронной почте.
  • Вы можете добавить новую тестовую полоску карты и посмотреть в карточном выборе элемента.
  • Вы можете выбрать одну из своих карт и зарядить ее.
  • Вы можете выйти.

Для сравнения, см cloud-functions-stripe-sample.web.app .

Чтобы упростить работу пользователей, вы можете дополнительно настроить внешний вид своей платежной страницы или подключить ее к существующему приложению.

Просмотр обработанных платежей

После того, как вы настроили и развернули страницу платежей, вы можете проверить консоль Firebase и увидеть список пользователей, а также их способы оплаты и платежи.

  1. Перейти к Облако Firestore .
  2. Проверьте список ваших пользователей и, если они добавили какие-либо кредитные карты или совершили какие-либо транзакции, список их для каждого пользователя.

Принимайте живые платежи

Когда вы будете готовы к запуску, вам нужно будет обменять свои тестовые ключи на действующие. Посмотреть документы нашивки более узнать об этих ключах.

  1. Обновите секретную конфигурацию Stripe:

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

  2. Установите живой ключ можно /public/javascript/app.js опубликовать в /public/javascript/app.js .

  3. Переустановка обе функции Облако и хостинг для того , чтобы изменения вступили в силу: firebase deploy .