JavaScriptがPythonメソッドを呼び出す

フロントエンド開発プロセスでは、多くの場合、複雑なコンピューティング ロジックやデータ処理操作を実装するためにバックエンド言語を使用する必要があります。 Python 言語は強力なデータ処理機能とさまざまなライブラリのサポートを備えているため、フロントエンド開発で広く使用されています。この記事では、JavaScript を使用して Python メソッドを呼び出す方法を紹介します。

1. 前提条件

JavaScript を使用して Python メソッドの呼び出しを開始する前に、次の点を理解しておく必要があります:

1. Python 環境のインストールと構成。
2. Node.js 環境のインストールと構成。
3. Python の flask ライブラリのインストールと構成。Python バックエンド Web インターフェイスの開発に使用できます。

2. Python バックエンド API の構築

Python メソッドをフロントエンドに公開するには、Python バックエンド API を開発する必要があります。 flask ライブラリを使用して、Python バックエンド API を迅速に構築します。具体的な手順は次のとおりです。

1. フラスコ ライブラリをインストールします

コマンド ラインに次のコマンドを入力します:

pip install flask

2. バックエンド ロジック

プロジェクト ルート ディレクトリに app.py という名前の Python ファイルを作成し、次のコードを記述します。

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)

コードは、get_task という名前の API インターフェイスを定義します。インターフェースのアクセスパスは「/tasks/」であり、インターフェースのリクエストメソッドはGETとして定義されています。インターフェイスの特定のロジックでは、タスク情報を含む json オブジェクトを返します。

ターミナルで次のコマンドを実行して API サービスを開始します:

python app.py

3. Test API

ブラウザまたは Postman 経由で http:// にアクセスします。ツールなど、localhost:5000/tasks/1 を実行すると、返された json オブジェクトが表示されます。

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

3. JavaScript による Python メソッドの呼び出し

Python バックエンド API サービスを設定した後、JavaScript を通じて Python メソッドを呼び出すことができます。

1. Python シェル ライブラリをインストールする

Python シェル ライブラリを使用すると、JavaScript が Python スクリプトと対話できるようになります。コマンド ラインに次のコマンドを入力します。

npm install python-shell

2. JavaScript スクリプトの作成

test.js という名前の JavaScript ファイルをプロジェクトのルート ディレクトリに作成し、次のコードを記述します。

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

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

コードでは、Python シェル ライブラリを使用して Python スクリプトを実行します。test.py ファイルは test.js ファイルと同じディレクトリにある必要があります。 Python スクリプトの出力では、Python スクリプトから返された結果を確認できます。

3. Python スクリプトの記述

test.py という名前の Python ファイルをプロジェクトのルート ディレクトリに作成し、次のコードを記述します:

print("Hello, Python!")

4. JavaScript スクリプトの実行

ターミナルで次のコマンドを実行して、JavaScript スクリプトを開始します:

node test.js

コンソールに Python スクリプトの出力が出力されていることがわかります。 。

4. JavaScript が Python バックエンド API を呼び出す

上記の手順により、JavaScript が Python メソッドを呼び出す動作を実装することができました。ただし、このメソッドは Python スクリプトを実行するだけです。JavaScript を Python バックエンド API と対話させるにはどうすればよいでしょうか?

JavaScript では、Ajax を使用して Python バックエンド API にリクエストを送信し、Python バックエンドから返されたデータを取得できます。以下は、jQuery を使用して Ajax リクエストを送信する例です。

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

上記のコードでは、http://localhost:5000/tasks/1 にアクセスして、Python バックエンド API から返されたタスク情報を取得します。 。コンソールに対応するタスク情報が出力されていることがわかります。

上記は、JavaScript が Python メソッドを呼び出す方法です。 Python のパワーと JavaScript の柔軟性を組み合わせることで、フロントエンド開発でより多くの機能を実現できます。

以上がJavaScriptがPythonメソッドを呼び出すの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。