Вы можете принимать платежи в своем приложении, используя интеграцию с Braintree (услуга, предоставляемая PayPal). Это также позволит вашим пользователям платить напрямую с помощью кредитной карты или с помощью таких сервисов, как PayPal, Google Pay или Apple Pay.

брайн 1

Пререквизиты

Прежде чем приступить к настройке платежей, убедитесь, что вы:

  • Выполнили все шаги по настройке Firebase для вашего проекта.
  • Обновили проект Firebase до Blaze Plan.
  • Включили аутентификацию Firebase для вашего проекта.
FlutterFlow использует Firebase Cloud Functions для обработки транзакции с помощью выбранного сервиса (Braintree/PayPal).

Интеграция Braintree

Интеграция Braintree в ваше приложение включает в себя следующие шаги:

  1. Настройте интеграцию платежей
  2. Включите Google Pay или Apple Pay (опционально)
  3. Запуск действия платежа
  4. Тестирование
  5. Выпуск в производство

Настройка интеграции платежей

Платежи на FlutterFlow могут быть установлены с помощью Braintree.
Вы всегда должны тестировать обработку платежей в среде «песочницы», прежде чем развертывать их в производственной среде.
Для настройки с помощью Braintree выполните следующие шаги:

  • Перейдите на веб-сайт Braintree.
  • Зарегистрируйтесь для получения доступа к среде Sandboxed. Вы можете получить электронное письмо с дополнительными шагами для завершения процесса регистрации. Если у вас уже есть учетная запись Braintree, просто войдите в нее.
  • Перейдите на страницу настроек Braintree в вашем проекте FlutterFlow, перейдя в Настройки и интеграции > In App Purchases & Subscriptions > Braintree.
  • На этой странице включите Braintree/PayPal с помощью переключателя.
  • В разделе Credentials (Sandbox) вам нужно ввести Merchant ID, Tokenization Key, Public Key и Private Key учетной записи Braintree.
  • Чтобы получить необходимые учетные данные, перейдите на главную страницу учетной записи Braintree.
  • Нажмите на значок шестеренки (правый верхний угол), выберите Бизнес. На этой странице вы получите идентификатор торговца.
  • Теперь перейдите на страницу API. Здесь вы получите Открытый ключ и Закрытый ключ.
  • Чтобы сгенерировать ключ токенизации, перейдите на страницу API и нажмите кнопку Generate New Tokenization Key. Скопируйте ключ и введите его в соответствующее поле FlutterFlow.
брайн 2

Наконец, нажмите кнопку Развернуть, чтобы загрузить облачные функции, необходимые для обработки платежа с помощью Braintree:

брайн 3

Включите Google Pay или Apple Pay (необязательно)

Завершение интеграции платежей путем выполнения описанных выше шагов позволит вам принимать платежи с помощью кредитной карты или счета PayPal. Кроме того, вы можете принимать платежи с помощью Google Pay или Apple Pay.

Чтобы принимать платежи с помощью Google Pay или Apple Pay, вам необходимо ввести соответствующий Merchant ID аккаунта Google/Apple на странице настроек Braintree Settings > раздел Credentials (Sandbox).

  • Чтобы узнать, как найти идентификатор продавца Google Pay, перейдите на эту страницу.
  • Шаги по настройке Apple Pay и получению доступа к Apple Merchant ID описаны здесь.

Запуск действия по оплате

Для того чтобы инициировать платеж, необходимо использовать действие Braintree Payment Action. Чтобы узнать, как определить действие платежа, перейдите на следующую страницу:

Тестирование

Платежи Braintree работают на реальных устройствах Android или в эмуляторах, а покупки в App Store работают только на реальных устройствах iOS. В этом документе есть инструкции о том, как запустить ваше приложение на устройстве Android или iOS.

Платежи Braintreements нельзя тестировать в режиме предварительного просмотра, тестовом режиме или режиме выполнения.

Чтобы протестировать приложение перед развертыванием:
Загрузите и запустите свой проект, как описано здесь.
Для тестирования покупки вы можете использовать любой из этих основных номеров тестовых карт.

брайн 4

Выпуск в производство

Прежде чем выпустить приложение в производство, выполните следующие шаги:

  • Создайте учетную запись Braintree (не в песочнице) и получите производственные учетные данные.
  • Добавьте производственные учетные данные на странице FlutterFlow Braintree Settings > раздел Credentials (Production).
  • Включите переключатель Is Production на этой странице.
  • Разверните новые функции Firebase Cloud Functions с производственными учетными данными, нажав на кнопку Deploy.

Теперь вы готовы к сборке и распространению вашего приложения с платежами в продакшн.