Maison  >  Article  >  interface Web  >  javascript appelle la méthode python

javascript appelle la méthode python

王林
王林original
2023-05-12 10:44:084678parcourir

Dans le processus de développement front-end, il est souvent nécessaire d'utiliser des langages back-end pour mettre en œuvre certaines logiques informatiques complexes ou opérations de traitement de données. Le langage Python possède de puissantes capacités de traitement de données et prend en charge diverses bibliothèques, il est donc largement utilisé dans le développement front-end. Cet article vous expliquera comment utiliser JavaScript pour appeler des méthodes Python.

1. Prérequis

Avant de commencer à utiliser JavaScript pour appeler des méthodes Python, vous devez comprendre les points suivants :

  1. Installation et configuration de l'environnement Python.
  2. Installation et configuration de l'environnement Node.js.
  3. Installation et configuration de la bibliothèque flask de Python, qui peut être utilisée pour développer des interfaces Web back-end Python.

2. Créer une API backend Python

Afin d'exposer les méthodes Python au front-end, nous devons développer une API backend Python. Utilisez la bibliothèque flask pour créer rapidement une API backend Python. Les étapes spécifiques sont les suivantes :

  1. Installer la bibliothèque flask

Entrez la commande suivante dans la ligne de commande :

pip install flask
  1. Écrivez la logique back-end

Créez un fichier Python nommé app.py dans le projet répertoire racine et écrivez-le comme suit Code :

from flask import Flask, jsonify

app = Flask(__name__)

@app.route("/tasks/<int:task_id>", methods=['GET'])
def get_task(task_id):
    task = {
        'id': task_id,
        'title': 'Task ' + str(task_id),
        'description': 'Task ' + str(task_id) + ' description'
    }
    return jsonify({'task': task})

if __name__ == '__main__':
    app.run(debug=True)

Le code définit une interface API nommée get_task, le chemin d'accès de l'interface est "/tasks/58da1e685b26c03de4f232811ffb0cf1", et la méthode de requête de l'interface est définie comme OBTENIR. Dans la logique spécifique de l'interface, nous renvoyons un objet json contenant des informations sur la tâche.

Exécutez la commande suivante dans le terminal pour démarrer le service API :

python app.py
  1. Test API

Visitez http://localhost:5000/tasks/1 via un navigateur ou un outil Postman, etc., et vous pourrez voir l'objet json renvoyé.

{
    "task": {
        "description": "Task 1 description",
        "id": 1,
        "title": "Task 1"
    }
}

3. JavaScript appelle des méthodes Python

Après avoir configuré le service API back-end Python, nous pouvons appeler des méthodes Python via JavaScript.

  1. Installez la bibliothèque Python-shell

La bibliothèque Python-shell permet à JavaScript d'interagir avec les scripts Python. Entrez la commande suivante dans la ligne de commande :

npm install python-shell
  1. Écrivez un script JavaScript

Créez un fichier JavaScript nommé test.js dans le répertoire racine du projet et écrivez le code suivant :

var PythonShell = require('python-shell');

PythonShell.run('test.py', function (err, results) {
  if (err) throw err;
  console.log('Python脚本的输出为: %j', results);
});

Dans le code, nous utilisons le Python- bibliothèque shell à exécuter Pour créer un script Python, le fichier test.py doit se trouver dans le même répertoire que le fichier test.js. Dans la sortie du script Python, nous pouvons voir les résultats renvoyés par le script Python.

  1. Écriture d'un script Python

Créez un fichier Python nommé test.py dans le répertoire racine du projet et écrivez le code suivant :

print("Hello, Python!")
  1. Exécutez le script JavaScript

Exécutez la commande suivante dans le terminal pour démarrer le JavaScript script :

node test.js

Nous pouvons voir que la console affiche la sortie du script Python : Bonjour, Python !.

4. JavaScript appelle l'API backend Python

Grâce aux étapes ci-dessus, nous avons implémenté avec succès le fonctionnement de JavaScript appelant des méthodes Python. Mais cette méthode exécute simplement le script Python. Comment laisser JavaScript interagir avec l'API backend Python ?

En JavaScript, vous pouvez utiliser Ajax pour envoyer une requête à l'API backend Python afin d'obtenir les données renvoyées par le backend Python. Voici un exemple d'utilisation de jQuery pour envoyer une requête Ajax :

$(function() {
  // 获取任务信息
  $.ajax({
    url: 'http://localhost:5000/tasks/1',
    cache: false,
    success: function(data) {
        console.log(data);
    }
  });
});

Dans le code ci-dessus, nous avons obtenu les informations sur la tâche renvoyées par l'API backend Python en accédant à http://localhost:5000/tasks/1. Nous pouvons voir que la console affiche les informations de tâche correspondantes.

Ce qui précède explique comment JavaScript appelle les méthodes Python. En combinant la puissance de Python et la flexibilité de JavaScript, nous pouvons obtenir davantage de fonctions et de capacités dans le développement front-end.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:Linux déployer nodejsArticle suivant:Linux déployer nodejs