Kontakt
#Tech | 9 min read | Updated: 4/1/2025

Integration von Stripe als Zahlungsmethode in Ruby on Rails: Schritt-für-Schritt

Updated: 4/1/2025
, Lead Ruby on Rails Developer
#Tech
9 min read

Der weltweite Markt für Zahlungs-Gateways wurde im Jahr 2022 auf 26,79 Milliarden USD geschätzt. Experten erwarten, dass er von 2022 bis 2030 mit einer durchschnittlichen jährlichen Wachstumsrate von 22,1 Prozent wachsen wird.

Dies bedeutet, dass immer mehr Menschen Online-Zahlungsmethoden wie Stripe nutzen oder zu ihnen wechseln. Die Auswirkungen der Covid-19-Pandemie haben diesen Wandel noch beschleunigt. Deshalb ist die Integration eines Zahlungsgatewaysystems wie Stripe für Ihr digitales Unternehmen unerlässlich. Stripe ist eine der besten Online-Zahlungsgateway-Lösungen: eine internationale Zahlungsmethode, die es Privatpersonen und Unternehmen ermöglicht, Online-Zahlungsmethoden zu nutzen. Lassen Sie uns lernen, wie man Stripe in ein Rails-Produkt integriert.

So integrieren Sie Stripe Gem in eine Ruby on Rails-Anwendung

Aufgrund der praktischen Schnittstelle und der umfangreichen Dokumentation ist Stripe eine einfach zu bedienende Anwendung für jedes Unternehmen. Um die Stripe-API zu Ihrem Rails-Produkt oder Ihrer Anwendung hinzuzufügen, müssen Sie nicht viel Code schreiben. Das liegt daran, dass das Stripe-Produkt über eine umfassende Dokumentation verfügt, wie dies zu tun ist.

Möchten Sie Stripe integrieren?

Kontaktieren Sie uns
letter

1. Erstellen des Entwicklerprofils

Um Zugang zu einem Stripe-API-Produktschlüssel zu erhalten, müssen Sie ein neues Entwicklerprofil erstellen, um den Code einzugeben. Gehen Sie auf dem Dashboard zu Kontoeinstellungen => API-Schlüssel. Dort finden Sie zwei geheime Schlüssel: die Stripe-API-Test- und Veröffentlichungsschlüssel. Diese Schlüssel werden für die Bereitstellung von vorgefertigtem Integrationscode verwendet.

Erstellen des Entwicklerprofils

Es gibt zwei Arten von Schlüsseln, darunter Test- und Live-Versionen.

Während der Integration des Stripe-API-Produktcodes sollten Sie nur die Testschlüssel des Stripe-Kontos verwenden, um eine versehentliche Belastung der Kreditkarte echter Kunden zu vermeiden. Die Live-Schlüssel werden erst verwendet, wenn Sie bereit sind, Ihre Anwendung bereitzustellen. Dies hilft den Nutzern, Kreditkarten auf Ihrer Website zu verwenden.

2. Erstellen Sie ein neues Stripe-Zahlungsformular

Um Ihr Produkt oder Ihre Anwendung mit den Karten Ihrer Kunden abrechnen zu können, benötigen Sie ein Zahlungsformular. Es ist also notwendig, etwas Neues zu erstellen oder zu codieren.

Die Verwendung des Stripe API-Produkts Checkout ist der einfachste Weg, ein neues Zahlungsformular zu erstellen, um Zahlungen mit Kreditkarten zu akzeptieren. Stripe erstellt damit automatisch ein neues Zahlungsformular. Alles, was Sie tun müssen, ist, den Code auf Ihrer Zahlungsseite hinzuzufügen:

Betrag: $

<script src=“https://checkout.stripe.com/checkout.js“ class=“stripe-button“

data-key=““

data-description=“Ein Monatsabonnement“

data-amount=““

data-locale=“auto“>

Die standardmäßige Stripe API Checkout-Schaltfläche wird generiert, sobald Sie dieses Formular zu Ihrer Zahlungsseite hinzufügen. Stipe Checkout validiert die Daten der Debit- oder Kreditkarte und erstellt ein neues Token, das einem verborgenen Element im Formular hinzugefügt wird. Diese Informationen werden dann an Ihren Server übermittelt.

Entwickler können Code-Attribute wie „data-image“, „data-name“ oder „data description“ verwenden, um das Stripe API Checkout Payment-Formular anzupassen.

Um jedoch ein vollständig benutzerdefiniertes Zahlungsformular zu erhalten, müssen Sie ein neues Token und ein Handle für die Übermittlung des Tokens an den Server erstellen. Außerdem müssen ein paar Skripte oder Codezeilen hinzugefügt werden:

Und

Stripe.setPublishableKey(‚pk_test_SAfpkFB2WVKLbQVukGCTVq5Z‘);

Das Haupt-API-Skript von Stripe akzeptiert Daten aus dem Formular und initiiert den Handler, der eine Callback-Funktion ist. Dadurch wird dem Zahlungsformular ein Eingabefeld hinzugefügt:

Der Handler sendet das Formular auch an den Server. Wenn dieses Eingabefeld nicht mit dem Stripe-API-Token oder -Code hinzugefügt wird, kann das Produkt keine Kreditkartenzahlungen im Backend akzeptieren.

3. Installieren von Stripe für das Projekt

Um die Stripe-API in Ihrer Anwendung zu verwenden, müssen Sie den Stripe-Ruby-Gem hinzufügen:

Edelstein ’streifen‘

Dann fügen Sie es dem Projekt hinzu, indem Sie den Befehl $ bundle starten und den Controller über die Befehlszeile $ rails g controller charges erstellen.

Nach dem Hinzufügen des Controllers erstellen Sie das neue Kundenobjekt. Obwohl Sie die Abrechnungen direkt durchführen können, ermöglicht Ihnen die Erstellung des Kunden die wiederholte Abrechnung über seine Kreditkarte. Verwenden Sie dazu den folgenden Code:

def neu

Ende

def erstellen

# Betrag in Cents

@Betrag = 500

Kunde = Stripe::Customer.create(

:email => params[:stripeEmail],

:source => params[:stripeToken]

)

Gebühr = Stripe::Charge.create(

:kunde => kunde.id,

:Betrag => @Betrag,

:description => ‚Rails Stripe Kunde‘,

:Währung => ‚usd‘

)

rescue Stripe::CardError => e

flash[:error] = e.message

redirect_to new_charge_path

Ende

4. Konfigurieren von Stripe Keys

Kehren Sie zu Ihrem Stripe-Kontoprofil zurück und öffnen Sie die Registerkarte API-Schlüssel. Speichern Sie Ihre Test- und Live-Schlüssel in der Datei secrets.yml und speichern Sie sie im Ordner config. Der Inhalt der Datei sollte wie dieser Code aussehen (wir haben die Schlüssel von unserem Testkonto verwendet):

Entwicklung:

stripe_secret_key: ’sk_test_nWjL9fQH8v23uSiEPJT5d1Xs‘

stripe_publishable_key: ‚pk_test_NxfJqAJ1j1w8p0K3959byw1P‘

Produktion:

stripe_secret_key: ’sk_live_wHzOtGqRSHVCCh1eaJiVd3M1′

stripe_publishable_key: ‚pk_live_iGxbYHVwYXZlQBZAKeuhzYEW‘

Gehen Sie dann zur Datei stripe.rb, die sich im Verzeichnis config/initializers/stripe.rb befindet, und fügen Sie dort den folgenden Code ein:

Rails.configuration.stripe = {

:publishable_key => ENV[‚PUBLISHABLE_KEY‘],

:secret_key => ENV[‚SECRET_KEY‘]

}

Stripe.api_key = Rails.configuration.stripe[:secret_key]

Denken Sie daran, dass Sie nur die Stripe-Testschlüssel hinzufügen sollten, um die Anwendung oder das Produkt nicht zu gefährden und echte Kunden nicht zu beeinträchtigen.

5. Erstellen von Seitenansichten

Als Nächstes müssen Sie festlegen, wie das Stripe-Zahlungsformular auf der Seite angezeigt werden soll: Sie erstellen ein neues Kreditkartenzahlungsformular und die Seite, die nach der Bearbeitung der Zahlung angezeigt wird.

Das Zahlungsformular ist notwendig, damit Sie Ihren Kunden etwas berechnen können. Der einfachste Weg, es zu integrieren, ist die Verwendung von Stripe Checkout – ein Tool, mit dem Sie problemlos Zahlungen per Kreditkarte akzeptieren können.

Wie benutzt man Stripe Checkout? Es wird automatisch ein einfaches, aber funktionales Zahlungsformular erstellt. Um es zu erhalten, fügen Sie diesen Code in Ihre Zahlungsseite ein.

letter

Unser Team kann die Stripe-Integration vereinfachen!

Kontaktieren Sie uns

Erstellen Sie nun ein Layout charges.html.erb im Verzeichnis application / views / layouts:

Der nächste Schritt besteht darin, eine neue Kassenseite new.html.erb im Ordner application / views / charges zu erstellen, um das Zahlungsformular anzuzeigen, die Kreditkartendaten zu validieren und Fehler zu melden. Erstellen Sie die neue Kassenseite mit dem folgenden Code:

Betrag: $5.00

<script src=“https://checkout.stripe.com/checkout.js“ class=“stripe-button“

data-key=““

data-description=“Monatliches Abonnement“

data-amount=“500″

data-locale=“auto“>

Fügen Sie dann eine Ansicht create.html.erb in dasselbe Verzeichnis ein, um dem Benutzer eine Nachricht über eine erfolgreiche Transaktion anzuzeigen:

Super! Ihre Zahlung von $100 war erfolgreich!

Jetzt wissen Sie, wie man ein Zahlungs-Gateway implementiert. Wir haben das Zahlungsformular hinzugefügt, das die vom Kunden angegebenen Daten validiert. Im nächsten Schritt erstellen wir ein einmaliges Token, das direkt an Ihren Server übermittelt wird. Standardmäßig sieht das Snippet wie unten dargestellt aus, aber es kann an die Farben Ihrer Marke angepasst werden. Wie das geht, erfahren Sie hier.

Wir haben die Stripe-API erfolgreich in eine Ruby on Rails-Anwendung implementiert. Jetzt ist es an der Zeit zu testen, was wir getan haben, und es einzusetzen.

6. Testen der Leistung

Sie haben erfolgreich eine Zahlungsgateway-Methode implementiert. Um die Funktionalität der integrierten Zahlungsmethode zu testen, starten Sie den Rails-Server und setzen Sie die Variablen für Ihre testveröffentlichbaren und privaten Schlüssel:

PUBLISHABLE_KEY=pk_test_NxfJqAJ1j1w8p0K3959byw1P

SECRET_KEY=sk_test_nWjL9fQH8v23uSiEPJT5d1Xs Schienen s

Gehen Sie nun auf http://localhost:3000/charges/new, um das verwendbare Zahlungsformular zu sehen. Geben Sie die Stripe-Testkartennummer, eine zufällige dreistellige CVC und ein zukünftiges Ablaufdatum ein. Wenn die Belastung erfolgreich war, wird sie auf Ihrem Produkt-Dashboard angezeigt.

7. Auf Heroku bereitstellen

Nachdem Sie die Transaktion erfolgreich durchgeführt haben, ist es an der Zeit, sie für Ihre Benutzer öffentlich zugänglich zu machen. Um die Anwendung bereitzustellen, benötigen Sie ein Heroku-Konto und einen installierten Heroku Toolbelt.

Starten Sie den folgenden Code:

Git-Init

Git hinzufügen

git commit -m ‚ Meine einfache Stripe-Anwendung ‚

heroku erstellen

heroku config:set PUBLISHABLE_KEY=pk_test_NxfJqAJ1j1w8p0K3959byw1P SECRET_KEY=sk_test_nWjL9fQH8v23uSiEPJT5d1Xs

git push heroku master

heroku öffnen

Da Ihr Stripe-Konto nun einsatzbereit ist, ersetzen Sie Ihre Testschlüssel durch die Live-Schlüssel. Das war’s, Sie haben erfolgreich ein Stripe-Konto für Ihre Ruby on Rails-Website eingerichtet. Jetzt können die Benutzer ihre Kreditkarten auf Ihrer Website verwenden.

Wie wir Stripe in unsere Projekte integriert haben

Veeqo

veeqo

Veeqo Startseite

Dies ist eine Omnichannel-Einzelhandelsplattform für verschiedene Händler. Sie ermöglicht es Ihnen, Ihre Bestellungen aus mehreren Kanälen zu verwalten und den Überblick über den Bestand aus mehreren Lagern zu behalten.

Unser Hauptziel war es, Benutzerprofile im System des Einzelhändlers zu erstellen, neue Bestellungen anzulegen und Rechnungen zu erstellen.

Herausforderungen

Eine der größten Herausforderungen dieses Projekts bestand darin, die Zeit für die Zahlungsabwicklung zu verkürzen. Veeqo wickelte die Zahlungen bisher manuell ab. Alle Rechnungen wurden per Banküberweisung oder Telefon abgewickelt. Dieses manuelle Zahlungssystem erforderte einen hohen Zeit- und Ressourcenaufwand.

Unsere Lösung

Um dieses Problem zu lösen, haben wir uns entschieden, die Zahlungsmethode Stripe zu integrieren. Sie ermöglicht die Verwendung verschiedener Zahlungsarten und ist sowohl für das Veeqo-Team als auch für die Veeqo-Kunden bequem.

Unser Team hat die Integration des Stripe-Kontolinks aktiviert, der es den Nutzern automatisch ermöglicht, das Stripe-Formular auszufüllen, wenn der Nutzer falsche oder unvollständige Informationen eingegeben hat. Diese Maßnahme trägt dazu bei, die Anzahl der abgelehnten Stripe-Konten zu reduzieren, die die Stripe-Validierung nicht bestanden haben.

Ergebnisse

Beginn der Integration von React (als Front-End-Lösung) und Stripe (als Zahlungsmethode). Wir haben AWS Lambda angeschlossen, um die Server von Veeqo zu entlasten. Außerdem nutzten wir Agile Scrum, One-Call-Ingenieure und unsere eigene Expertise und Initiative für eine effektive Kommunikation.

Diese Plattform wurde von Amazon übernommen und sammelte im März 2019 über 4 Millionen Dollar ein.

Gesundheit vereinen

Gesundheit vereinen

Uniting Health ist eine digitale Plattform, auf der Menschen verschiedene Aktivitäten zum Thema Gesundheit und Wohlbefinden organisieren, teilen und daran teilnehmen können. Das Projekt hat es sich zur Aufgabe gemacht, Wellness zu unterstützen und Menschen zu inspirieren, an realen sozialen Wellness-Aktivitäten teilzunehmen.

Unser Kunde hatte das Ziel, einen Produktprototyp bis zum MMP (Minimum Marketable Product) zu entwickeln.

Eine der größten Herausforderungen bei diesem Projekt war die Implementierung von Automated Clearing House (ACH) Zahlungen. Dabei handelt es sich um eine spezielle Art von Bank-zu-Bank-Zahlungen, die in den USA verwendet wird. Unser Team musste die Implementierung manuell vornehmen, da wir beschlossen hatten, die ACH-Implementierung nicht auszulagern.

Um dieses Problem zu lösen, haben wir unser eigenes Zahlungsverifizierungssystem entwickelt und sowohl Kreditkarten- als auch ACH-Zahlungsmethoden über das Stripe-Konto implementiert.

Wir haben den Prototyp zum MMP des sozialen Netzwerks für die Organisation von Gesundheitsveranstaltungen gemacht, das es Unternehmen ermöglicht, sich zu registrieren, Mitarbeiter hinzuzufügen und Veranstaltungen über die Plattform zu organisieren.

Der Beitrag von Sloboda Studio zu diesem Projekt:

  • Integration von Stripe und ACH-Zahlungen
  • Erstellung von anwendungsinternen Nachrichten- und Benachrichtigungssystemen
  • Integration von Google Maps
  • Erstellung der Registrierungsseite für die Mitgliedschaft

Schlussfolgerung

Stripe ist einer der besten Zahlungsverarbeitungsdienste mit einer großartigen API und einer verständlichen Dokumentation. Mit einer solch benutzerfreundlichen und flexiblen Lösung können wir jede Art von Zahlungsintegration leicht verbessern und implementieren – von E-Commerce-Plattformen bis hin zu wiederkehrenden Abrechnungen von Kreditkarten und noch mehr. Alles, was Sie tun müssen, ist:

  • Erstellen Sie das Profil des Entwicklers
  • Erstellen Sie ein neues Stripe-Zahlungsformular
  • Stripe im Projekt installieren
  • Konfigurieren Sie die Stripe-Schlüssel
  • Seitenansichten erstellen
  • Testleistung
  • Bereitstellung auf Heroku

Mit viel Erfahrung in der Integration von Zahlungsgateway-Produkten ist das Sloboda Studio hier, um Ihnen zu helfen.

How useful was this post?

Click on a star to rate it!

Average rating / 5. Vote count:

No votes so far! Be the first to rate this post.

Share:

Abonnieren
Benachrichtige mich bei
guest

0 Comments
Inline Feedbacks
View all comments
Recommended articles

Ruby on Rails-Websites sind seit über zwanzig Jahren in den Medien präsent. Ruby on Rails ist eine bewährte, zuverlässige, agile und objektorientierte Programmiersprache, die sich hervorragend für viele Marktplätze, Immobilien-, Streaming- und sogar Datenanalyseanwendungen eignet….

#Tech 12 min

React.js ist ein Javascript-Framework, das für seine Einfachheit bekannt ist. Während andere Frameworks einen vollständigen Model-View-Controller-Ansatz verwenden, nutzt React nur Views. Hier bei Sloboda Studio praktizieren wir eine große Anzahl von möglichen React + Rails…

Erweitern Sie Ihr Team
mit uns

Steigern Sie Ihr Geschäft mit unseren engagierten Entwicklern

    Alex, VP für Kundenengagement
    alex@sloboda-studio.com