{"id":173487,"date":"2023-04-01T14:28:24","date_gmt":"2023-04-01T13:28:24","guid":{"rendered":"https:\/\/datascientest.com\/de\/?p=173487"},"modified":"2023-10-29T21:06:14","modified_gmt":"2023-10-29T20:06:14","slug":"api-programmierung-und-dokumentation-mit-python-flask-swagger-und-connexion","status":"publish","type":"post","link":"https:\/\/datascientest.com\/de\/api-programmierung-und-dokumentation-mit-python-flask-swagger-und-connexion","title":{"rendered":"API-Programmierung und -Dokumentation mit Python, Flask, Swagger und Connexion"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"173487\" class=\"elementor elementor-173487\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7e48ab5b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7e48ab5b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-21c7d7b8\" data-id=\"21c7d7b8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-38c21343 elementor-widget elementor-widget-text-editor\" data-id=\"38c21343\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.15.0 - 02-08-2023 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<h2>In den beiden vorherigen Artikeln haben wir ein erstes Beispiel f\u00fcr die <a href=\"https:\/\/datascientest.com\/de\/api-erstellen-mit-verschiedenen-apps-teil-i\">Programmierung einer Web-API unter Flask<\/a> gesehen und wie man eine Web-API mit einer SqLite-Datenbank verbindet.<\/h2>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a01171f elementor-widget elementor-widget-text-editor\" data-id=\"2a01171f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Im Folgenden werden wir sehen, wie man REST-APIs mit Input- und Output-Validierung und automatisch erstellter Dokumentation von Swagger\/OpenAPI baut. Wir werden auch sehen, wie die API mit JavaScript verwendet werden kann, um das <strong>DOM (Document Object Model)<\/strong>, d. h. die Struktur der angezeigten Webseite, zu aktualisieren.<\/p><p>Die <a href=\"https:\/\/datascientest.com\/de\/api\">REST-API<\/a>, die wir bauen werden, wird es erm\u00f6glichen, ein Personenverzeichnis zu manipulieren, wobei die Personen durch ihre Nachnamen identifiziert werden. Aktualisierungen werden mit einem &#8222;Timestamp&#8220; (Datum\/Uhrzeit) markiert.<\/p><p>Man k\u00f6nnte das Verzeichnis in Form einer Datenbank, einer Datei oder \u00fcber ein Netzwerkprotokoll manipulieren, aber um die Dinge zun\u00e4chst zu vereinfachen, werden wir Daten im Speicher verwenden.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4df2985b elementor-widget elementor-widget-text-editor\" data-id=\"4df2985b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<blockquote><p><span style=\"color: #000000;\">Eines der Ziele von APIs ist es, die Daten von den Anwendungen, die sie nutzen, zu entkoppeln, indem die Details der Datenimplementierung transparent gemacht werden.<\/span><\/p><\/blockquote>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1cecdae7 elementor-widget elementor-widget-menu-anchor\" data-id=\"1cecdae7\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.15.0 - 02-08-2023 *\/\nbody.elementor-page .elementor-widget-menu-anchor{margin-bottom:0}<\/style>\t\t<div id=\"API1\" class=\"elementor-menu-anchor\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2bc60026 elementor-widget elementor-widget-heading\" data-id=\"2bc60026\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.15.0 - 02-08-2023 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">1. Die REST Methode<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b4dc24 elementor-widget elementor-widget-text-editor\" data-id=\"3b4dc24\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Die REST-Methode wurde im ersten Artikel erw\u00e4hnt. Nun wollen wir sie genauer betrachten.<\/p><p>REST kann als eine Reihe von Konventionen betrachtet werden, die das <a href=\"https:\/\/datascientest.com\/de\/python-http-request-requests-alles-wichtige\">HTTP<\/a>-Protokoll nutzen, um CRUD-Tools (Create, Read, Update, Delete) bereitzustellen, die mit Entit\u00e4ten oder Sammlungen von Entit\u00e4ten im Internet arbeiten.<\/p><p>CRUD kann wie folgt auf HTTP abgebildet werden:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-285c4d90 elementor-widget elementor-widget-text-editor\" data-id=\"285c4d90\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Du kannst jede dieser Aktionen an einer Entit\u00e4t oder einer Ressource durchf\u00fchren.<\/p><p>Eine<strong> Ressource<\/strong> kann man sich als eine Entit\u00e4t vorstellen, der man einen Namen zuordnen kann: eine Person, eine Adresse, eine Transaktion.<\/p><p>Die Idee einer Ressource kann mit der Idee einer URL in Verbindung gebracht werden, wie im ersten Artikel beschrieben.<\/p><p>Eine URL muss eine einzigartige Ressource im Web identifizieren, etwas, das immer mit derselben URL \u00fcbereinstimmt.<\/p><p>Mit den Konzepten der<strong> Ressource und der URL<\/strong> sind wir in der Lage, Anwendungen zu entwerfen, die auf eindeutig identifizierte Dinge im Web einwirken.<\/p><p>Dies ist ein erster Schritt auf dem Weg zur Entwicklung von eigentlichen APIs, die es erm\u00f6glichen, die gew\u00fcnschten Aktionen \u00fcber das Netz auszuf\u00fchren.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4bbd8bb3 elementor-widget elementor-widget-menu-anchor\" data-id=\"4bbd8bb3\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"API2\" class=\"elementor-menu-anchor\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6626fbb9 elementor-widget elementor-widget-heading\" data-id=\"6626fbb9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">2.Was REST nicht ist<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d71b4b1 elementor-widget elementor-widget-text-editor\" data-id=\"1d71b4b1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Da die <strong>REST-Methode<\/strong> sehr n\u00fctzlich ist und dabei hilft, die Art und Weise zu entwickeln, wie man mit einer <strong>API<\/strong> interagiert, wird sie manchmal f\u00e4lschlicherweise f\u00fcr Probleme verwendet, f\u00fcr die sie nicht geeignet ist.<\/p><p>In vielen F\u00e4llen m\u00f6chte man eine Aktion direkt ausf\u00fchren. Nehmen wir als Beispiel das Ersetzen einer Zeichenkette.<\/p><p>Hier ist ein Beispiel f\u00fcr eine URL, die dies auf den ersten Blick erm\u00f6glicht:<\/p><p><em>\/api\/substituteString\/&lt;string&gt;\/&lt;search_string&gt;\/&lt;sub_string&gt;<\/em><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b914cab elementor-widget elementor-widget-text-editor\" data-id=\"7b914cab\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Hier bezeichnet, die<strong> Zeichenkette,<\/strong> die ersetzt werden soll, ist die zu ersetzende Teilzeichenkette und ist die neue Teilzeichenkette.<\/p><p>Man kann sicherlich einen Code auf dem Server entwerfen, mit dem die gew\u00fcnschte Operation durchgef\u00fchrt werden kann, aber das wirft in Bezug auf REST einige Probleme auf.<\/p><ul><li>Erstes Problem: Die <strong>URL<\/strong> verweist nicht auf eine einzelne Ressource; was sie zur\u00fcckgibt, h\u00e4ngt also vollst\u00e4ndig vom angegebenen Pfad ab.<\/li><li>Zweites Problem: Es gibt kein <strong>CRUD-Konzept,<\/strong> das zu dieser URL passt.<\/li><li>Drittes Problem: Die Bedeutung der Pfadvariablen h\u00e4ngt von ihrer Position in der URL ab.<\/li><\/ul><p>Dies k\u00f6nnte behoben werden, indem die URL so ge\u00e4ndert wird, dass eine Abfrage :<\/p><p>\/api\/substituteString? string=&lt;string&gt;&amp;search_string=&lt;search_string&gt;&amp;sub_string=&lt;sub_string&gt;.<\/p><p>Aber der URL-Teil \/api\/substituteString bezeichnet keine Entit\u00e4t (kein Name) oder eine Sammlung von Entit\u00e4ten.<br \/>Sammlung von Entit\u00e4ten: Er bezeichnet eine Aktion (es ist ein Verb).<\/p><p>Dies entspricht nicht den <strong>REST-Konventionen<\/strong> und ist daher keine API. Was die vorherige URL darstellt, ist in Wirklichkeit ein<strong> RPC (Remote Procedure Call).<\/strong><\/p><p>Es ist sinnvoller, das, was du tun willst, als RPC zu konzeptualisieren. Dies gilt umso mehr, als die REST- und RPC-Konventionen innerhalb einer API problemlos koexistieren k\u00f6nnen.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3ed13ba1 elementor-widget elementor-widget-menu-anchor\" data-id=\"3ed13ba1\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"API3\" class=\"elementor-menu-anchor\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f98d444 elementor-widget elementor-widget-heading\" data-id=\"4f98d444\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">3. Erste Schritte<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5904d7c elementor-widget elementor-widget-text-editor\" data-id=\"5904d7c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Im folgenden Beispiel soll eine <strong>REST-API<\/strong> entwickelt werden, mit der du auf ein Personenverzeichnis zugreifen und <strong>CRUD-Operationen<\/strong> darauf ausf\u00fchren kannst.<\/p><p>Hier ist das Design der API :<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-200224b7 elementor-widget elementor-widget-text-editor\" data-id=\"200224b7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Wir beginnen damit, einen sehr einfachen Webserver mithilfe des <strong>Flask-Entwicklungsframeworks<\/strong> zu erstellen.<\/p><p>Wir erstellen ein Verzeichnis api, ein Unterverzeichnis version_1 und dann ein Unterverzeichnis templates, in dem wir die folgenden Programme speichern:<\/p><p>server.py<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b5a5bf elementor-widget elementor-widget-shortcode\" data-id=\"1b5a5bf\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><script src=\"https:\/\/gist.github.com\/adrianalazureanu\/81a6f73c741cb9de9f129019704e0183.js\"><\/script><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54f360c9 elementor-widget elementor-widget-text-editor\" data-id=\"54f360c9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"color: #6e4bec;\"><b>templates\/home.html<\/b><\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-445682b9 elementor-widget elementor-widget-shortcode\" data-id=\"445682b9\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><script src=\"https:\/\/gist.github.com\/adrianalazureanu\/c5592e4a6fe6792aa9808bc48265d6b4.js\"><\/script><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1eb52645 elementor-widget elementor-widget-text-editor\" data-id=\"1eb52645\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Das HTML-Programm hei\u00dft home.html und nicht wie \u00fcblich index.html, da index.html Probleme bereitet, wenn man das Modul Login importiert, was wir im Folgenden tun werden.<\/p><p>Wir starten ein<strong> Terminal-Fenster<\/strong>, wechseln in das Verzeichnis projects\/api\/version_1 und starten die Anwendung, indem wir nacheinander Folgendes eingeben:<\/p><ul><li>$ export FLASK_APP = server.py<\/li><li>$ export FLASK_ENV = development<\/li><li>$ flask run<\/li><\/ul><p>Das folgende Ergebnis erh\u00e4lt man, wenn man http:\/\/127.0.0.1:5000 in die Browserleiste eingibt:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-263b2083 elementor-widget elementor-widget-image\" data-id=\"263b2083\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.15.0 - 02-08-2023 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"512\" height=\"341\" src=\"https:\/\/datascientest.com\/de\/files\/2023\/03\/unnamed-1-3.png\" class=\"attachment-large size-large wp-image-173490\" alt=\"\" srcset=\"https:\/\/datascientest.com\/de\/files\/2023\/03\/unnamed-1-3.png 512w, https:\/\/datascientest.com\/de\/files\/2023\/03\/unnamed-1-3-300x200.png 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10d7ae76 elementor-widget elementor-widget-menu-anchor\" data-id=\"10d7ae76\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"API4\" class=\"elementor-menu-anchor\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-742c9ae0 elementor-widget elementor-widget-heading\" data-id=\"742c9ae0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">4. Connexion<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad1f341 elementor-widget elementor-widget-text-editor\" data-id=\"ad1f341\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Nachdem wir nun einen funktionierenden Webservice haben, f\u00fcgen wir einen <strong>REST API<\/strong> Endpunkt hinzu. Zu diesem Zweck installieren wir das Modul Connection.<\/p><p>Dazu gibst du in einem Terminalfenster ein (dies setzt voraus, dass du unter Anaconda arbeitest):<\/p><p><strong>$ conda install -c conda-forge Connection.<\/strong><\/p><p>Nun k\u00f6nnen wir das Modul in Python importieren.<\/p><p>Wir erstellen dann ein Unterverzeichnis version_2 im Verzeichnis api und speichern dort die folgenden Programme:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-14821b64 elementor-widget elementor-widget-heading\" data-id=\"14821b64\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">server.py<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-27052361 elementor-widget elementor-widget-shortcode\" data-id=\"27052361\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><script src=\"https:\/\/gist.github.com\/adrianalazureanu\/d0e84b1451795fe56a0a98c8b3912e22.js\"><\/script><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-82384aa elementor-widget elementor-widget-heading\" data-id=\"82384aa\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">swagger.yml<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a1ffca7 elementor-widget elementor-widget-shortcode\" data-id=\"1a1ffca7\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><script src=\"https:\/\/gist.github.com\/adrianalazureanu\/08d5dae63be1888cf4878af7370b5921.js\"><\/script><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-632847aa elementor-widget elementor-widget-text-editor\" data-id=\"632847aa\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Um <strong>Connexion<\/strong> zu verwenden, importieren wir es zun\u00e4chst und erstellen dann die Anwendung mithilfe von Connexion statt mit Flask. Die <strong>Flask-Anwendung<\/strong> wird trotzdem unterschwellig erstellt, jedoch mit zus\u00e4tzlichen Funktionen.<\/p><p>Die Erstellung der Instanz der Anwendung enth\u00e4lt einen Parameter specification_dir. Er teilt Connexion mit, wo die Konfigurationsdatei zu finden ist, hier das aktuelle Verzeichnis.<\/p><p>Die Zeile app.add_api (&#8217;swagger.yml&#8216;) weist die Instanz an, die Datei swagger.yml im specification_dir zu lesen und das System f\u00fcr Connexion zu konfigurieren.<\/p><p>Die Datei swagger.yml ist eine YAML- (oder JSON-) Datei, die die notwendigen Informationen f\u00fcr die Konfiguration des Servers enth\u00e4lt, um die Validierung der Inputs und Outputs zu gew\u00e4hrleisten, die Anfrage-URLs bereitzustellen und die Swagger-Benutzeroberfl\u00e4che (UI) zu konfigurieren.<\/p><p>Der vorherige Code definiert die <strong>GET \/ api\/people-Anfrage.<\/strong> Der Code ist hierarchisch organisiert, wobei die Einr\u00fcckung den Grad der Zugeh\u00f6rigkeit oder Reichweite definiert.<\/p><p>Zum Beispiel definiert paths die Wurzel aller API-URLs. Der nachtr\u00e4glich einger\u00fcckte Wert \/people definiert die Wurzel aller \/api\/people-URLs. Das nachtr\u00e4glich einger\u00fcckte get: definiert eine GET-Anfrage an die URL \/api\/people, und so weiter f\u00fcr die gesamte Konfigurationsdatei.<\/p><p>In der Datei swagger.yml wird Connection mit dem Wert operationId konfiguriert, um das Modul people und die Funktion read dieses Moduls aufzurufen, wenn die API eine HTTP-Anfrage vom Typ GET \/api\/people erh\u00e4lt. Das bedeutet, dass ein Modul people.py existieren und eine read( )-Funktion enthalten muss.<\/p><p>Hier ist das Modul people.py :<\/p><p><strong>people.py<\/strong><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4afe8c51 elementor-widget elementor-widget-shortcode\" data-id=\"4afe8c51\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><script src=\"https:\/\/gist.github.com\/adrianalazureanu\/33467c6be62b2a7661049d5c6e86720a.js\"><\/script><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4569c32e elementor-widget elementor-widget-text-editor\" data-id=\"4569c32e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Im Modul people.py erscheint zun\u00e4chst die Funktion get_timestamp( ), die eine Darstellung des aktuellen Datums\/der aktuellen Uhrzeit in Form einer Zeichenkette erzeugt. Sie wird verwendet, um die Daten zu \u00e4ndern, wenn eine \u00c4nderungsanforderung an die <strong>API<\/strong> gesendet wird.<\/p><p>Als N\u00e4chstes definieren wir ein PEOPLE-W\u00f6rterbuch, das eine einfache Namensdatenbank ist, die als Schl\u00fcssel den Nachnamen hat.<\/p><p>PEOPLE ist eine Modulvariable und ihr Status bleibt daher zwischen den API-Aufrufen bestehen.<\/p><p>In einer echten Anwendung w\u00fcrden sich die PEOPLE-Daten in einer Datenbank, einer Datei oder einer Webressource befinden, d. h. sie w\u00fcrden unabh\u00e4ngig von der Ausf\u00fchrung der Anwendung bestehen bleiben.<\/p><p>Als n\u00e4chstes kommt die Funktion read( ), die aufgerufen wird, wenn der Server eine HTTP-GET-Anfrage nach \/api\/people erh\u00e4lt.<\/p><p>Der R\u00fcckgabewert dieser Funktion wird in das <strong>JSON-Format<\/strong> umgewandelt (wie von produces: in der Konfigurationsdatei swagger.yml angegeben).<\/p><p>Er besteht aus der Liste der Personen, die alphabetisch nach Nachnamen sortiert ist. An dieser Stelle k\u00f6nnen wir das Programm server.py mit dem Befehl :<\/p><p><strong>$ python server.py<\/strong><\/p><p>was zu folgendem Ergebnis f\u00fchrt, wenn man als Adresse http:\/\/0.0.0.0:8080\/api\/people in die Leiste des Browsers eingibt:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a18b012 elementor-widget elementor-widget-image\" data-id=\"3a18b012\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"512\" height=\"341\" src=\"https:\/\/datascientest.com\/de\/files\/2023\/03\/unnamed-2.png\" class=\"attachment-large size-large wp-image-173491\" alt=\"\" srcset=\"https:\/\/datascientest.com\/de\/files\/2023\/03\/unnamed-2.png 512w, https:\/\/datascientest.com\/de\/files\/2023\/03\/unnamed-2-300x200.png 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43ec0210 elementor-widget elementor-widget-menu-anchor\" data-id=\"43ec0210\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"API5\" class=\"elementor-menu-anchor\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63ce714c elementor-widget elementor-widget-heading\" data-id=\"63ce714c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">5. Swagger\/OpenAPI<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d953a60 elementor-widget elementor-widget-text-editor\" data-id=\"d953a60\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Wir haben also eine einfache API gebaut, die eine einzige Anfrage zul\u00e4sst. Es stellt sich jedoch die Frage, wie man das gleiche Ergebnis auf viel einfachere Weise mit <a href=\"https:\/\/datascientest.com\/de\/api-erstellen-mit-verschiedenen-apps-teil-i\">Flask<\/a> erreichen kann, wie wir in unserem ersten Artikel gesehen haben:<\/p><p><em>Was bringt die Konfiguration mithilfe der Datei swagger.yml?<\/em><\/p><p>Zus\u00e4tzlich zur API wurde von Connexion eine Swagger-Benutzeroberfl\u00e4che (<a href=\"https:\/\/datascientest.com\/de\/open-source-definition\">OpenAPI<\/a>) erstellt. Um darauf zuzugreifen, gib einfach <strong>http:\/\/localhost:8080\/api\/ui ein<\/strong>.<\/p><p><em>Man erh\u00e4lt folgendes Ergebnis:<\/em><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17ad6f0e elementor-widget elementor-widget-image\" data-id=\"17ad6f0e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"512\" height=\"341\" src=\"https:\/\/datascientest.com\/de\/files\/2023\/03\/unnamed-3-1.png\" class=\"attachment-large size-large wp-image-173492\" alt=\"\" srcset=\"https:\/\/datascientest.com\/de\/files\/2023\/03\/unnamed-3-1.png 512w, https:\/\/datascientest.com\/de\/files\/2023\/03\/unnamed-3-1-300x200.png 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6bfc68c elementor-widget elementor-widget-text-editor\" data-id=\"6bfc68c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400; color: #000000;\">Wenn du auf People klickst, erscheint die potenzielle Abfrage :<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c822eca elementor-widget elementor-widget-image\" data-id=\"7c822eca\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"512\" height=\"341\" src=\"https:\/\/datascientest.com\/de\/files\/2023\/03\/unnamed-4-1.png\" class=\"attachment-large size-large wp-image-173493\" alt=\"\" srcset=\"https:\/\/datascientest.com\/de\/files\/2023\/03\/unnamed-4-1.png 512w, https:\/\/datascientest.com\/de\/files\/2023\/03\/unnamed-4-1-300x200.png 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-481eab53 elementor-widget elementor-widget-text-editor\" data-id=\"481eab53\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Wenn Du auf die Anfrage klickst, werden die folgenden zus\u00e4tzlichen Informationen von der Schnittstelle angezeigt:<\/p><ul><li>Die Struktur der Antwort<\/li><li>Das Format der Antwort (content-type)<\/li><\/ul><p>Der Text, der in swagger.yml \u00fcber die Anfrage eingegeben wurde.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fab0fae elementor-widget elementor-widget-image\" data-id=\"7fab0fae\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"512\" height=\"341\" src=\"https:\/\/datascientest.com\/de\/files\/2023\/03\/unnamed-5.png\" class=\"attachment-large size-large wp-image-173494\" alt=\"\" srcset=\"https:\/\/datascientest.com\/de\/files\/2023\/03\/unnamed-5.png 512w, https:\/\/datascientest.com\/de\/files\/2023\/03\/unnamed-5-300x200.png 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f1bd504 elementor-widget elementor-widget-text-editor\" data-id=\"6f1bd504\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Man kann die Abfrage sogar ausprobieren, indem man auf die Schaltfl\u00e4che<strong> Try It Out!<\/strong> am unteren Rand des Bildschirms klickt.<\/p><p>Die Schnittstelle erweitert die Anzeige noch weiter und man erh\u00e4lt als Ergebnis :<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-55bfd80 elementor-widget elementor-widget-image\" data-id=\"55bfd80\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"512\" height=\"341\" src=\"https:\/\/datascientest.com\/de\/files\/2023\/03\/unnamed-6.png\" class=\"attachment-large size-large wp-image-173495\" alt=\"\" srcset=\"https:\/\/datascientest.com\/de\/files\/2023\/03\/unnamed-6.png 512w, https:\/\/datascientest.com\/de\/files\/2023\/03\/unnamed-6-300x200.png 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ce2969c elementor-widget elementor-widget-text-editor\" data-id=\"ce2969c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>All das ist sehr n\u00fctzlich, wenn du eine vollst\u00e4ndige API hast, da es dir erlaubt, mit der API zu testen und zu experimentieren, ohne Code zu schreiben. Die <strong>Swagger\/OpenAPI-Schnittstelle<\/strong> ist nicht nur praktisch, um auf die Dokumentation zuzugreifen, sondern hat auch den Vorteil, dass sie aktualisiert wird, sobald die Datei swagger.yml aktualisiert wird.<\/p><p>Au\u00dferdem bietet die <strong>swagger.yml-Datei<\/strong> einen methodischen Weg, um alle Abfragen zu entwerfen, was ein rigoroses API-Design sicherstellt. Schlie\u00dflich erm\u00f6glicht sie es, den Python-Code von der Konfiguration der Abfragen zu entkoppeln, was sehr n\u00fctzlich sein kann, wenn man APIs entwirft, die Webanwendungen unterst\u00fctzen. Ein Beispiel daf\u00fcr wird im Folgenden gezeigt.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50459ecf elementor-widget elementor-widget-menu-anchor\" data-id=\"50459ecf\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"API6\" class=\"elementor-menu-anchor\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3490d4e2 elementor-widget elementor-widget-heading\" data-id=\"3490d4e2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">6. Komplette API <\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-564aa301 elementor-widget elementor-widget-text-editor\" data-id=\"564aa301\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Unser Ziel war es, eine API zu erstellen, die <strong>CRUD-Zugriff<\/strong> auf unsere <strong>PEOPLE-Daten<\/strong> bietet. Zu diesem Zweck erg\u00e4nzen wir die Konfigurationsdatei swagger.yml und das Modul people.py, um die Spezifikationen unserer API zu erf\u00fcllen.<\/p><p>Die erg\u00e4nzten Dateien sind im Unterverzeichnis version_3 auf GitHub verf\u00fcgbar: https:\/\/github.com\/salimlardjane1\/projects\/tree\/version_3.<\/p><p>Die Ausf\u00fchrung von <strong>server.py<\/strong> ergibt dann in Bezug auf die Swagger\/OpenAPI-Schnittstelle :<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c707530 elementor-widget elementor-widget-image\" data-id=\"6c707530\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"512\" height=\"341\" src=\"https:\/\/datascientest.com\/de\/files\/2023\/03\/unnamed-7.png\" class=\"attachment-large size-large wp-image-173496\" alt=\"\" srcset=\"https:\/\/datascientest.com\/de\/files\/2023\/03\/unnamed-7.png 512w, https:\/\/datascientest.com\/de\/files\/2023\/03\/unnamed-7-300x200.png 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1654fed1 elementor-widget elementor-widget-text-editor\" data-id=\"1654fed1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"color: #000000;\">Die vorherige Schnittstelle erm\u00f6glicht den Zugriff auf die Dokumentation in der Datei <strong>swagger.yml<\/strong> und die Interaktion mit allen URLs, die die CRUD-Funktionen der API implementieren.<br \/><\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f0d889f elementor-widget elementor-widget-menu-anchor\" data-id=\"6f0d889f\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"API7\" class=\"elementor-menu-anchor\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a7d7c30 elementor-widget elementor-widget-heading\" data-id=\"5a7d7c30\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">7. Web App<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d631313 elementor-widget elementor-widget-text-editor\" data-id=\"d631313\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Wir haben jetzt eine dokumentierte <strong>REST-API,<\/strong> mit der wir mithilfe von <strong>Swagger\/OpenAPI<\/strong> interagieren k\u00f6nnen.<\/p><p>Wie geht es weiter?<\/p><p>Der n\u00e4chste Schritt besteht darin, eine Webanwendung zu erstellen, die die konkrete Verwendung der <strong>API<\/strong> veranschaulicht.<\/p><p>Wir erstellen eine Webanwendung, die die Personen in der Datenbank auf dem Bildschirm anzeigt und es erm\u00f6glicht, Personen hinzuzuf\u00fcgen, die Daten der Personen zu aktualisieren und Personen aus der Datenbank zu l\u00f6schen. Dies geschieht mithilfe von AJAX-Anfragen, die von JavaScript an die URLs unserer API gesendet werden.<\/p><p>Als Erstes m\u00fcssen wir die Datei home.html, die die Struktur und das Aussehen der Startseite der Webanwendung steuert, wie folgt erg\u00e4nzen:<\/p><p>Die Datei home.html ist auf GitHub verf\u00fcgbar:<\/p><p>Im Unterverzeichnis templates des Verzeichnisses version_4.<\/p><p>Das HTML-Programm erg\u00e4nzt das urspr\u00fcngliche home.html-Programm um einen Aufruf der externen Datei normalize.min.css (https:\/\/ necolas.github.io\/normalize.css\/), mit der die Darstellung in verschiedenen Browsern standardisiert werden kann.<\/p><p>Au\u00dferdem wird die Datei jquery-3.3.1.min.js (https:\/\/ jquery.com) verwendet, die die jQuery-Funktionen in JavaScript zur Verf\u00fcgung stellt. Diese werden verwendet, um die Interaktivit\u00e4t der Seite zu programmieren.<\/p><p>Der HTML-Code definiert den statischen Teil der Anwendung. Die dynamischen Teile werden von JavaScript eingebracht, wenn auf die Seite zugegriffen wird und wenn der Nutzer mit ihr interagiert.<\/p><p>Die Datei home.html verweist auf zwei statische Dateien: static\/css\/home.css und static\/js\/home.js. Das Verzeichnis mit dem Namen static wird von der Flask-Anwendung sofort erkannt und der Inhalt der Verzeichnisse css und js ist somit von der Datei home.html aus zug\u00e4nglich.<\/p><p>Die Dateien home.css und home.js sind auf <a href=\"https:\/\/github.com\/\">GitHub<\/a> verf\u00fcgbar:<\/p><p>Wir werden im n\u00e4chsten Artikel mehr \u00fcber CSS und <a href=\"https:\/\/datascientest.com\/de\/coden-lernen-warum-sollte-es-jeder-versuchen\">JavaScript<\/a> sprechen.<\/p><p>Wenn man in das Verzeichnis version_4 wechselt und server.py ausf\u00fchrt, erh\u00e4lt man im Browser folgendes Ergebnis:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-569e290a elementor-widget elementor-widget-image\" data-id=\"569e290a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"512\" height=\"341\" src=\"https:\/\/datascientest.com\/de\/files\/2023\/03\/unnamed-8.png\" class=\"attachment-large size-large wp-image-173497\" alt=\"\" srcset=\"https:\/\/datascientest.com\/de\/files\/2023\/03\/unnamed-8.png 512w, https:\/\/datascientest.com\/de\/files\/2023\/03\/unnamed-8-300x200.png 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2808b175 elementor-widget elementor-widget-text-editor\" data-id=\"2808b175\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Mit der <strong>Schaltfl\u00e4che Erstellen<\/strong> kann der Nutzer eine Person zum Katalog auf dem Server hinzuf\u00fcgen.<\/p><p>Ein Doppelklick auf eine Zeile in der Tabelle l\u00e4sst den Vor- und Nachnamen in den Eingabefeldern erscheinen.<\/p><p>Um zu aktualisieren, muss der Nutzer den Vornamen \u00e4ndern, da der Name der Suchschl\u00fcssel ist.<\/p><p>Um eine <strong>Person aus dem Verzeichnis zu entfernen,<\/strong> klicke einfach auf L\u00f6schen.<\/p><p>Zur\u00fccksetzen leert die Eingabefelder.<\/p><p>Damit haben wir eine kleine, funktionierende Webanwendung gebaut.<\/p><p>Wie sie funktioniert, werden wir im n\u00e4chsten Artikel genauer betrachten.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1263ad87 elementor-widget elementor-widget-menu-anchor\" data-id=\"1263ad87\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"API8\" class=\"elementor-menu-anchor\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1497040d elementor-widget elementor-widget-heading\" data-id=\"1497040d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">8. Bibliografische Referenzen<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-29bd6b9f elementor-widget elementor-widget-text-editor\" data-id=\"29bd6b9f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"color: #000000;\"><i><span style=\"font-weight: 400;\">Creating Web APIs with Python and Flask, <\/span><\/i><span style=\"font-weight: 400;\">Patrick Smyth, 2022 :<\/span><\/span><span style=\"color: #5e36f3;\"><a style=\"color: #5e36f3;\" href=\"https:\/\/programminghistorian.org\/en\/lessons\/creating-apis-with-python-and-flask\"><span style=\"font-weight: 400;\"> https:\/\/programminghistorian.org\/en\/lessons\/creating-apis-with-python-and-flask<\/span><\/a><\/span><span style=\"font-weight: 400;\">.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"color: #000000;\"><i><span style=\"font-weight: 400;\">Python REST APIs With Flask, Connexion, and SQLAlchemy<\/span><\/i><span style=\"font-weight: 400;\">, Doug Farrell, 2022 :\u00a0 <\/span><\/span><span style=\"color: #5e36f3;\"><a style=\"color: #5e36f3;\" href=\"https:\/\/realpython.com\/flask-connexion-rest-api\/\"><span style=\"font-weight: 400;\">https:\/\/realpython.com\/flask-connexion-rest-api\/<\/span><\/a><\/span><span style=\"font-weight: 400;\">.\u00a0\u00a0<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"color: #000000;\"><i><span style=\"font-weight: 400;\">Python REST APIs With Flask, Connexion, and SQLAlchemy<\/span><\/i><span style=\"font-weight: 400;\">, Doug Farrell, 2022 : <\/span><\/span><span style=\"color: #5e36f3;\"><a style=\"color: #5e36f3;\" href=\"https:\/\/realpython.com\/flask-connexion-rest-api-part-2\/\"><span style=\"font-weight: 400;\">https:\/\/realpython.com\/flask-connexion-rest-api-part-2\/<\/span><\/a><\/span><span style=\"font-weight: 400;\">.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"color: #000000;\"><i><span style=\"font-weight: 400;\">Flask RESTful documentation<\/span><\/i><span style=\"font-weight: 400;\">, 2020 :<\/span><\/span><span style=\"color: #5e36f3;\"><a style=\"color: #5e36f3;\" href=\"https:\/\/flask-restful.readthedocs.io\/en\/latest\/index.html\"><span style=\"font-weight: 400;\"> https:\/\/flask-restful.readthedocs.io\/en\/latest\/index.html<\/span><\/a><\/span><span style=\"font-weight: 400;\">.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"color: #000000;\"><i><span style=\"font-weight: 400;\">Flask Web Development : Developing Web Applications with Python<\/span><\/i><span style=\"font-weight: 400;\"> (2\u00e8me \u00e9dition). M. Grinberg. O\u2019Reilly 2018.<\/span><\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><i style=\"color: #000000;\"><span>Architectural Styles and the Design of Network-Based Software Architectures<\/span><\/i><span style=\"font-weight: 400;\">. T. Fielding. Th\u00e8se, Universit\u00e9 de Californie, 2000.<\/span><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>In den beiden vorherigen Artikeln haben wir ein erstes Beispiel f\u00fcr die Programmierung einer Web-API unter Flask gesehen und wie man eine Web-API mit einer SqLite-Datenbank verbindet. Im Folgenden werden wir sehen, wie man REST-APIs mit Input- und Output-Validierung und automatisch erstellter Dokumentation von Swagger\/OpenAPI baut. Wir werden auch sehen, wie die API mit JavaScript [&hellip;]<\/p>\n","protected":false},"author":45,"featured_media":173488,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"content-type":"","inline_featured_image":false},"categories":[2454],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.7 (Yoast SEO v21.7) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>API-Programmierung und -Dokumentation mit Python, Flask, Swagger und Connexion<\/title>\n<meta name=\"description\" content=\"API-Programmierung und -Dokumentation mit Python, Flask, Swagger und Connexion: Diese h\u00e4ufigen Fehler solltest Du vermeiden !\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/datascientest.com\/de\/api-programmierung-und-dokumentation-mit-python-flask-swagger-und-connexion\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"API-Programmierung und -Dokumentation mit Python, Flask, Swagger und Connexion\" \/>\n<meta property=\"og:description\" content=\"In den beiden vorherigen Artikeln haben wir ein erstes Beispiel f\u00fcr die Programmierung einer Web-API unter Flask gesehen und wie man eine Web-API mit\" \/>\n<meta property=\"og:url\" content=\"https:\/\/datascientest.com\/de\/api-programmierung-und-dokumentation-mit-python-flask-swagger-und-connexion\" \/>\n<meta property=\"og:site_name\" content=\"Weiterbildung Data Science | DataScientest.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DataScientestEN\" \/>\n<meta property=\"article:published_time\" content=\"2023-04-01T13:28:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-29T20:06:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/datascientest.com\/de\/wp-content\/blogs.dir\/8\/files\/2023\/03\/api-python-datenbank-1.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1536\" \/>\n\t<meta property=\"og:image:height\" content=\"843\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Daniel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@DataScientest__\" \/>\n<meta name=\"twitter:site\" content=\"@DataScientest__\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Daniel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/datascientest.com\/de\/api-programmierung-und-dokumentation-mit-python-flask-swagger-und-connexion#article\",\"isPartOf\":{\"@id\":\"https:\/\/datascientest.com\/de\/api-programmierung-und-dokumentation-mit-python-flask-swagger-und-connexion\"},\"author\":{\"name\":\"Daniel\",\"@id\":\"https:\/\/datascientest.com\/de\/#\/schema\/person\/5a86e30c5090234fb43dd8baa83c44b0\"},\"headline\":\"API-Programmierung und -Dokumentation mit Python, Flask, Swagger und Connexion\",\"datePublished\":\"2023-04-01T13:28:24+00:00\",\"dateModified\":\"2023-10-29T20:06:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/datascientest.com\/de\/api-programmierung-und-dokumentation-mit-python-flask-swagger-und-connexion\"},\"wordCount\":2165,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/datascientest.com\/de\/#organization\"},\"articleSection\":[\"Data Science\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/datascientest.com\/de\/api-programmierung-und-dokumentation-mit-python-flask-swagger-und-connexion#respond\"]}],\"copyrightYear\":\"2023\",\"copyrightHolder\":{\"@id\":\"https:\/\/datascientest.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/datascientest.com\/de\/api-programmierung-und-dokumentation-mit-python-flask-swagger-und-connexion\",\"url\":\"https:\/\/datascientest.com\/de\/api-programmierung-und-dokumentation-mit-python-flask-swagger-und-connexion\",\"name\":\"API-Programmierung und -Dokumentation mit Python, Flask, Swagger und Connexion\",\"isPartOf\":{\"@id\":\"https:\/\/datascientest.com\/de\/#website\"},\"datePublished\":\"2023-04-01T13:28:24+00:00\",\"dateModified\":\"2023-10-29T20:06:14+00:00\",\"description\":\"API-Programmierung und -Dokumentation mit Python, Flask, Swagger und Connexion: Diese h\u00e4ufigen Fehler solltest Du vermeiden !\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/datascientest.com\/de\/api-programmierung-und-dokumentation-mit-python-flask-swagger-und-connexion\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/datascientest.com\/de\/#website\",\"url\":\"https:\/\/datascientest.com\/de\/\",\"name\":\"Weiterbildung Data Science | DataScientest.com\",\"description\":\"F\u00fchrender Anbieter von Schulungen im Bereich Data Science\",\"publisher\":{\"@id\":\"https:\/\/datascientest.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/datascientest.com\/de\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/datascientest.com\/de\/#organization\",\"name\":\"DataScientest\",\"url\":\"https:\/\/datascientest.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/datascientest.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/datascientest.com\/de\/wp-content\/blogs.dir\/8\/files\/2024\/02\/DataScientest_icon_blue-2.png\",\"contentUrl\":\"https:\/\/datascientest.com\/de\/wp-content\/blogs.dir\/8\/files\/2024\/02\/DataScientest_icon_blue-2.png\",\"width\":301,\"height\":301,\"caption\":\"DataScientest\"},\"image\":{\"@id\":\"https:\/\/datascientest.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/DataScientestEN\",\"https:\/\/twitter.com\/DataScientest__\",\"https:\/\/www.linkedin.com\/company\/datascientest-germany\/\",\"https:\/\/www.tiktok.com\/@datascientest\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/datascientest.com\/de\/#\/schema\/person\/5a86e30c5090234fb43dd8baa83c44b0\",\"name\":\"Daniel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/datascientest.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/837acad4f2dc47e85d81cce837261670?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/837acad4f2dc47e85d81cce837261670?s=96&d=mm&r=g\",\"caption\":\"Daniel\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/school\/datascientest\/\",\"user\"],\"jobTitle\":\"ing\u00e9nieur logiciel\",\"worksFor\":\"DataScientest\",\"url\":\"https:\/\/datascientest.com\/de\/author\/team-redac\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"API-Programmierung und -Dokumentation mit Python, Flask, Swagger und Connexion","description":"API-Programmierung und -Dokumentation mit Python, Flask, Swagger und Connexion: Diese h\u00e4ufigen Fehler solltest Du vermeiden !","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/datascientest.com\/de\/api-programmierung-und-dokumentation-mit-python-flask-swagger-und-connexion","og_locale":"de_DE","og_type":"article","og_title":"API-Programmierung und -Dokumentation mit Python, Flask, Swagger und Connexion","og_description":"In den beiden vorherigen Artikeln haben wir ein erstes Beispiel f\u00fcr die Programmierung einer Web-API unter Flask gesehen und wie man eine Web-API mit","og_url":"https:\/\/datascientest.com\/de\/api-programmierung-und-dokumentation-mit-python-flask-swagger-und-connexion","og_site_name":"Weiterbildung Data Science | DataScientest.com","article_publisher":"https:\/\/www.facebook.com\/DataScientestEN","article_published_time":"2023-04-01T13:28:24+00:00","article_modified_time":"2023-10-29T20:06:14+00:00","og_image":[{"width":1536,"height":843,"url":"https:\/\/datascientest.com\/de\/wp-content\/blogs.dir\/8\/files\/2023\/03\/api-python-datenbank-1.webp","type":"image\/webp"}],"author":"Daniel","twitter_card":"summary_large_image","twitter_creator":"@DataScientest__","twitter_site":"@DataScientest__","twitter_misc":{"Verfasst von":"Daniel","Gesch\u00e4tzte Lesezeit":"13 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/datascientest.com\/de\/api-programmierung-und-dokumentation-mit-python-flask-swagger-und-connexion#article","isPartOf":{"@id":"https:\/\/datascientest.com\/de\/api-programmierung-und-dokumentation-mit-python-flask-swagger-und-connexion"},"author":{"name":"Daniel","@id":"https:\/\/datascientest.com\/de\/#\/schema\/person\/5a86e30c5090234fb43dd8baa83c44b0"},"headline":"API-Programmierung und -Dokumentation mit Python, Flask, Swagger und Connexion","datePublished":"2023-04-01T13:28:24+00:00","dateModified":"2023-10-29T20:06:14+00:00","mainEntityOfPage":{"@id":"https:\/\/datascientest.com\/de\/api-programmierung-und-dokumentation-mit-python-flask-swagger-und-connexion"},"wordCount":2165,"commentCount":0,"publisher":{"@id":"https:\/\/datascientest.com\/de\/#organization"},"articleSection":["Data Science"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/datascientest.com\/de\/api-programmierung-und-dokumentation-mit-python-flask-swagger-und-connexion#respond"]}],"copyrightYear":"2023","copyrightHolder":{"@id":"https:\/\/datascientest.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/datascientest.com\/de\/api-programmierung-und-dokumentation-mit-python-flask-swagger-und-connexion","url":"https:\/\/datascientest.com\/de\/api-programmierung-und-dokumentation-mit-python-flask-swagger-und-connexion","name":"API-Programmierung und -Dokumentation mit Python, Flask, Swagger und Connexion","isPartOf":{"@id":"https:\/\/datascientest.com\/de\/#website"},"datePublished":"2023-04-01T13:28:24+00:00","dateModified":"2023-10-29T20:06:14+00:00","description":"API-Programmierung und -Dokumentation mit Python, Flask, Swagger und Connexion: Diese h\u00e4ufigen Fehler solltest Du vermeiden !","inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/datascientest.com\/de\/api-programmierung-und-dokumentation-mit-python-flask-swagger-und-connexion"]}]},{"@type":"WebSite","@id":"https:\/\/datascientest.com\/de\/#website","url":"https:\/\/datascientest.com\/de\/","name":"Weiterbildung Data Science | DataScientest.com","description":"F\u00fchrender Anbieter von Schulungen im Bereich Data Science","publisher":{"@id":"https:\/\/datascientest.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/datascientest.com\/de\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/datascientest.com\/de\/#organization","name":"DataScientest","url":"https:\/\/datascientest.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/datascientest.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/datascientest.com\/de\/wp-content\/blogs.dir\/8\/files\/2024\/02\/DataScientest_icon_blue-2.png","contentUrl":"https:\/\/datascientest.com\/de\/wp-content\/blogs.dir\/8\/files\/2024\/02\/DataScientest_icon_blue-2.png","width":301,"height":301,"caption":"DataScientest"},"image":{"@id":"https:\/\/datascientest.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DataScientestEN","https:\/\/twitter.com\/DataScientest__","https:\/\/www.linkedin.com\/company\/datascientest-germany\/","https:\/\/www.tiktok.com\/@datascientest"]},{"@type":"Person","@id":"https:\/\/datascientest.com\/de\/#\/schema\/person\/5a86e30c5090234fb43dd8baa83c44b0","name":"Daniel","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/datascientest.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/837acad4f2dc47e85d81cce837261670?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/837acad4f2dc47e85d81cce837261670?s=96&d=mm&r=g","caption":"Daniel"},"sameAs":["https:\/\/www.linkedin.com\/school\/datascientest\/","user"],"jobTitle":"ing\u00e9nieur logiciel","worksFor":"DataScientest","url":"https:\/\/datascientest.com\/de\/author\/team-redac"}]}},"_links":{"self":[{"href":"https:\/\/datascientest.com\/de\/wp-json\/wp\/v2\/posts\/173487"}],"collection":[{"href":"https:\/\/datascientest.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/datascientest.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/datascientest.com\/de\/wp-json\/wp\/v2\/users\/45"}],"replies":[{"embeddable":true,"href":"https:\/\/datascientest.com\/de\/wp-json\/wp\/v2\/comments?post=173487"}],"version-history":[{"count":0,"href":"https:\/\/datascientest.com\/de\/wp-json\/wp\/v2\/posts\/173487\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/datascientest.com\/de\/wp-json\/wp\/v2\/media\/173488"}],"wp:attachment":[{"href":"https:\/\/datascientest.com\/de\/wp-json\/wp\/v2\/media?parent=173487"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/datascientest.com\/de\/wp-json\/wp\/v2\/categories?post=173487"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/datascientest.com\/de\/wp-json\/wp\/v2\/tags?post=173487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}