连接Python 3和Electron/Node.JS：构建现代桌面应用程序

$ python --version
Python 3.7.0

现在，让我们建立一个虚拟环境。

$ python -m venv env

接下来，您需要使用以下命令激活环境：

$ source env/bin/activate

在Windows上，您可以使用Scripts\activate.bat文件激活虚拟环境，如下所示：

$ env\Scripts\activate.bat

就是这样。现在，您已经激活了虚拟环境，并且可以为示例安装软件包。

$ mkdir python-nodejs-example
$ cd python-nodejs-example
$ npm init -y

Npm的init命令会产生一个具有以下默认值的package.json文件：

{
  "name": "python-nodejs-example",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

您可以自定义这个文件中您认为适合您的项目的值，您也可以简单地使用这个简单示例的默认值。

$ touch index.js 
$ touch index.html

$ sudo pip install simplecalculator

首先，在项目的文件夹中，创建一个py文件夹，并在其中创建一个calc.py文件：

$ mkdir py & cd py
$ touch calc.py

打开calc.py文件，并添加以下Python代码，该代码执行计算并将结果打印到标准输出中：

from sys import argv
from calculator.simple import SimpleCalculator

def calc(text):
	"""based on the input text, return the operation result"""
	try:
		c = SimpleCalculator()
		c.run(text)
		return c.log[-1]
	except Exception as e:
		print(e)
		return 0.0

if __name__ == '__main__':
    print(calc(argv[1]))

接下来，创建一个renderer.js文件，并添加以下代码以生成Python进程并执行py/calc.py脚本：

function sendToPython() {
  var python = require('child_process').spawn('python', ['./py/calc.py', input.value]);
  python.stdout.on('data', function (data) {
    console.log("Python response: ", data.toString('utf8'));
    result.textContent = data.toString('utf8');
  });

  python.stderr.on('data', (data) => {
    console.error(`stderr: ${data}`);
  });

  python.on('close', (code) => {
    console.log(`child process exited with code ${code}`);
  });
}

btn.addEventListener('click', () => {
  sendToPython();
});

btn.dispatchEvent(new Event('click'));

接下来，打开index.html文件并按如下所示进行更新：

    
    Calling Python from Electron!



    Simple Python Calculator!
    
Input something like 1 + 1.
    
    
    
    Got 
    
    

$ npm install --save python-shell

在撰写本文时，python-shell v1.0.8已安装在我们的项目中。

function sendToPython() {
  var { PythonShell } = require('python-shell');

  let options = {
    mode: 'text',
    args: [input.value]
  };

  PythonShell.run('./py/calc.py', options, function (err, results) {
    if (err) throw err;
    // results is an array consisting of messages collected during execution
    console.log('results: ', results);
    result.textContent = results[0];
  });
}

$ pip install flask
$ pip install Flask-Cors

接下来，在您项目的py文件夹中，创建一个server.py文件，并添加以下代码以运行Flask服务器，该服务器仅执行计算并将结果作为HTTP响应返回：

import sys
from flask import Flask
from flask_cors import cross_origin
from calculator.simple import SimpleCalculator

def calcOp(text):
	"""based on the input text, return the operation result"""
	try:
		c = SimpleCalculator()
		c.run(text)
		return c.log[-1]
	except Exception as e:
		print(e)
		return 0.0

app = Flask(__name__)

@app.route("/")
@cross_origin()
def calc(input):    
    return calcOp(input)

if __name__ == "__main__":
    app.run(host='127.0.0.1', port=5001)

接下来，打开renderer.js文件，并添加以下代码以生成Python并运行server.py文件：

let input = document.querySelector('#input')
let result = document.querySelector('#result')
let btn = document.querySelector('#btn')

function sendToPython() {
  var { PythonShell } = require('python-shell');

  let options = {
    mode: 'text'
  };
  
  PythonShell.run('./py/server.py', options, function (err, results) {
    if (err) throw err;
    // results is an array consisting of messages collected during execution
    console.log('response: ', results);
  });
}

function onclick(){

  fetch(`http://127.0.0.1:5001/${input.value}`).then((data)=>{      
      return data.text();
      
  }).then((text)=>{
    console.log("data: ", text);
    result.textContent = text;
  }).catch(e=>{
    console.log(e);
  })
}
sendToPython();

btn.addEventListener('click', () => {
  onclick();
});

btn.dispatchEvent(new Event('click'))