Aujourd’hui, nous allons vous montrer comment utiliser JSON pour envoyer des données de JavaScript vers Python.

Vous vous demandez comment envoyer des données de JavaScript à Python? Eh bien, c’est facile avec une interface de programmation d’application (API).

Les langages de programmation communiquent et échangent des données à l’aide d’API. En règle générale, dans une telle communication, une technologie backend (fournisseur d’API) répond avec des données après avoir reçu une demande d’un script frontal. Il existe cependant de nombreux types de requêtes; dans cet article, vous apprendrez à utiliser la requête POST pour envoyer des données au format JSON de JavaScript au serveur à l’aide d’une API Python.

Installations de serveurs Python et Flask

Si vous êtes sous Windows et que Python n’est pas déjà installé, téléchargez-le à partir du python.org site web. Les utilisateurs de Mac n’ont pas besoin de télécharger Python car le système d’exploitation l’accompagne par défaut. Vous pourrez également suivre raisonnablement bien Linux.
Configuration et Installation du Serveur

Vous aurez besoin d’un serveur pour créer une API REST Python. Il existe de nombreux frameworks Web Python pour cela. Flask, Django, FastAPI, Tornado et bien d’autres sont utiles pour écrire des API REST en Python.

Néanmoins, vous utiliserez Flask pour ce tutoriel, car il est facile à comprendre et compatible avec les API.

Tout d’abord, créez un environnement virtuel Python. Ouvrez votre terminal dans le dossier racine de votre projet. Ensuite, installez Flask et flask-cors à l’aide de pip:

flacon d’installation pip, flacon – cors

Le package flask-cors est le module CORS intégré de Flask pour contourner la stratégie de ressources d’origine croisée lors de la demande auprès du point de terminaison de l’API. Vous verrez comment configurer cela avec Flask au fur et à mesure que vous avancez.

C’est tout pour la partie installation.

Structure Squelettique du Flacon

Ensuite, créez un nouveau fichier dans le dossier racine de votre projet. Assurez-vous qu’il a l’extension de fichier .py. Par exemple, il peut être app.py .

Ouvrez ce fichier dans votre éditeur de code préféré et configurez votre application Flask comme suit:

depuis flask import Flask, request, jsonify
depuis flask_cors importer des CORS

Mettre en place le flacon:

app =Flask(nom)

Mettre en place un flacon pour contourner les CORS à l’extrémité avant:

cors = CORS (app)

Exécutez l’application:

si nom== « principal« :
App.exécuter()

Le code ci-dessus importe les modules requis et configure votre application. Le code supplémentaire à l’extrémité arrière (app.run()) définit l’application pour qu’elle s’exécute sur un port par défaut, généralement le port 5000.

Créer un point de terminaison POST API

Dans ce tutoriel, vous allez envoyer des données JSON contenant différentes marques de voitures et leurs modèles de JavaScript au serveur à l’aide d’un point de terminaison Flask. Dans votre JavaScript, vous affecterez les données à une variable appelée cars. Vous pouvez lui donner le nom que vous voulez, cependant.

Mais d’abord, ouvrez le app.py fichier, configurez un point de terminaison POST API et appelez-le receiver. Gardez à l’esprit que vous pouvez utiliser n’importe quelle convention de nommage que vous aimez.

Voici à quoi ressemble votre fichier Python maintenant:

depuis flask import Flask, request, jsonify
depuis flask_cors importer des CORS

Mettre en place le flacon:

app =Flask(nom)

Mettre en place un flacon pour contourner les CORS:

cors = CORS (app)

Créer le point de terminaison POST API du récepteur:

@App.route(« /receiver », methods =[« POST »])
def postME ():
données = demande.get_json()
données = jsonify (données)
données de retour
si nom== « principal« :
App.exécuter (debug= True)