Créez une application de bureau avec Python avec Electron

introduction

Quand j'ai pensé que l'environnement GUI de Python était délicat, je pouvais facilement créer un lien avec Electron et il semblait que je pouvais créer un bel environnement GUI, alors j'ai fait une application simple. Référence: Electron as GUI of Python Applications

Merci de votre collaboration!

Si vous trouvez cet article utile, je vous serais reconnaissant de bien vouloir «** aimer **» cet article.

A propos de l'auteur

Je suis ** Kikagaku Co., Ltd. ** Directeur Représentant ** Ryosuke Yoshizaki ** Mon nom est. Actuellement, «** Machine Learning / Artificial Intelligence De-Black Box Seminar **» et «** Online Home Teacher for Machine Learning ** ”est exploité.

Biographie

Kikagaku Co., Ltd.

Fournir des services éducatifs pour l'apprentissage automatique et l'intelligence artificielle

Nous nous réjouissons de votre suivi

Nous fournissons des informations sur l'apprentissage automatique et l'intelligence artificielle d'un point de vue commercial et des ouvrages de référence recommandés.

Président et PDG Ryosuke Yoshizaki Twitter：@yoshizaki_kkgk Facebook：@ryosuke.yoshizaki Blog: Blog du représentant de Kikagaku

Maintenant que l'introduction est longue, commençons à construire l'environnement!

Environnement de développement

・ Système d'exploitation: Mac OS X EL Capitan (10.11.5)

Environnement

Cette fois, nous utiliserons Flask, le framework Web léger de Python.

Flash(python)Et installation d'électrons

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

Si vous êtes tombé sur l'installation d'Electron, il est probable que la mise à jour du côté node.js fonctionnera. Pour plus de détails, consultez l'article précédent Introduction à Electron (de l'installation à Hello World).

Créez des applications de bureau Python avec Electron

Créer un nouveau projet

Structure du répertoire

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

Créez un nouveau projet pour Electron.

Créer un nouveau projet

$ mkdir PythonApp
$ cd PythonApp
$ npm init -y

Ici, il y a un module nécessaire du côté node.js, alors installez-le.

Installation des modules requis

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

npm init -package créé avec y.Modifiez json.

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

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

Créer main.js pour la partie contrôle de l'application

Créez main.js dans le répertoire pour contrôler Electron.

main.js

//Réglage initial côté Electron
const electron = require('electron');
const app = electron.app;
const BrowserWindow = electron.BrowserWindow;
let mainWindow;

//Quitter lorsque l'application est fermée
app.on('window-all-closed', function() {
  app.quit();
});

//Traitement après le lancement de l'application
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);

    //Terminer le traitement
    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();
});

Créez hello.py pour la partie d'affichage de l'application

Créez 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)

Exécuter Electron

Exécutez l'exemple d'application.

Exécuter Electron

$ electron .

Cela a bien fonctionné. C'est tout ce qu'on peut en dire.

Je vous remercie pour votre travail acharné.

Nous nous réjouissons de votre suivi

Nous fournissons des informations sur l'apprentissage automatique et l'intelligence artificielle d'un point de vue commercial et des ouvrages de référence recommandés.

Président et PDG Ryosuke Yoshizaki Twitter：@yoshizaki_kkgk Facebook：@ryosuke.yoshizaki Blog: Blog du représentant de Kikagaku

Jusqu'à la fin Merci d'avoir lu.