Integrating Stripe API for Payment Processing Examples

Integrating Stripe API for Payment Processing

Stripe is a powerful payment processing platform that enables businesses to accept online payments. By integrating the Stripe API, developers can create customized payment solutions tailored to their specific needs. Below are three diverse examples of integrating the Stripe API for payment processing, showcasing different use cases and implementations.

Example 1: Basic Payment Processing with Stripe

Context

This example demonstrates how to integrate Stripe for basic payment processing in an e-commerce application. By collecting customer payment information and processing a transaction, businesses can facilitate online purchases.

// Include Stripe.js in your HTML file
<script src="https://js.stripe.com/v3/"></script>

// Initialize Stripe with your publishable key
const stripe = Stripe('your_publishable_key');
const elements = stripe.elements();

// Create an instance of the card Element
const card = elements.create('card');
card.mount('#card-element');

// Handle form submission
const form = document.getElementById('payment-form');
form.addEventListener('submit', async (event) => {
    event.preventDefault();
    const { paymentMethod, error } = await stripe.createPaymentMethod({
        type: 'card',
        card: card,
    });
    if (error) {
        console.error(error);
    } else {
        console.log('Payment Method ID:', paymentMethod.id);
        // Send paymentMethod.id to your server for processing
    }
});

Notes

Replace 'your_publishable_key' with your actual Stripe publishable key.
Ensure that your server is set up to handle the payment method ID and process the payment securely.

Example 2: Subscription Billing with Stripe

Context

This example illustrates how to set up subscription billing using the Stripe API. It shows how to create a customer, subscribe them to a plan, and handle recurring payments.

// Create a new customer in your backend
const customer = await stripe.customers.create({
    email: 'customer@example.com',
    payment_method: 'pm_card_visa', // Payment method ID from Stripe
});

// Subscribe the customer to a plan
const subscription = await stripe.subscriptions.create({
    customer: customer.id,
    items: [{ plan: 'plan_id' }], // The ID of the plan to subscribe to
});

console.log('Subscription created:', subscription.id);

Notes

Ensure you replace 'plan_id' with the actual ID of the subscription plan you have set up in your Stripe dashboard.
This example assumes you have already collected the payment method ID and created the customer in your backend.

Example 3: One-time Payment with Payment Intent

Context

This example demonstrates how to use the Payment Intents API to handle a one-time payment in a mobile application. This approach is ideal for situations where you want to handle various payment methods and ensure secure transactions.

// Create a Payment Intent on your server
app.post('/create-payment-intent', async (req, res) => {
    const paymentIntent = await stripe.paymentIntents.create({
        amount: 1000, // Amount in cents
        currency: 'usd',
        payment_method_types: ['card'],
    });
    res.send({ clientSecret: paymentIntent.client_secret });
});

// On the client-side, confirm the payment
const result = await stripe.confirmCardPayment(clientSecret, {
    payment_method: { card: card, billing_details: { name: 'Jenny Rosen' } },
});
if (result.error) {
    console.error(result.error.message);
} else {
    console.log('Payment successful!', result.paymentIntent.id);
}

Notes

This example requires you to set up an endpoint on your server to create the Payment Intent.
Handle errors appropriately to ensure a smooth user experience during the payment process.

Examples of Integrating Stripe API for Payment Processing