电子框架上的 Python

问题描述

我正在尝试使用 Web 技术(HTML5、CSS 和 JS)编写一个跨平台的桌面应用程序.我看了一些框架并决定使用 Electron 框架.

I am trying to write a cross-platform desktop app using web technologies (HTML5, CSS, and JS). I took a look at some frameworks and decided to use the Electron framework.

我已经用 Python 完成了应用程序,所以我想知道是否可以在 Electron 框架上使用 Python 编写跨平台桌面应用程序?

I've already done the app in Python, so I want to know if is possible to write cross-platform desktop applications using Python on the Electron framework?


解决方案

可以使用 Electron,但如果您正在寻找webbish" UI 功能,您可以查看 Flexx - 它允许您使用纯 Python 编写代码,但仍然使用 Web 开发工具的样式和 UI 灵活性.

It is possible to work with Electron but if you are looking for "webbish" UI capabilities, you can check Flexx - it allows you to code in pure Python but still use the styling and UI flexibility of web development tools.

如果你坚持使用 Electron,你应该遵循这个 发帖.

If you insist on going on Electron you should follow the idea of this post.

首先确保你已经安装了所有东西:

First make sure you have everything installed:

pip install Flask
npm install electron-prebuilt -
npm install request-promise -g

现在创建您希望所有魔法发生的目录并包含以下文件

Now create the directory where you want all the magic to happen and include following files

创建你的 hello.py:

from __future__ import print_function
import time
from flask import Flask

app = Flask(__name__)

@app.route("/")
def hello():
    return "Hello World! This is powered by Python backend."

if __name__ == "__main__":
   print('oh hello')
    #time.sleep(5)
    app.run(host='127.0.0.1', port=5000)

创建你的基本 package.json:

{
  "name"    : "your-app",
  "version" : "0.1.0",
  "main"    : "main.js",
  "dependencies": {
    "request-promise": "*",
    "electron-prebuilt": "*"
  }
}

最后创建你的 main.js:

const electron = require('electron');
const app = electron.app;
const BrowserWindow = electron.BrowserWindow;
electron.crashReporter.start();

var mainWindow = null;

app.on('window-all-closed', function() {
  //if (process.platform != 'darwin') {
    app.quit();
  //}
});

app.on('ready', function() {
  // call python?
  var subpy = require('child_process').spawn('python', ['./hello.py']);
  //var subpy = require('child_process').spawn('./dist/hello.exe');
  var rq = require('request-promise');
  var mainAddr = 'http://localhost:5000';

  var openWindow = function(){
    mainWindow = new BrowserWindow({width: 800, height: 600});
    // mainWindow.loadURL('file://' + __dirname + '/index.html');
    mainWindow.loadURL('http://localhost:5000');
    mainWindow.webContents.openDevTools();
    mainWindow.on('closed', function() {
      mainWindow = null;
      subpy.kill('SIGINT');
    });
  };

  var startUp = function(){
    rq(mainAddr)
      .then(function(htmlString){
        console.log('server started!');
        openWindow();
      })
      .catch(function(err){
        //console.log('waiting for the server start...');
        startUp();
      });
  };

  // fire!
  startUp();
});

取自帖子本身 - 是以下注释

Taken from the post itself - are the following notes

请注意,在 main.js 中,我们为 Python 应用程序生成了一个子进程.然后我们使用无限循环检查服务器是否已经启动(好吧,不好的做法!我们实际上应该检查所需的时间并在几秒钟后中断循环).服务器启动后,我们建立一个实际的电子窗口,指向新的本地网站索引页.

Notice that in main.js, we spawn a child process for a Python application. Then we check whether the server has been up or not using unlimited loop (well, bad practice! we should actually check the time required and break the loop after some seconds). After the server has been up, we build an actual electron window pointing to the new local website index page.

相关文章