Créer Votre Propre Logiciel Windows Avec Django Et Electron

Installez ces trois outils indispensables si vous ne les avez pas :

1. Python : Télécharger ici (Cochez "Add Python to PATH").
2. Node.js : Télécharger ici (Prenez la version LTS).
3. Un éditeur : VS Code est recommandé.

Ouvrez votre terminal dans le dossier de votre projet Django et installez WhiteNoise :

Ensuite, ouvrez votre fichier settings.py et faites ces 3 modifications :

1. Activer WhiteNoise (pour les images/CSS)

MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'whitenoise.middleware.WhiteNoiseMiddleware', # Ajoutez cette ligne ici
    # ... le reste ...
]

2. Configurer les fichiers statiques

STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
STATICFILES_STORAGE = 'whitenoise.storage.CompressedManifestStaticFilesStorage'

3. Empêcher la perte de données après installation

# Ce code place votre base de données dans le dossier utilisateur de Windows
if os.name == 'nt':
    DATA_DIR = os.path.join(os.environ['APPDATA'], 'MonLogiciel')
    os.makedirs(DATA_DIR, exist_ok=True)
    DATABASES = {
        'default': {
            'ENGINE': 'django.db.backends.sqlite3',
            'NAME': os.path.join(DATA_DIR, 'db.sqlite3'),
        }
    }

Créez un fichier nommé launcher.py à côté de votre manage.py :

import os, sys
from django.core.management import execute_from_command_line

if __name__ == "__main__":
    os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'mon_projet.settings')
    execute_from_command_line(['manage.py', 'collectstatic', '--noinput'])
    execute_from_command_line(['manage.py', 'migrate', '--noinput'])
    execute_from_command_line(['manage.py', 'runserver', '127.0.0.1:8000', '--noreload'])

Tapez cette commande dans le terminal pour créer le binaire :

Revenez à la racine du dossier mon-logiciel. Installez Electron :

Créez le fichier main.js :

const { app, BrowserWindow } = require('electron');
const { spawn } = require('child_process');
const path = require('path');

let djangoProcess;

function createWindow() {
  const win = new BrowserWindow({ width: 1000, height: 800 });
  
  // On attend 3 secondes que Django démarre, puis on affiche le site
  setTimeout(() => {
    win.loadURL('http://127.0.0.1:8000');
  }, 3000);
}

app.whenReady().then(() => {
  // Lancer le fichier .exe de Django qu'on a créé à l'étape 4
  const backend = path.join(__dirname, 'mon_projet_django/dist/django-backend.exe');
  djangoProcess = spawn(backend);
  
  createWindow();
});

// Fermer Django quand on quitte le logiciel
app.on('window-all-closed', () => {
  if (djangoProcess) djangoProcess.kill();
  app.quit();
});

Modifiez votre fichier package.json pour ajouter la commande de fabrication :

"scripts": {
    "start": "electron .",
    "build": "electron-builder"
},
"build": {
    "appId": "com.monapp.logiciel",
    "win": { "target": "nsis" }
}

Tapez enfin :