BacodoBACODO

תוסף React Native

שילוב Stripe עבור React Native

הוסף גיליון תשלום @stripe/stripe-react-native לאפליקציית React Native הקיימת שלך מבלי לבנות טפסי כרטיסים מקוריים, 3D Secure וטעויות מפתח סודי מאפס. React Native לא מארח webhooks - ה-API שלך כן.

  • קוד מקור מלא כלול ושלך לצמיתות
  • אין צורך במפתח רישיון תוסף או ברישיון חוזר
  • מוכן לייצור ונבדק
  • משולב בפרויקט ובמחסנית הקיימים של React Native
  • תמיכה טכנית של 30 יום לאחר מסירה כלולה
  • תמיכה טכנית מורחבת ל-6 חודשים אופציונלית ב-20% ממחיר התוספת

החל מ

$145

USD · React Native

צפה בהדגמה

שילוב Stripe עבור React Native · React Native

קוד מקור מלאללא מפתח רישיוןמוכנה להפקהאינטגרציה נבדקהתמיכה למשך 30 יום

Requirements

What שילוב Stripe עבור React Native needs

  • פרויקט React Native קיים
  • גישה ל-Stripe Test Mode
  • נדרש באקאנד לתשלומים מאובטחים

אין צורך בגישה למאגר. גישה לפרויקט נדרשת רק אם תרצו ש־Bacodo ישלב ישירות.

מה זה עושה

גיליון תשלום באפליקציית React Native שלך - ה-API עדיין מחזיק בסודות

Bacodo משלבת את Stripe בפרויקט React Native שכבר יש לך (אקספו או חשוף). לאחר המסירה, מקור React Native מתגורר במאגר שלך. המפתח הסודי וה-webhook נשארים ב-backend שאתה כבר מפעיל. אתה עדיין הבעלים של חשבון Stripe ועמלות Stripe.

בעיה שזה פותר

אפליקציית React Native לא יכולה ליצור בבטחה PaymentIntents או לאמת webhooks. הוא צריך גיליון תשלום ו-backend שמחזיר סוד לקוח. בניין שפצל לא נכון שולח את המפתח הסודי בבינארי.

איך זה נוחת בפרויקט

אנו מוסיפים @stripe/stripe-react-native, מציגים את גיליון התשלום מפעולת התשלום הקיימת שלך ב-React Native, ומחברים את שיחות האחזור שה-API שלך כבר צריך עבור PaymentIntents. אימות Webhook נמצא ב-API הזה, לא בתוך React Native.

למה זה חוסך זמן פיתוח

הצוות שלך מדלג על ההטמעה הראשונה של Stripe React Native: גיליון תשלום, SCA, תצורה מקורית ומסירה שמתעדת כיצד האפליקציה מדברת עם ה-API שלך.

למי זה מיועד

מפתחים וסוכנויות שכבר יש להם אפליקציית React Native iOS/Android ו-API, ורוצים נתיב Stripe בר תחזוקה מבלי לשכתב את האפליקציה ב-Flutter.

יכולות עיקריות

מה כלול ב־שילוב Stripe עבור React Native

גיליון תשלום ב-React Native

הצג את גיליון התשלום של Stripe עם @stripe/stripe-react-native מפעולת השכר שלך ב-React Native. נתוני הכרטיס נשארים ב-Stripe - לא במצב React Native אתה ממשיך.

React Native מביא את סודות הלקוח - אף פעם לא את המפתח הסודי

אפליקציית React Native משתמשת רק במפתח הניתן לפרסום ובסוד לקוח קצר מועד מהממשק ה-API שלך. שילוב פס עבור React Native אינו מכניס STRIPE_SECRET_KEY לחבילת JS או בינארי מקורי.

Apple Pay ו-Google Pay ב-React Native

הפעל ארנקים בגיליון התשלומים כאשר חשבון Stripe, מזהה הסוחר של Apple והגדרת Google Pay מאפשרים זאת. React Native fallback נשאר בגיליון התשלום של הכרטיס.

React Native מצב בדיקה ולאחר מכן מפתח חי לפרסום

שלח תחילה את אפליקציית React Native עם המפתח הניתן לפרסום בבדיקת Stripe. חיתוך חי הוא שינוי מקיף/טעם מתועד בתוספת הסוד החי התואם ב-API שלך.

הגשמה אינה מסך הצלחה של React Native

מסך תודה של React Native אינו מקור האמת. ה-API שלך מאמת את ה-Stripe webhook, ואז אפליקציית React Native קוראת מצב בתשלום מאותו API.

תגובה שגיאה מקורית ובטל מצבים

טפל בכרטיסים שנדחו, גיליון תשלומים שבוטל, כשלי רשת ו-3-D Secure לא שלם כך שממשק המשתמש המקורי של React לא ישאיר את הלקוח על מסך מת.

מקרי שימוש

מתי שילוב Stripe עבור React Native מתאים

חנות React Native הקיימת ב-iOS ואנדרואיד

כבר יש לך אפליקציית React Native וממשק API. אתה צריך תשלום בדף תשלום מבלי לשכתב את הקטלוג ב-Flutter.

סוכנות מוסרת אפליקציית לקוח React Native לייצור

אתה צריך נתיב Stripe הניתן לתחזוקה ב-React Native, מקור במאגר הלקוח, וחתך חי-מפתח מתועד במקום הדגמת חטיף.

חומת תשלום SaaS ב-React Native

אפליקציית React Native אוספת אמצעי תשלום ראשון בזמן שהמנויים נשארים ב-API שלך וב-Stripe Billing אם אתה כבר משתמש בהם.

אפליקציית React Native, Django או Node API כבר קיימת

שילוב Stripe עבור React Native הוא צד הלקוח הנייד. אם אתה גם צריך את ה-API בנוי, זה מוגדר בנפרד - המחיר הזה אינו קצה עורפי חדש.

דמו

תצוגה מקדימה של זרימת גיליון תשלום מקורי של React

הצג תצוגה מקדימה של נתיב התשלום של React Native: פעולת תשלום, גיליון תשלום, אישור ומצבי כשל. ארגז חול חי כנגד חשבון Stripe שלך ​​זמין לאחר בדיקת תאימות. דף זה אינו מעבד חיובים אמיתיים.

איך זה עובד

כיצד מועברת שילוב Stripe עבור React Native

זרימת עבודה סטנדרטית של תוסף Bacodo, עם בדיקות ספציפיות ל-React Native עבור Expo לעומת חשוף, יעדי iOS/Android וה-API שהאפליקציה כבר קוראת לו.

  1. 01

    בחר React Native Stripe

    אשר את שילוב Stripe עבור React Native ושיש לך (או תגדיר) ממשק API שיכול ליצור PaymentIntents.

  2. 02

    React Native בדיקת תאימות

    סקור את גרסת React Native, Expo או זרימת עבודה חשופה, ממשק המשתמש הקיים של התשלום ואת שפת הקצה האחורית שבה האפליקציה כבר משתמשת.

  3. 03

    השתלב ב-React Native

    הוסף את @stripe/stripe-react-native, מצגת של גיליון תשלום, תצורה מקורית וחוזה האחזור לנקודת הקצה שלך ב-PaymentIntent.

  4. 04

    הגדר את אפליקציית React Native

    חוט את המפתח הניתן לפרסום באמצעות env או flavor. מפתח סודי ו-webhook נשארים ב-API.

  5. 05

    בדוק את נתיב התשלום React Native

    הפעל כרטיסי בדיקה של Stripe ב-iOS וב-Android, 3-D Secure, בטל/דחה, ואשר את עדכוני ה-API של ה-Webhook שהאפליקציה React Native קוראת.

  6. 06

    מסירת מקור React Native

    שלח מקור React Native, הערות Env ורשימת בדיקה חיה של מפתחות. היישום של React Native הוא שלך לתחזוקה.

ארכיטקטורה

איך Stripe מתחבר לפרויקט React Native

הבינארי React Native אף פעם לא מחזיק את המפתח הסודי. גיליון תשלום משתמש בסוד לקוח מהממשק ה-API שלך. Stripe מודיע על ה-API הזה באמצעות webhook. React Native ואז קורא את מצב הסדר.

אפליקציית React Nativeגיליון תשלוםה-API שלךStripe PaymentIntentsWebhook → APIReact Native קורא מצב בתשלום

טכנולוגיות נתמכות

מה שילוב Stripe עבור React Native באמת משתמש

React Native ב-iOS ואנדרואיד

Current React Native ב-Expo או זרימת עבודה חשופה. זה לא אתר React ולא Flutter - ראה את הנחיתות האלה ב-Stripe עבור הערימות האלה.

@stripe/stripe-react-native

רשמי Stripe React Native SDK עבור גיליון תשלום וארנקים.

ה-API הקיים שלך

PaymentIntent יצירה ואימות webhook בקצה העורפי שאפליקציית React Native כבר מתקשרת. תוסף זה אינו מחליף את ה-API הזה בשירות Bacodo בלבד.

חשבון Stripe עבור אפליקציית React Native

חשבון ה-Stripe שלך, מפתחות בדיקה ומפתחות חיים, נקודת קצה של webhook ב-API ואירועי Dashboard.

נדרש אחורי

אפליקציית React Native היא לקוח. ה-webhook לא יכול לחיות רק בטלפון. פרויקט לאפליקציה בלבד ללא API לא יכול להשלים את נתיב התשלום הזה.

מה כלול

מה כוללת שילוב Stripe עבור React Native

  • שילוב בפרויקט React Native הקיים
  • קוד מקור מלא במאגר שלך
  • מצגת מקש לפרסום וגיליון תשלום
  • אחזר חוזה ל-PaymentIntent API שלך
  • נבדקו זרימות תשלום של React Native ב-iOS וב-Android לפני המסירה
  • הערות מסירה לחיתוך מבחן לחיים
  • תמיכה טכנית של 30 יום לאחר מסירה

לא במחיר התוספת

  • חשבון Stripe, מפתחות API ודמי עיבוד Stripe - אתה הבעלים של אלה
  • קצה אחורי חדש אם אין לך API שיכול ליצור PaymentIntents
  • שכתוב מ-React Native ל-Flutter
  • החלפה של Apple או Google In-App Purchase
  • Marketplace Connect או חיוב מותאם אישית, אלא אם הוגדר כעבודה מותאמת אישית

Pricing

שילוב Stripe לתמחור React Native

מחיר זה מיועד לפלטפורמת React Native בלבד. הוא אינו משתמש בתמחור התוספות Next.js, React, Django או Flutter.

שילוב Stripe עבור React Native

הוסף גיליון תשלום Stripe מוכן לייצור לאפליקציית React Native קיימת ושמור את קוד המקור.

דרישות

  • פרויקט React Native קיים
  • גישה ל-Stripe Test Mode
  • נדרש באקאנד לתשלומים מאובטחים

$145

חד־פעמי

React Native

צריך באקאנד?

  • קוד מקור מלא
  • ללא דמי רישיון
  • תמיכה ל־30 יום
  • אינטגרציה מלאה

תשלום מאובטח באמצעותstripe

מסירה ואבטחה

React Native מסירה ואבטחה

משלוח משוער של React Native

התשלום הטיפוסי של React Native Stripe נערך לאחר בדיקת התאימות של React Native. ציר הזמן תלוי ב-Expo לעומת חשוף, בממשק המשתמש הנוכחי של התשלום וב-API.

נבדק ב-React Native לפני המסירה

כרטיסי מצב בדיקה, 3-D Secure, נתיבים לביטול ודחיה מופעלים ב-iOS וב-Android לפני שאנו מוסרים.

סודות הפסים נשארים מחוץ לקובץ הבינארי React Native

רק המפתח הניתן לפרסום נמצא בלקוח. מפתחות סודיים וסודות webhook נשארים בשרת שאפליקציית React Native קוראת לו.

אימות Webhook הוא ב-API, לא ב-React Native

React Native לא מאמת את חתימת ה-Stripe-Signature. ה-API שלך עושה זאת, ואז React Native קורא את התוצאה.

אין תביעות אבטחה בלתי ניתנות לאימות של React Native

אנחנו לא טוענים לאישור PCI או לאפס הונאה. React Native אוספת כרטיסים דרך גיליון תשלום, לא טופס כרטיס מותאם אישית שאנו מאחסנים.

שאלות נפוצות

שאלות נפוצות

מה כוללת שילוב Stripe for React Native?

שילוב Stripe עבור React Native כולל הגדרת @stripe/stripe-react-native, גיליון תשלום בקופה הקיימת שלך ב-React Native, חוזה האחזור ל-PaymentIntent API, כיסוי הבדיקה של iOS ו-Android, והערות מסירה. אתה מקבל את המקור React Native בפרויקט שלך. עמלות Stripe, חשבון Stripe שלך ​​ובניית קצה אחורי חדש נפרדים.

האם תשלב את Stripe באפליקציית React Native הקיימת שלנו?

כן. שילוב Stripe עבור React Native נבנה עבור פרויקט React Native שכבר יש לך. אנו מתאימים את גיליון התשלום ונקודת הכניסה לתשלום בממשק המשתמש הנוכחי שלך בניווט ובתשלום ב-React Native במקום לשלוח אפליקציית הדגמה נפרדת כתוצר.

האם שילוב Stripe עבור React Native דורש קצה אחורי?

כן עבור מסלול הפקה של React Native Stripe. PaymentIntents, המפתח הסודי ואימות ה-webhook חייבים לחיות בשרת. אפליקציית React Native מקבלת רק מפתח שניתן לפרסום וסוד לקוח. אם אין לך ממשק API, העבודה האחורית הזו נכללת בנפרד ואינה מונחת במחיר התוסף של React Native.

באיזו חבילת Stripe משתמשת Stripe Integration for React Native?

שילוב Stripe עבור React Native משתמש ב-@stripe/stripe-react-native, ה-React Native SDK הרשמי של Stripe, עבור גיליון תשלום וכפתורי ארנק ב-iOS ואנדרואיד. אנחנו לא עוטפים את React Native checkout בתוסף לא מתועד אלא אם כן אתה דורש אחד כזה.

האם שילוב Stripe for React Native תומך ב-Apple Pay ו- Google Pay?

כן כאשר חשבון Stripe, מזהה הסוחר של Apple, הגדרת Google Pay והמכשירים תומכים בהם. ב-React Native, כפתורי ארנק הם היקף אופציונלי. גיליון תשלומים בכרטיס ב-React Native נשאר ברירת המחדל של החזרה.

האם Expo נכלל בשילוב Stripe עבור React Native?

Expo ו-bare React Native שניהם מועמדים. אנו מאשרים את Expo SDK, תוספים לתצורה ותאימות מודול מקורי במהלך בדיקת התאימות של React Native. אתר React הוא לא הנחיתה הזו - ראה שילוב Stripe for React.

האם שילוב Stripe for React Native יכול לגבות תשלומי מנוי?

לקוח React Native יכול לאשר כוונת תשלום או לאסוף אמצעי תשלום דרך גיליון תשלום. מוצרי Stripe Billing, פורטל לקוחות והיגיון חשבוניות פעילים ב-API שלך. עבודת React Native עתירת מנויים עשויה להזדקק להצעת מחיר מותאמת אישית.

היכן נמצאים מפתחות סודיים והניתנים לפרסום של Stripe באפליקציית React Native?

אפליקציית React Native משתמשת רק במפתח הניתן לפרסום של Stripe, בדרך כלל באמצעות env או טעם מאובטח. המפתח הסודי וחתימת ה-webhook נשארים בשרת. שילוב Stripe עבור React Native אינו מכניס מפתחות סודיים ל-APK או IPA.

כיצד פועלים מצב בדיקת Stripe ומצב חי ב-React Native?

אנו מיישמים תחילה אינטגרציה של Stripe עבור React Native מול מפתחות וכרטיסי בדיקה של Stripe. מעבר לאוויר הוא חיתוך מפתח ו-webhook מתועד בסביבת Stripe Dashboard ובסביבת השרת שלך המשמשת את אפליקציית React Native, לא הפעלת רישיון תוסף.

כיצד שילוב Stripe for React Native מטפל ב-3-D Secure / SCA?

גיליון תשלום מקורי של React ו-PaymentIntents מטפלים ב-3-D Secure דרך @stripe/stripe-react-native. אפליקציית React Native חייבת לשמור על זרימת הגיליון חיה עד ש-Stripe יחזיר סטטוס סופי; שילוב Stripe עבור React Native חוטי את המצבים הללו במפורש.

האם נדרשים Stripe webhooks לתשלום ב-React Native?

כן למימוש לאחר גיליון תשלום מקורי של React. ממשק המשתמש של React Native אינו מקור האמת. הקצה העורפי שלך מאמת את חתימות ה-Stripe webhook ולאחר מכן מסמן את ההזמנה בתשלום, פותח תוכן או מודיע על מילוי.

האם נוכל לשמור על ממשק המשתמש הנוכחי שלנו ב-React Native Checkout עם Stripe?

כן. שילוב Stripe עבור React Native שומר בדרך כלל על המוצר, העגלה וכפתור התשלום של React Native שלך ​​ומציג את גיליון התשלום מאותה פעולה. טופס כרטיס React Native מותאם אישית שנוגע בנתוני PAN גולמיים הוא מחוץ להיקף ברירת המחדל מכיוון שגיליון תשלום הוא נתיב ה-PCI הבטוח יותר.

האם המחיר של שילוב Stripe עבור React Native כולל חשבון Stripe או עמלות?

לא. אתה יוצר והבעלים של חשבון Stripe, מפתחות API ודמי עיבוד Stripe. מחיר התוסף של React Native הוא הטמעה בפרויקט React Native שלך, לא רישיון תשלום של Bacodo.

האם שילוב Stripe עבור React Native יחליף את הרכישה בתוך האפליקציה של אפל או גוגל?

לא. מוצרים דיגיטליים הנמכרים בחנות iOS או Android עדיין דורשים IAP. שילוב Stripe עבור React Native מיועד ל-Stripe באפליקציית React Native שבה Stripe הוא נתיב תשלום מותר לסוג המוצר שלך.

האם נוכל להתאים אישית קבלות ומטא נתונים של Stripe ב-React Native?

כן. מטא-נתונים של PaymentIntent, רשומות לקוחות והשדות שאתה ממשיך לאחר אישור webhook מיושרים למודל ההזמנה של אפליקציית React Native הקיימת שלך במהלך שילוב Stripe for React Native.

איזו תמיכת React Native כלולה לאחר מסירת Stripe?

המקור של React Native נמצא בריפו שלך, כך שהצוות שלך יכול לתחזק אותו. התמיכה הכלולה למשך 30 יום מכסה שאלות טכניות ופגמים בהיקף ה-Stripe Integration עבור React Native, ולא עבודת תכונות React Native שאינה קשורה.

כיצד מטופלים עדכוני Stripe-react-native או Stripe API ב-React Native?

במהלך חלון 30 הימים אנו עוזרים עם שבירה באינטגרציה של React Native שנמסרה הנגרמת על ידי שינוי Stripe או @stripe/stripe-react-native מתועד. שדרוגי חבילת React Native מתמשכים לאחר מכן הם התחזוקה שלך, או תמיכה טכנית מורחבת אם אתה קונה אותה.

מה אם תשלומי Stripe נכשלים באפליקציית React Native לייצור?

אנו מתעדים כיצד לקרוא את סטטוס PaymentIntent, יומני Stripe Dashboard, ומשלוח חיבור לאינטרנט מנתיב התשלום של React Native. תמיכה של 30 יום כוללת דחיות בפתרון בעיות, ירידה ב-3D Secure ומפתחות מוגדרים שגויים עבור זרימת ה-React Native שנמסרה.

אילו גרסאות של React Native תואמות ל-Stripe Integration עבור React Native?

אנו מאשרים את גרסת React Native, Expo או זרימת עבודה חשופה, יעד הפריסה של iOS ו-Android minSdk מול המהדורה @stripe/stripe-react-native שאנו מצמידים בזמן האינטגרציה. זמני ריצה של React Native ישנים יותר או בעלי מזלג כבד עשויים להזדקק להיקף נוסף.

מהי תמיכה של 30 יום לעומת תמיכה טכנית מורחבת של 6 חודשים עבור שילוב Stripe עבור React Native?

30 יום לאחר מסירה כלולה עבור נתיב React Native Stripe שנמסר. תמיכה טכנית מורחבת היא אופציונלית ב-20% ממחיר התוסף הזה של React Native ומכסה שישה חודשים נוספים של עזרה טכנית באותה אינטגרציה של React Native, לא בניית מוצר חדש.

שילוב Stripe עבור React Native

הוסף תשלומי Stripe המוכנים לייצור לאפליקציית React Native הקיימת שלך, שמור את קוד המקור ושמור סודות ב-API שלך.

$145

הוסף לפרויקטצפה בהדגמה