- Projek Next.js sedia ada
- Akses Stripe Test Mode
Akses repositori tidak diperlukan. Akses projek hanya perlu jika anda mahu Bacodo mengintegrasikannya secara langsung.
Tambahan Next.js
Tambahkan Stripe Checkout atau Elemen Pembayaran, PaymentIntents dan webhook yang ditandatangani pada projek Penghala Aplikasi Next.js anda yang sedia ada tanpa membina pembayaran, 3-D Secure dan pendawaian Pengendali Laluan dari awal.
Dari
$145
USD · Next.js
Penyepaduan Stripe untuk Next.js · Next.js
Requirements
Akses repositori tidak diperlukan. Akses projek hanya perlu jika anda mahu Bacodo mengintegrasikannya secara langsung.
Apa yang dilakukan
Bacodo menyepadukan Stripe ke dalam projek Next.js yang telah anda miliki. Selepas penyerahan, pelaksanaan kekal dalam repo anda supaya pasukan anda boleh membaca, mengubah dan memanjangkannya. Anda masih memiliki akaun Stripe, kunci API dan yuran Stripe.
Pembayaran kad dan dompet dalam Next.js memerlukan PaymentIntents, Checkout atau Elemen Pembayaran, Kunci rahsia 3-D Secure, pelayan sahaja dan Pengendali Laluan webhook yang mengesahkan tandatangan. Membina laluan itu dari awal adalah perlahan dan mudah tersilap.
Kami menambahkan Stripe.js pada klien Next.js, Pengendali Laluan (atau Tindakan Pelayan) yang membuat PaymentIntents atau Sesi Checkout, pengesahan webhook, kejayaan/batalkan halaman dan konfigurasi ujian/persekitaran langsung untuk Penghala Apl.
Pasukan anda melangkau pelaksanaan Stripe Next.js pengeluaran pertama: Pengendali Penghala Apl, SCA, keadaan ralat dan penyerahan yang mendokumenkan cara menghantar kunci langsung.
Pembangun, pasukan teknikal, agensi dan pemula yang sudah mempunyai apl Next.js dan mahukan laluan pembayaran pengeluaran yang boleh mereka kekalkan.
Ciri utama
Gunakan Stripe Checkout yang dihoskan atau Elemen Pembayaran terbenam pada halaman pembayaran Next.js anda. Butang kemasukan kad, 3-D Secure dan dompet kekal pada laluan PCI Stripe — bukan borang kad tersuai yang anda simpan.
Buat Sesi Checkout atau PaymentIntents dalam Next.js Route Handlers. Penyemak imbas hanya menggunakan kunci boleh diterbitkan dan rahsia pelanggan — kunci rahsia tidak pernah dihantar dalam Komponen Pelanggan.
Dayakan butang dompet dalam Stripe Checkout atau Elemen Pembayaran apabila akaun dan domain Stripe anda disahkan. Saling balik Next.js kekal pada pembayaran kad.
Hantar apl Next.js dengan kunci ujian Stripe, kad ujian dan potong yang didokumenkan kepada kunci hidup. Pembolehubah persekitaran Next.js kekal di luar himpunan klien.
Kejayaan pembayaran dalam UI Next.js bukanlah sumber kebenaran. Pengendali Laluan mengesahkan tandatangan Stripe dan mengemas kini pesanan atau keadaan kelayakan sebelum dipenuhi.
Mengendalikan kad yang ditolak, Daftar Keluar yang dibatalkan, kegagalan rangkaian dan 3-D Secure yang tidak lengkap supaya UI Next.js tidak meninggalkan pelanggan di halaman yang mati.
Kes penggunaan
Anda sudah menerima pesanan atau tempahan dalam Next.js dan memerlukan pembayaran kad tanpa menulis semula katalog atau aliran tempahan.
Anda memerlukan laluan Stripe yang boleh diselenggara dalam Next.js, sumber dalam repo klien dan pemotongan kunci langsung yang didokumenkan dan bukannya prototaip Next.js sekali sahaja.
Apl Next.js mesti mengumpulkan pembayaran pertama atau mengemas kini kaedah pembayaran sementara langganan dan invois kekal pada pelayan anda dan Stripe Billing jika anda sudah menggunakannya.
Mulakan dengan caj pelanggan dalam apl Next.js. Caj Stripe Connect atau destinasi boleh diskop secara berasingan jika model pasaran Next.js anda memerlukannya.
Demo
Pratonton laluan daftar keluar Next.js: troli atau tindakan bayar, Elemen Daftar Keluar atau Pembayaran, pengesahan dan keadaan kegagalan. Kotak pasir langsung terhadap akaun Stripe anda tersedia selepas semakan keserasian. Halaman ini tidak memproses caj sebenar.
Cara ia berfungsi
Aliran kerja tambahan Bacodo standard, dengan pemeriksaan Next.js dan Stripe khusus untuk Penghala Apl, Pengendali Laluan dan lapisan data sedia ada anda.
01
Sahkan Integrasi Jalur untuk Next.js dan sama ada pembayaran satu hari dihoskan Elemen Checkout atau Pembayaran.
02
Semak versi Next.js, Penghala Apl lwn Penghala Halaman, UI pembayaran sedia ada, pangkalan data dan sama ada anda sudah mempunyai akaun Stripe.
03
Tambahkan Stripe.js, halaman daftar keluar, Pengendali Laluan untuk sesi atau PaymentIntents dan pengendali webhook yang ditandatangani.
04
Kekunci ujian Wire Next.js, titik akhir webhook dan konfigurasi pelayan khusus persekitaran.
05
Jalankan kad ujian Stripe, 3-D Secure, laluan batal/tolak dan pengesahan webhook pada apl Next.js.
06
Hantar sumber Next.js, nota konfigurasi dan senarai semak kunci langsung. Pelaksanaan Next.js adalah milik anda untuk dikekalkan.
Seni bina
Penyemak imbas Next.js tidak pernah bercakap dengan Stripe dengan kunci rahsia. Elemen Checkout atau Pembayaran menggunakan rahsia pelanggan daripada Pengendali Laluan. Stripe memberitahu webhook Next.js anda sebelum anda memenuhi.
Teknologi disokong
Next.js stabil semasa dengan Penghala Apl ialah lalai. Penghala Halaman boleh diskop jika itu yang repo Next.js anda sudah gunakan.
Stripe.js rasmi pada klien Next.js dan stripe pada pelayan untuk sesi, PaymentIntents dan pengesahan webhook.
Kemas kini pesanan atau kelayakan kekal dalam pangkalan data atau API yang telah digunakan oleh apl Next.js anda. Kami tidak menggantikan bahagian belakang anda dengan perkhidmatan Bacodo sahaja.
Akaun Stripe anda, ujian dan kekunci langsung yang digunakan oleh Next.js, titik akhir webhook dan acara Papan Pemuka. Yuran pemprosesan Stripe kekal dengan Stripe.
Hos yang boleh menjalankan Next.js Route Handlers dan menerima webhooks Stripe (contohnya Vercel atau pelayan Node). Eksport statik sahaja tidak mencukupi untuk laluan daftar keluar ini.
Apa yang disertakan
Pricing
Harga ini adalah untuk platform Next.js sahaja. Ia tidak menggunakan harga tambahan Django atau Flutter.
Penyepaduan Stripe untuk Next.js
Tambahkan pembayaran Stripe sedia pengeluaran pada apl Next.js sedia ada dan simpan kod sumber.
Keperluan
$145
sekali bayarNext.js
Perlu backend?
Checkout selamat olehstripe
Penyerahan + keselamatan
Penyepaduan keluar biasa Next.js Stripe diskop selepas semakan keserasian Next.js. Garis masa bergantung pada UI dan lapisan data Next.js semasa anda.
Kad mod ujian, laluan 3-D Secure, batal dan tolak digunakan pada apl Next.js sebelum kami menyerahkannya.
Kunci rahsia jalur dan rahsia menandatangani webhook kekal dalam env pelayan. Penyemak imbas Next.js hanya menerima kunci boleh diterbitkan dan rahsia pelanggan jangka pendek.
Pengendali Laluan webhook Next.js mengesahkan tandatangan Stripe sebelum mengemas kini perintah atau keadaan kelayakan.
Kami tidak menuntut pensijilan PCI, penipuan sifar atau kadar kelulusan yang dijamin. Data kad Next.js dikumpul melalui Stripe Checkout atau Elemen Pembayaran, bukan borang kad tersuai yang kami simpan.
Soalan lazim
Penyepaduan Stripe untuk Next.js termasuk Stripe.js, Checkout atau Elemen Pembayaran pada halaman pembayaran Next.js sedia ada anda, penciptaan PaymentIntent atau Sesi Checkout dalam Pengendali Laluan, pengendali webhook yang ditandatangani, liputan ujian dan nota penyerahan. Anda menerima sumber Next.js dalam projek anda. Yuran Stripe dan akaun Stripe anda adalah berasingan.
ya. Penyepaduan Stripe untuk Next.js dibina untuk projek Next.js yang telah anda miliki. Kami memasukkan daftar keluar dan titik masuk pembayaran ke dalam laluan dan UI Next.js semasa anda dan bukannya menghantar apl demo yang berasingan sebagai penghantaran.
Ya untuk pengeluaran Next.js Jalur Jalur. PaymentIntents, Checkout Sessions dan kunci rahsia mesti hidup pada pelayan. Penyemak imbas Next.js hanya menerima kunci yang boleh diterbitkan dan rahsia pelanggan. Eksport Next.js statik sahaja tidak boleh mengehoskan laluan webhook ini.
Penyepaduan Stripe untuk Next.js menggunakan Stripe.js rasmi pada klien dan SDK Nod Jalur dalam Pengendali Laluan Next.js. Kami tidak membalut pembayaran Next.js dalam pemalam tidak berdokumen melainkan anda memerlukannya secara eksplisit.
Ya apabila akaun Stripe anda, pengesahan domain dan peranti menyokongnya. Dalam Next.js, butang dompet adalah skop pilihan. Pembayaran Kad atau Elemen Pembayaran pada Next.js kekal sebagai sandaran lalai.
penyepaduan Stripe Lalai untuk skop Next.js ialah Penghala Apl. Laluan API Penghala Halaman boleh disertakan jika itu yang repo Next.js anda sudah gunakan dan kami bersetuju dengannya semasa semakan keserasian Next.js.
Pelanggan Next.js boleh mengesahkan PaymentIntent atau memulakan Sesi Checkout melalui Stripe.js. Produk Stripe Billing berulang, portal pelanggan dan logik invois secara langsung pada pelayan. Kerja Next.js yang berat langganan mungkin memerlukan Sebut Harga Tersuai.
Penyemak imbas Next.js hanya menggunakan kunci boleh diterbitkan Stripe. Kunci rahsia dan rahsia menandatangani webhook kekal dalam pembolehubah persekitaran pelayan yang digunakan oleh Pengendali Laluan. Integrasi Jalur untuk Next.js tidak meletakkan kunci rahsia dalam Komponen Pelanggan.
Kami melaksanakan Integrasi Stripe untuk Next.js terhadap kunci ujian Stripe dan kad ujian terlebih dahulu. Disiarkan secara langsung ialah kunci yang didokumenkan dan pemotongan webhook dalam Stripe Dashboard dan persekitaran pelayan Next.js anda, bukan pengaktifan lesen tambahan.
Stripe Checkout dan Elemen Pembayaran mengendalikan 3-D Secure melalui Stripe.js. Halaman Next.js mesti memastikan aliran keluar masuk sehingga Stripe mengembalikan status akhir; Penyepaduan Stripe untuk Next.js menyambungkan keadaan tersebut secara eksplisit.
Ya untuk pemenuhan selepas Next.js Checkout atau Elemen Pembayaran. UI Next.js bukanlah sumber kebenaran. Pengendali Laluan mengesahkan tandatangan webhook Stripe dan kemudian menandakan pesanan dibayar, membuka kunci kandungan atau memberitahu pemenuhan.
ya. Penyepaduan Stripe untuk Next.js biasanya menyimpan produk Next.js anda, troli dan butang bayar serta membuka Checkout atau memasang Elemen Pembayaran daripada tindakan itu. Borang kad Next.js tersuai yang menyentuh data PAN mentah adalah di luar skop lalai kerana Elemen Checkout atau Pembayaran ialah laluan PCI yang lebih selamat.
Tidak. Anda membuat dan memiliki akaun Stripe, kunci API dan yuran pemprosesan Stripe. Harga tambahan Next.js dilaksanakan ke dalam projek Next.js anda, bukan lesen pembayaran Bacodo.
Tidak. Barangan digital yang dijual di dalam gedung aplikasi selalunya masih memerlukan IAP. Integrasi Stripe untuk Next.js adalah untuk pembayaran Stripe dalam tapak web atau apl web Next.js dengan Stripe ialah laluan pembayaran yang dibenarkan untuk jenis produk anda.
ya. Metadata PaymentIntent atau Sesi Checkout, rekod pelanggan dan medan yang anda kekalkan selepas pengesahan webhook diselaraskan dengan model pesanan Next.js sedia ada anda semasa Penyepaduan Stripe untuk Next.js.
Sumber Next.js ada dalam repo anda, jadi pasukan anda boleh mengekalkannya. Sokongan 30 hari yang disertakan meliputi soalan teknikal dan kecacatan dalam penyepaduan Stripe yang dihantar untuk skop Next.js, bukan kerja ciri Next.js yang tidak berkaitan.
Semasa tetingkap 30 hari kami membantu dengan kerosakan dalam penyepaduan Next.js yang dihantar disebabkan oleh perubahan Stripe atau Stripe.js yang didokumenkan. Peningkatan pakej Next.js yang berterusan selepas itu ialah penyelenggaraan anda atau Sokongan Teknikal Lanjutan jika anda membelinya.
Kami mendokumenkan cara membaca status PaymentIntent atau Sesi Checkout, log Papan Pemuka Stripe dan penghantaran webhook daripada laluan daftar keluar Next.js. Sokongan 30 hari termasuk penyelesaian masalah penolakan, 3-D Secure drops dan salah konfigurasi kekunci untuk aliran Next.js yang dihantar.
Kami mengesahkan versi Next.js, Penghala Apl atau Penghala Halaman dan masa jalan Node anda terhadap Stripe SDK yang kami sematkan pada masa penyepaduan. Masa jalan Next.js yang lebih lama atau banyak bercabang mungkin memerlukan skop tambahan.
30 hari selepas penyerahan disertakan untuk laluan Jalur Next.js yang dihantar. Sokongan Teknikal Lanjutan adalah pilihan pada 20% daripada harga tambahan Next.js ini dan meliputi enam bulan lagi bantuan teknikal pada penyepaduan Next.js yang sama, bukan binaan produk baharu.
Tambahkan pembayaran Stripe sedia pengeluaran pada apl Next.js sedia ada anda, simpan kod sumber dan langkau pembayaran bangunan dari awal.
$145