Add-payments-fron-end » History » Version 5
Dmitry Vasilev, 11/21/2025 10:49 AM
| 1 | 1 | Dmitry Vasilev | # Инструкция фронтенд-разработчикам |
|---|---|---|---|
| 2 | |||
| 3 | Как создавать Payment Methods через Stripe для нашего приложения |
||
| 4 | 📌 Цель |
||
| 5 | |||
| 6 | Пассажир должен добавить свою карту, чтобы мы могли: |
||
| 7 | |||
| 8 | - безопасно сохранять карту (Stripe vault) |
||
| 9 | - автоматически списывать деньги после поездки (off-session) |
||
| 10 | - проводить SCA-подтверждение (3D-Secure) |
||
| 11 | |||
| 12 | Для этого используется SetupIntent + Stripe Elements. |
||
| 13 | 2 | Dmitry Vasilev | |
| 14 | 5 | Dmitry Vasilev | ### 1️⃣ Шаг 1. Запросить SetupIntent с бэкенда |
| 15 | 3 | Dmitry Vasilev | |
| 16 | 4 | Dmitry Vasilev | **Дергаем ручку "Create setup intent object" - POST /api/payments/setup_intents** |
| 17 | 2 | Dmitry Vasilev | |
| 18 | Получаем |
||
| 19 | |||
| 20 | ``` |
||
| 21 | { |
||
| 22 | "data": { |
||
| 23 | "id": "seti_1SUmTQK65qfXWkSiVIM19pAC", |
||
| 24 | "client_secret": "seti_1SUmTQK65qfXWkSiVIM19pAC_secret_TRfp4egUtC6WlqSvYDjYruElmCEFjez", |
||
| 25 | "payment_method_types": [ |
||
| 26 | "card" |
||
| 27 | ], |
||
| 28 | "account_id": "0cf6a16f-6492-4190-842b-f1563e7e3d7b", |
||
| 29 | "user_id": "5f0d292c-f3f7-4a2a-b129-a1d0761cfb12", |
||
| 30 | "stripe_account_id": null |
||
| 31 | }, |
||
| 32 | "status": true |
||
| 33 | } |
||
| 34 | ``` |
||
| 35 | |||
| 36 | client_secret нужен фронту, чтобы вызвать Stripe.confirmCardSetup(). |