Eigener CSV zu JSON Konverter Service – [Make.com / Integromat Step by Step Tutorial deutsch]

Musstest Du schonmal eine CSV Datei in JSON umwandeln?

Beides sind gängige Formate, CSV (Comma Separated Values) ist ein simples Format, bei dem einfach strukturierte Daten mittels eines Trennzeichens nacheinander gelistet sind.
JSON (JavaScript Object Notation) ist der de facto Standard, der gerne für Schnittstellen u.v.m. zum Einsatz kommt.
JSON kann auch problemlos komplexere und verschachtelte Datenstrukturen.

Wofür benutzt man CSV?

CSV wird beispielsweise von vielen Banken als Format für Exporte von Buchungen verwendet.
Bei mir im Online Banking der Commerzbank beispielsweise kann ich mir einen CSV Export herunterladen.
Den könnte ich dann irgendwo auf einer Festplatte ablegen für alle Ewigkeit, oder aber ich konvertiere ihn in JSON und kann dann irgendwelche anderen Spielereien damit machen.

Möchte man nun einmalig so ein CSV in JSON umwandeln, kann man einen der zahlreichen kostenlosen Services nutzen, die es haufenweise im Netz gibt.
Alternativ kann man sich auch ein Programm runterladen.

Möchte man aber eine App oder Webseite programmieren, die so etwas irgendwo selber können soll, braucht man einen eigenen kleinen Service, den man integrieren kann.

Mit make (ehemals Integromat) kann man sich so einen Service in wenigen Minuten kostenlos aufsetzen. Ich zeige dir wie es geht 🙂

Das Tolle daran: Der Service ist quasi sofort live, d.h. man muss sich keine Gedanken darum machen, wo und wie man den Service betreibt, da der Service auf der Plattform von make bereitgestellt wird.

 

Was ist make.com?

Make.com (früher Integromat) ist eine No-Code Plattform mit unzähligen Apps und Integrationsmöglichkeiten.

Mit ein paar Klicks können auch Menschen ohne Programmierkenntnisse einfache kleine Workflows umsetzen, Entwickler können schneller Automatisierungen und komplexere Abläufe realisieren.

Typische Anwendungsfälle sind wie eben schon kurz erwähnt Konvertierungen von Dateiformaten, E-Mail und Marketing Automatisierung, E-Commerce Automatisierung und vieles mehr.

ChatGPT und Co. lassen sich ebenso mit ein paar wenigen Klicks in die eigene Anwendung oder No-Code App einbinden.

 

CSV Dateien mit make in JSON Dateien konvertieren

Um also seinen eigenen kleinen CSV zu JSON Konverter Service zu erstellen, erstellt man sich erstmal einen kostenlosen Account auf make.com.

Falls du noch keinen Account hast, kannst du Dich hier kostenlos anmelden!

Anschließend loggst Du Dich in Deinen Account ein und klickst rechts oben auf den Button “Create a new scenario”, wie auf dem folgenden Bild zu sehen:

 

Der Workflow wird 4 Schritte enthalten. Erst wird der Aufruf entgegen genommen, dann das CSV geparst, dann in JSON umgewandelt und dann wieder als Antwort zurückgeliefert.

 

Im neu angelegten Szenario klicken wir auf das Plus Symbol in der Mitte der Ansicht um den ersten Schritt anzulegen:

 

Hier wählst Du die webhook App wie im Bild zu sehen:

 

Ein Webhook ist ein Einstieg in das Szenario, hierüber werden wir unsere Schnittstelle realisieren.

Im zweiten Dialog wählst Du die Option “Custom webhook”, das ist die typische Rest Schnittstelle, während der Mailhook ein Einstieg über eine eingehende E-Mail wäre.

 

Dann auf den Button Add klicken, um einen neuen Webhook anzulegen

 

Hier kannst Du einen beliebigen Namen vergeben:

 

Nach dem Klick auf Save wird der Webhook automatisch gestartet, und Du kannst mal einen Probeaufruf machen.

Über den Klick auf “Copy address to clipboard” wird die Addresse des Endpunktes in die Zwischenablage kopiert.

 

Diese kannst Du nun direkt in dein Postman Programm einfügen, um den Http Request durchzuführen (das wird jetzt einmal gemacht, um die Datenstruktur des Aufrufs in make zu haben):

 

Falls du Postman nicht kennst: Postman ist ein kostenloses Programm um Http Aufrufe gegen beliebige Schnittstellen zu feuern 🙂

In Postman gehst Du auf form-data und in der Spalte key gehst Du auf das Dropdown, wie im Bild zu sehen und wählst dort “File”.

 

Als key tragen wir “transactions” ein und wählen für das Beispiel als Datei hier mal einen CSV Export, z.B.: von einem Bank Konto.

Hinweis: Ich mache das hier in dem Beispiel mit einem CSV Export meines Bank Kontos. Du musst das natürlich nicht mit deinem Bank Konto machen, sondern die Anleitung hier soll Dir bei jeglichen CSV Exporten helfen, egal was und woher.

Wenn Du Bedenken hinsichtlich Datenschutz usw. hast, nutze Dateien bzw. Daten, die nicht so sensitive Informationen enthalten.

Über den Klick auf den Button “Send” wird der Request an die make Plattform gesendet, anschließend wird in make eine Meldung angezeigt, wie hier im Bild (Successfuly determined):

 

Dann geht’s weiter mit dem nächsten Schritt. Hierzu klickst Du auf den rechten Bobbel vom ersten Schritt:

 

Dann wählst Du “CSV”:

 

Dann auf “Parse CSV”:

 

Unten in das Feld CSV klicken, hier gibt man an, welcher Inhalt in den CSV Parser gegeben werden soll:

 

Dann geht ein Popup auf, hier auf “data” klicken, wie im Bild zu sehen. Hierbei handelt es sich um den Inhalt der Datei, die wir per Postman (später aus unserer App oder Webanwendung) senden werden :

 

Schau in deinem CSV nach, wieviele Spalten es hat und trage es oben unter “Number of columns” ein. In meinem Beispiel sind es 9 Spalten. Unter Delimiter wird das Trennzeichen konfiguriert, in meinem Beispiel wird ein Semikolon verwendet:

 

Dann geht’s weiter mit dem Klick auf “OK”. Anschließend wieder auf den rechten Bobbel von der CSV App klicken, um den 3. Schritt hinzuzufügen. Such dann nach dem Modul JSON und gehe dort auf “Aggregate to JSON”:

 

Unter “Source Module” wählen wir das CSV Modul aus dem 2. Schritt. Und dann müssen wir unsere JSON Struktur definieren. Das geht über den Klick auf “Add” und dann auf “Generate”, wenn man ein Beispiel JSON schon an der Hand hat, andernfalls muss man jedes Feld einzeln hinzufügen über den Klick auf “Add Item”:

 

Anschließend müssen wieder die Quelldaten auf die einzelnen Felder gemappt werden. Hierzu klickt man in jedes einzelne Feld und wählt die Quelle. Das sollte am Ende dann so ungefähr wie hier im Bild aussehen:

 

Wieder auf “OK” und dann sind wir auch schon beim letzten Schritt. Wieder auf den rechten Bobbel vom eben angelegten Schritt klicken, wieder nach “Webhook” suchen, diesmal aber auf “Webhook Response”. In diesem Modul tragen wir nun einfach das aggregierte JSON ein, welches als Antwort von unserem Service zurückgegeben werden soll:

 

Fertig! Nun können wir das Szenario starten und ein CSV hochladen, so wie wir es vorhin schon für den Testaufruf gemacht haben.

Dazu das Szenario entweder einmalig starten über den Klick auf “Run Once”, oder aber, wenn das Szenario permanent laufen soll, weil Du es z.B. aus Deiner App aufrufen möchtest, in der Übersicht aller Szenarien auf “On” stellen:

Wofür braucht man das? Wozu CSV nach JSON konvertieren?

Was bringt uns der ganze Spaß nun?
Ich hatte ja eingangs erwähnt, dass sowohl JSON als auch CSV gängige Formate sind. JSON ist der de facto Standard, der für Schnittstellen gerne verwendet wird.
Wir haben hier im Beispiel nicht nur ein CSV in JSON umgewandelt, sondern stellen über make auch gleichzeitig einen Service zur Verfügung, der das Konvertieren übernimmt.
Somit können wir dies nun in einem No-Code Workflow direkt mit make (oder auch beliebigen anderen Apps, die eine Rest Schnittstelle konsumieren können) einbinden.