Application Web réalisée avec Python + Flask (en utilisant VScode) # 1-Construction d'environnement virtuel-

Contexte

Même si vous pouvez étudier la technologie dite de l'IA telle que DL et ML et la mettre en œuvre par programmation, si vous essayez de la diffuser au sein de l'entreprise, une barrière de codage se produira et elle ne se propagera pas facilement.

Objectif

Même si vous dites «Mettez un notebook Jupyter et utilisez python pour vous en souvenir» dans le département, cela prend du temps pour les personnes qui ne gèrent généralement pas la programmation au travail, donc cela prend du temps pour apprendre, donc si vous lisez les données comme une application Web et cliquez dessus, vous pouvez les déplacer! J'aimerais pouvoir créer une interface utilisateur qui dit, alors j'ai commencé à étudier. Je souhaite conserver les connaissances que j'ai acquises.

veux dire

Cette fois, créez-le en utilisant VScode + Flask. Tout d'abord, créez une page Web simple.

• Actuellement, nous développons en intégrant la bibliothèque de Plotly appelée Dash afin d'utiliser des graphiques interactifs. Le GIF fonctionnant sur ce tableau de bord est joint pour votre référence. Je voudrais présenter le voyage jusqu'à ce point un par un dans le futur (il a également une forte signification mémorielle). Étant donné que Dash est également basé sur Flask, nous examinerons d'abord les bases de Flask.

environnement

Cette fois, nous allons procéder avec miniconda 4.7.12 installé sur Windows 10. Il n'utilise pas l'environnement virtuel conda. 3.7.3 est installé pour python.

procédure

• 1. Créer un dossier de projet (espace de travail) à n'importe quel emplacement
     C: \ project \ vscpython \ Flasktest Cette fois, il s'appelait Flasktest
• 2. Charger dans VScode en tant que dossier d'espace de travail

  

• 3. Construction de l'environnement Flask Python Démarrer le terminal (Ctrl + Maj + @)
     Créez un environnement virtuel dans le dossier Flasktest.
     Utilisez venv. python –m venv <Nom de l'environnement virtuel: ici c'est flasktest>Créé avec

Démarrer la palette de commandes (Ctrl + Maj + P) → Entrer l'interpréteur. La sélection d'environnement créé. 　　 OK si le nom de l'espace de travail et le nom de l'environnement sont affichés dans la fenêtre inférieure gauche 　

Redémarrez le terminal pour activer l'environnement virtuel. 　

L'environnement change. 　

Créez un fichier a.py à titre d'essai ⇒ L'écran d'installation Linter pylint apparaît. Une fois installé, il vérifiera la syntaxe. 　 　

Installez les bibliothèques requises Installez Flask cette fois (installez les éléments manquants le cas échéant) 　

• 4. Configuration Flask Python
     Configurez Flask pour déboguer. Tout d'abord, créez l'application Flask répertoriée sur le site officiel de Flask. Créez un fichier app.py et écrivez comme suit.

app.py

from flask import Flask
app = Flask(__name__)

@app.route("/")
def hello_world():
  return "Hello, World!"

VScode demande F5 ⇒ configuration de débogage, alors sélectionnez Flask et exécutez

app.py est exécuté. Cliquez sur l'URL de Running sur http: // ... et si Hello! World! Est affiché dans le navigateur, cela réussit.

À propos, la configuration est décrite dans le fichier launch.json dans le dossier .vscode.

En modifiant ce code, vous pouvez configurer le fichier py pour qu'il fonctionne, hôte, port, etc. Par exemple, lors de l'accès à partir d'un autre PC sur le LAN, ajoutez l'hôte et le port.

launch.json

{

    "version": "0.2.0",
    "configurations": [
        {
            "name": "Python: Flask",
            "type": "python",
            "request": "launch",
            "module": "flask",
            "env": {
                "FLASK_APP": "app.py", #Spécifiez le fichier py pour démarrer
                "FLASK_ENV": "development",
                "FLASK_DEBUG": "0"
            },
            "args": [
                "run",
                "--no-debugger",
                "--no-reload",
                "--host=0.0.0.0", #Postscript
                "--port=5000", #Postscript
            ],
            "jinja": true
        }
    ]
}

En décrivant comme ci-dessus, vous pouvez accéder en entrant l'adresse IP ou le nom de l'ordinateur du PC exécutant Flask dans le navigateur.