Erstellen Sie eine Desktop-App mit Python mit Electron

Einführung

Als ich dachte, dass die GUI-Umgebung von Python heikel ist, konnte ich mich leicht mit Electron verbinden und es schien, als könnte ich eine schöne GUI-Umgebung erstellen, also machte ich eine einfache Anwendung. Referenz: Elektron als GUI von Python-Anwendungen

Danke für Ihre Kooperation!

Wenn Sie diesen Artikel hilfreich finden, wäre ich Ihnen dankbar, wenn Sie diesen Artikel "** mögen **" könnten.

Über den Autor

Ich bin ** Kikagaku Co., Ltd. ** Repräsentativer Direktor ** Ryosuke Yoshizaki ** Mein Name ist. Derzeit "** De-Black-Box-Seminar für maschinelles Lernen / Künstliche Intelligenz **" und "** Online-Heimlehrer für maschinelles Lernen **" ”wird betrieben.

Biografie

Kikagaku Co., Ltd.

Bereitstellung von Bildungsdiensten für maschinelles Lernen und künstliche Intelligenz

Wir freuen uns auf Ihr Follow-up

Wir bieten Informationen zu maschinellem Lernen und künstlicher Intelligenz aus geschäftlicher Sicht sowie empfohlene Nachschlagewerke.

Präsident und CEO Ryosuke Yoshizaki Twitter：@yoshizaki_kkgk Facebook：@ryosuke.yoshizaki Blog: Blog des Kikagaku-Vertreters

Nachdem die Einführung lang ist, können wir mit dem Aufbau der Umgebung beginnen!

Entwicklungsumgebung

・ Betriebssystem: Mac OS X EL Capitan (10.11.5)

Umgebung

Dieses Mal verwenden wir Flask, Pythons leichtes Webframework.

Flash(python)Und Elektroneninstallation

$ pip install Flask
$ npm install -g electron-prebuilt

Wenn Sie bei der Installation von Electron gestolpert sind, funktioniert die Aktualisierung der Seite node.js wahrscheinlich. Weitere Informationen finden Sie im vorherigen Artikel Einführung in Electron (Von der Installation zu Hello World).

Erstellen Sie Python-Desktop-Apps mit Electron

Erstellen Sie ein neues Projekt

Verzeichnisaufbau

PythonApp
├── node_modules
├── hello.py
├── main.js
└── package.json

Erstellen Sie ein neues Projekt für Electron.

Erstellen Sie ein neues Projekt

$ mkdir PythonApp
$ cd PythonApp
$ npm init -y

Hier befindet sich auf der Seite node.js ein erforderliches Modul. Installieren Sie es also.

Installation der erforderlichen Module

$ npm install --save request
$ npm install --save request-promise 

npm init -Paket erstellt mit y.Json bearbeiten.

#### **`package.json`**
```json

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

Erstellen Sie main.js für den App-Steuerelementteil

Erstellen Sie main.js im Verzeichnis, um Electron zu steuern.

main.js

//Grundeinstellung auf der Elektronenseite
const electron = require('electron');
const app = electron.app;
const BrowserWindow = electron.BrowserWindow;
let mainWindow;

//Beenden Sie, wenn die App geschlossen ist
app.on('window-all-closed', function() {
  app.quit();
});

//Verarbeitung nach dem Start der App
app.on('ready', function() {
  var subpy = require('child_process').spawn('python',['./hello.py']);
  var rq = require('request-promise');
  var mainAddr = 'http://localhost:5000';

  var openWindow = function() {
    mainWindow = new BrowserWindow({width: 400, height: 300 });
    mainWindow.loadURL(mainAddr);

    //Verarbeitung beenden
    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) {
        startUp();
      });
  };

  startUp();
});

Erstellen Sie hello.py für den App-Anzeigeteil

Erstellen Sie hello.py.

hello.py

#!/usr/bin/env python
# -*- coding: utf-8 -*-

from __future__ import print_function
import time
from flask import Flask

app = Flask(__name__)

@app.route("/")

def hello():
    return "Hello World!<br>This is powered by Python backend."

if __name__ == "__main__":
    print('on hello')
    app.run(host="127.0.0.1", port=5000)

Führen Sie Electron aus

Führen Sie die Beispielanwendung aus.

Führen Sie Electron aus

$ electron .

Es hat gut funktioniert. Dies ist abgeschlossen.

Danke für deine harte Arbeit.

Wir freuen uns auf Ihr Follow-up

Wir bieten Informationen zu maschinellem Lernen und künstlicher Intelligenz aus geschäftlicher Sicht sowie empfohlene Nachschlagewerke.

Präsident und CEO Ryosuke Yoshizaki Twitter：@yoshizaki_kkgk Facebook：@ryosuke.yoshizaki Blog: Blog des Kikagaku-Vertreters

Bis zum Ende Danke fürs Lesen.