- โปรเจกต์ React Native ที่มีอยู่
- สิทธิ์เข้าถึง Stripe Test Mode
- ต้องมีแบ็กเอนด์สำหรับการชำระเงินที่ปลอดภัย
ไม่ต้องให้สิทธิ์รีโป หากต้องการให้ Bacodo ผสานโดยตรงจึงค่อยให้สิทธิ์โปรเจกต์ชั่วคราว
ตอบสนองโปรแกรมเสริมเนทิฟ
เพิ่ม @stripe/stripe-react-native Payment Sheet ไปยังแอป React Native ที่มีอยู่ของคุณ โดยไม่ต้องสร้างแบบฟอร์มบัตรเนทิฟ, 3-D Secure และข้อผิดพลาดที่เป็นความลับตั้งแต่ต้น React Native ไม่ได้โฮสต์ webhooks — API ของคุณโฮสต์อยู่
เริ่มต้น
$145
USD · React Native
การรวม Stripe สำหรับ React Native · React Native
Requirements
ไม่ต้องให้สิทธิ์รีโป หากต้องการให้ Bacodo ผสานโดยตรงจึงค่อยให้สิทธิ์โปรเจกต์ชั่วคราว
ทำอะไร
Bacodo ผสานรวม Stripe เข้ากับโปรเจ็กต์ React Native ที่คุณมีอยู่แล้ว (Expo หรือ bare) หลังจากส่งมอบ React Native Source จะอยู่ใน Repo ของคุณ รหัสลับและเว็บฮุคจะยังคงอยู่ในแบ็กเอนด์ที่คุณเรียกใช้อยู่แล้ว คุณยังคงเป็นเจ้าของบัญชี Stripe และค่าธรรมเนียม Stripe
แอป React Native ไม่สามารถสร้าง PaymentIntents หรือยืนยัน webhooks ได้อย่างปลอดภัย จำเป็นต้องมีเอกสารการชำระเงินและแบ็กเอนด์ที่ส่งคืนความลับของลูกค้า การสร้างที่แยกผิดจะส่งรหัสลับในไบนารี่
เราเพิ่ม @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 ด้วย @stripe/stripe-react-native จากการดำเนินการชำระเงิน React Native ของคุณ ข้อมูลการ์ดจะอยู่บน Stripe — ไม่ใช่ในสถานะ React Native ที่คุณคงอยู่
แอป React Native ใช้เฉพาะคีย์ที่เผยแพร่ได้และข้อมูลลับไคลเอ็นต์ที่มีอายุสั้นจาก API ของคุณ Stripe Integration สำหรับ React Native ไม่ได้ใส่ STRIPE_SECRET_KEY ไว้ในบันเดิล JS หรือไบนารีดั้งเดิม
เปิดใช้งานกระเป๋าเงินในเอกสารการชำระเงินเมื่อบัญชี Stripe, ID ผู้ขายของ Apple และการตั้งค่า Google Pay ของคุณอนุญาต ตอบสนองทางเลือกดั้งเดิมยังคงอยู่ในเอกสารการชำระเงินของบัตร
จัดส่งแอป React Native ด้วยรหัสที่เผยแพร่การทดสอบ Stripe ก่อน Live cutover คือการเปลี่ยนแปลงสภาพแวดล้อม/รสชาติที่ได้รับการบันทึกไว้ บวกกับความลับสดที่ตรงกันบน API ของคุณ
หน้าจอขอบคุณ React Native ไม่ใช่แหล่งที่มาของความจริง API ของคุณจะตรวจสอบ Stripe webhook จากนั้นแอป React Native จะอ่านสถานะที่ต้องชำระเงินจาก API นั้น
จัดการกับบัตรที่ถูกปฏิเสธ เอกสารการชำระเงินที่ถูกยกเลิก เครือข่ายล้มเหลว และ 3-D Secure ที่ไม่สมบูรณ์ ดังนั้น React Native UI จะไม่ปล่อยให้ลูกค้าอยู่บนหน้าจอที่ไม่ทำงาน
กรณีใช้งาน
คุณมีแอป React Native และ API อยู่แล้ว คุณต้องมีการชำระเงินโดยไม่ต้องเขียนแคตตาล็อกใหม่ใน Flutter
คุณต้องมีเส้นทาง Stripe ที่บำรุงรักษาได้ใน React Native, แหล่งที่มาใน repo ไคลเอนต์ และการตัดคีย์สดที่จัดทำเป็นเอกสารแทนการสาธิตของว่าง
แอป React Native จะรวบรวมวิธีการชำระเงินวิธีแรกในขณะที่การสมัครสมาชิกจะยังคงอยู่ใน API และ Stripe Billing ของคุณหากคุณใช้อยู่แล้ว
Stripe Integration สำหรับ React Native เป็นฝั่งไคลเอ็นต์มือถือ หากคุณต้องการสร้าง API ด้วย ซึ่งมีการกำหนดขอบเขตแยกต่างหาก ราคานี้ไม่ใช่ราคาแบ็กเอนด์ใหม่
เดโม
ดูตัวอย่างเส้นทางการชำระเงิน React Native: การดำเนินการชำระเงิน เอกสารการชำระเงิน การยืนยัน และสถานะความล้มเหลว แซนด์บ็อกซ์สดสำหรับบัญชี Stripe ของคุณพร้อมใช้งานหลังจากการตรวจสอบความเข้ากันได้ หน้านี้ไม่ได้ประมวลผลการเรียกเก็บเงินจริง
วิธีทำงาน
เวิร์กโฟลว์ส่วนเสริมมาตรฐานของ Bacodo พร้อมการตรวจสอบเฉพาะ React Native สำหรับ Expo และ Bare, เป้าหมาย iOS/Android และ API ที่แอปเรียกใช้อยู่แล้ว
01
ยืนยันการรวม Stripe สำหรับ React Native และคุณมี (หรือจะกำหนดขอบเขต) API ที่สามารถสร้าง PaymentIntents ได้
02
ตรวจสอบเวอร์ชัน React Native, Expo หรือเวิร์กโฟลว์เปล่า, UI การชำระเงินที่มีอยู่ และภาษาแบ็กเอนด์ที่แอปใช้อยู่แล้ว
03
เพิ่ม @stripe/stripe-react-native, การนำเสนอเอกสารการชำระเงิน, การกำหนดค่าดั้งเดิม และสัญญาดึงข้อมูลไปยังตำแหน่งข้อมูล PaymentIntent ของคุณ
04
โยงคีย์ที่เผยแพร่ได้ผ่าน env หรือรส รหัสลับและเว็บฮุคจะยังคงอยู่ใน API
05
เรียกใช้การ์ดทดสอบ Stripe บน iOS และ Android, 3-D Secure, ยกเลิก/ปฏิเสธ และยืนยันการอัปเดต API webhook ระบุว่าแอป React Native อ่านแล้ว
06
ส่งแหล่งที่มา React Native, บันทึก env และรายการตรวจสอบคีย์สด การใช้งาน React Native เป็นของคุณที่ต้องดูแลรักษา
สถาปัตยกรรม
ไบนารี React Native ไม่เคยเก็บรหัสลับไว้ เอกสารการชำระเงินใช้ความลับของลูกค้าจาก API ของคุณ Stripe แจ้ง API นั้นโดย webhook React Native จะอ่านสถานะการสั่งซื้อ
เทคโนโลยีที่รองรับ
React Native ปัจจุบันบน Expo หรือเวิร์กโฟลว์เปล่า นี่ไม่ใช่เว็บไซต์ React และไม่ใช่ Flutter — ดูการลงจอดของ Stripe สำหรับสแต็กเหล่านั้น
SDK Native React อย่างเป็นทางการของ Stripe สำหรับเอกสารการชำระเงินและกระเป๋าเงิน
PaymentIntent สร้างและการตรวจสอบ webhook บนแบ็กเอนด์ที่แอป React Native เรียกใช้แล้ว ส่วนเสริมนี้ไม่ได้แทนที่ API นั้นด้วยบริการเฉพาะ Bacodo เท่านั้น
บัญชี Stripe ของคุณ การทดสอบและคีย์สด จุดสิ้นสุดของเว็บฮุคบน API และกิจกรรมแดชบอร์ด
แอป React Native เป็นไคลเอนต์ Webhook ไม่สามารถอยู่ได้เฉพาะบนโทรศัพท์เท่านั้น โปรเจ็กต์เฉพาะแอปที่ไม่มี API ไม่สามารถดำเนินการตามเส้นทางการชำระเงินนี้ได้
สิ่งที่รวมอยู่
Pricing
ราคานี้สำหรับแพลตฟอร์ม React Native เท่านั้น ไม่ใช้การกำหนดราคาส่วนเสริม Next.js, React, Django หรือ Flutter
การรวม Stripe สำหรับ React Native
เพิ่ม Stripe Payment Sheet ที่พร้อมใช้งานจริงลงในแอป React Native ที่มีอยู่และเก็บซอร์สโค้ดไว้
ข้อกำหนด
$145
จ่ายครั้งเดียวReact Native
ต้องการแบ็กเอนด์หรือไม่?
ชำระเงินอย่างปลอดภัยผ่านstripe
การส่งมอบและความปลอดภัย
การชำระเงิน React Native Stripe โดยทั่วไปจะมีขอบเขตหลังจากการตรวจสอบความเข้ากันได้ของ React Native ไทม์ไลน์ขึ้นอยู่กับ Expo เทียบกับ Bare, UI การชำระเงินปัจจุบัน และ API
การ์ดโหมดทดสอบ การรักษาความปลอดภัย 3 มิติ การยกเลิก และการปฏิเสธจะใช้ได้บน iOS และ Android ก่อนที่เราจะส่งมอบ
เฉพาะรหัสที่สามารถเผยแพร่ได้เท่านั้นที่อยู่ในไคลเอนต์ รหัสลับและความลับของเว็บฮุคจะอยู่บนเซิร์ฟเวอร์เมื่อมีการเรียกใช้แอป React Native
React Native ไม่ได้ตรวจสอบ Stripe-Signature API ของคุณทำ จากนั้น React Native จะอ่านผลลัพธ์
เราไม่เรียกร้องการรับรอง PCI หรือการฉ้อโกงเป็นศูนย์ React Native รวบรวมบัตรผ่านเอกสารการชำระเงิน ไม่ใช่แบบฟอร์มบัตรแบบกำหนดเองที่เราจัดเก็บ
คำถามที่พบบ่อย
Stripe Integration สำหรับ React Native ประกอบด้วยการตั้งค่า @stripe/stripe-react-native เอกสารการชำระเงินในการชำระเงิน React Native ที่มีอยู่ สัญญาดึงข้อมูลไปยัง PaymentIntent API ของคุณ ความครอบคลุมการทดสอบ iOS และ Android และบันทึกการส่งมอบ คุณได้รับ React Native ในโครงการของคุณ ค่าธรรมเนียม Stripe บัญชี Stripe ของคุณ และการสร้างแบ็กเอนด์ใหม่จะแยกจากกัน
ใช่ Stripe Integration สำหรับ React Native สร้างขึ้นสำหรับโปรเจ็กต์ React Native ที่คุณมีอยู่แล้ว เราปรับเอกสารการชำระเงินและจุดเข้าชำระเงินให้เข้ากับการนำทาง React Native และ UI การชำระเงินปัจจุบันของคุณ แทนที่จะจัดส่งแอปสาธิตแยกต่างหากเป็นการส่งมอบ
ใช่สำหรับเส้นทาง React Native Stripe ที่ใช้งานจริง PaymentIntents, รหัสลับ และการตรวจสอบเว็บฮุคต้องอยู่บนเซิร์ฟเวอร์ แอป React Native ได้รับเฉพาะคีย์ที่เผยแพร่ได้และข้อมูลลับไคลเอ็นต์เท่านั้น หากคุณไม่มี API งานแบ็กเอนด์นั้นจะมีการกำหนดขอบเขตแยกกัน และไม่ถือว่าอยู่ในราคาส่วนเสริม React Native
การรวม Stripe สำหรับ React Native ใช้ @stripe/stripe-react-native ซึ่งเป็น React Native SDK อย่างเป็นทางการของ Stripe สำหรับเอกสารการชำระเงินและปุ่มกระเป๋าเงินบน iOS และ Android เราไม่รวมการชำระเงิน React Native ไว้ในปลั๊กอินที่ไม่มีเอกสาร เว้นแต่ว่าคุณต้องการอย่างชัดเจน
ใช่ เมื่อบัญชี Stripe, ID ผู้ขายของ Apple, การตั้งค่า Google Pay และอุปกรณ์ต่างๆ ของคุณรองรับ ใน React Native ปุ่มกระเป๋าเงินเป็นขอบเขตที่ไม่บังคับ เอกสารการชำระเงินด้วยบัตรบน React Native ยังคงเป็นทางเลือกเริ่มต้น
ทั้ง Expo และ Bare React Native ต่างก็เป็นตัวเลือก เรายืนยันความเข้ากันได้ของ Expo SDK, ปลั๊กอินการกำหนดค่า และโมดูลเนทิฟระหว่างการตรวจสอบความเข้ากันได้ของ React Native เว็บไซต์ React ไม่ใช่การเชื่อมโยงไปถึงนี้ — ดูที่ Stripe Integration สำหรับ React
ลูกค้า React Native สามารถยืนยัน PaymentIntent หรือรวบรวมวิธีการชำระเงินผ่านเอกสารการชำระเงิน ผลิตภัณฑ์ Stripe Billing ที่เป็นกิจวัตร พอร์ทัลลูกค้า และตรรกะของใบแจ้งหนี้พร้อมใช้งานบน API ของคุณ งาน React Native ที่สมัครสมาชิกจำนวนมากอาจต้องมีใบเสนอราคาที่กำหนดเอง
แอป React Native จะใช้คีย์ที่เผยแพร่ได้ของ Stripe เท่านั้น ซึ่งโดยทั่วไปจะผ่านทาง env หรือรสชาติที่ปลอดภัย รหัสลับและข้อมูลลับในการเซ็นชื่อเว็บฮุคจะอยู่บนเซิร์ฟเวอร์ Stripe Integration สำหรับ React Native ไม่ได้ใส่คีย์ลับใน APK หรือ IPA
เราใช้ Stripe Integration สำหรับ React Native กับคีย์ทดสอบ Stripe และการ์ดทดสอบก่อน การถ่ายทอดสดเป็นคีย์ที่ได้รับการบันทึกไว้และการตัดเว็บฮุคใน Stripe Dashboard และสภาพแวดล้อมเซิร์ฟเวอร์ของคุณที่ใช้โดยแอป React Native ไม่ใช่การเปิดใช้งานใบอนุญาตเสริม
React Native Payment Sheet และ PaymentIntents จัดการ 3-D Secure ผ่าน @stripe/stripe-react-native แอป React Native จะต้องคงการไหลของชีตไว้จนกว่า Stripe จะส่งกลับสถานะสุดท้าย Stripe Integration สำหรับ React Native wire ระบุสถานะเหล่านั้นอย่างชัดเจน
ใช่สำหรับการดำเนินการหลังจาก React Native Payment Sheet React Native UI ไม่ใช่แหล่งที่มาของความจริง แบ็กเอนด์ของคุณจะตรวจสอบลายเซ็น Stripe webhook จากนั้นทำเครื่องหมายคำสั่งซื้อที่ชำระเงิน ปลดล็อกเนื้อหา หรือแจ้งเตือนการดำเนินการ
ใช่ โดยทั่วไป Stripe Integration สำหรับ React Native จะเก็บผลิตภัณฑ์ React Native ตะกร้าสินค้า และปุ่มชำระเงินของคุณไว้ และแสดงเอกสารการชำระเงินจากการดำเนินการนั้น แบบฟอร์มการ์ด React Native แบบกำหนดเองที่แตะข้อมูล PAN แบบดิบนั้นอยู่นอกขอบเขตเริ่มต้นเนื่องจากเอกสารการชำระเงินเป็นเส้นทาง PCI ที่ปลอดภัยกว่า
ไม่ คุณสร้างและเป็นเจ้าของบัญชี Stripe, คีย์ API และค่าธรรมเนียมการดำเนินการ Stripe ราคาส่วนเสริม React Native ถูกนำมาใช้ในโปรเจ็กต์ React Native ของคุณ ไม่ใช่ใบอนุญาตการชำระเงินของ Bacodo
ไม่ สินค้าดิจิทัลที่จำหน่ายภายในร้านค้า iOS หรือ Android มักจะต้องใช้ IAP การรวม Stripe สำหรับ React Native ใช้สำหรับการชำระเงินแบบ Stripe ในแอป React Native โดยที่ Stripe เป็นเส้นทางการชำระเงินที่อนุญาตสำหรับประเภทผลิตภัณฑ์ของคุณ
ใช่ ข้อมูลเมตา PaymentIntent บันทึกลูกค้า และฟิลด์ที่คุณคงอยู่หลังจากการยืนยันเว็บฮุคจะสอดคล้องกับรูปแบบการสั่งซื้อของแอป React Native ที่มีอยู่ของคุณในระหว่างการผสานรวม Stripe สำหรับ React Native
แหล่งที่มา React Native อยู่ใน repo ของคุณ ดังนั้นทีมของคุณสามารถดูแลรักษามันได้ การสนับสนุน 30 วันที่มีให้ครอบคลุมคำถามทางเทคนิคและข้อบกพร่องใน Stripe Integration สำหรับขอบเขต React Native ที่ส่งมา ไม่ใช่งานฟีเจอร์ React Native ที่ไม่เกี่ยวข้อง
ในช่วงกรอบเวลา 30 วัน เราช่วยเหลือเรื่องการแตกหักในการผสานรวม React Native ที่จัดส่ง ซึ่งเกิดจากการเปลี่ยนแปลง Stripe หรือ @stripe/stripe-react-native ที่บันทึกไว้ การอัปเกรดแพ็คเกจ React Native อย่างต่อเนื่องหลังจากนั้นเป็นการบำรุงรักษาของคุณ หรือการสนับสนุนด้านเทคนิคแบบขยายเวลา หากคุณซื้อ
เราจัดทำเอกสารวิธีการอ่านสถานะ PaymentIntent บันทึก Stripe Dashboard และการจัดส่งเว็บฮุคจากเส้นทางการชำระเงินแบบ React Native การสนับสนุน 30 วันประกอบด้วยการแก้ไขปัญหาการปฏิเสธ การลดลงของ 3-D Secure และคีย์ที่กำหนดค่าไม่ถูกต้องสำหรับโฟลว์ React Native ที่จัดส่ง
เรายืนยันเวอร์ชัน React Native, Expo หรือเวิร์กโฟลว์เปล่า, เป้าหมายการปรับใช้ iOS และ Android minSdk เทียบกับ @stripe/stripe-react-native release ที่เราปักหมุดไว้ ณ เวลารวมระบบ รันไทม์ React Native ที่เก่ากว่าหรือมีการแยกส่วนอย่างหนักอาจต้องมีขอบเขตเพิ่มเติม
30 วันหลังจากการส่งมอบจะรวมอยู่ในเส้นทาง React Native Stripe ที่จัดส่ง การสนับสนุนด้านเทคนิคแบบขยายเวลาเป็นทางเลือกที่ 20% ของราคาส่วนเสริม React Native นี้ และครอบคลุมความช่วยเหลือทางเทคนิคเพิ่มเติมอีกหกเดือนเกี่ยวกับการผสานรวม React Native แบบเดียวกัน ไม่ใช่ผลิตภัณฑ์ใหม่
เพิ่มการชำระเงิน Stripe ที่พร้อมใช้งานจริงไปยังแอป React Native ที่มีอยู่ของคุณ เก็บซอร์สโค้ด และเก็บความลับใน API ของคุณ
$145