Tauri

Tauri est un cadriciel (framework) pour la création d'application web.

Généralité

Site officiel :

• https://tauri.app/

Tauri sur Wikipédia

Programmer en Rust en ligne :

• https://play.rust-lang.org/

Vidéo

Youtube, Codynn, Tauri for Beginners: Build a Desktop App in Rust

• https://www.youtube.com/watch?v=KhAkFqUi9l0 ; Tauri 2 tutorial for beginners: build Jot, a desktop notes app, with JavaScript and Rust.
• date : 03/10/2022 • durée : 1 h 5 min 23 s

Youtube, NDC Conferences, Good Bye Electron, Hello Rust + Tauri! - Andreas Lillebø Holm - NDC TechTown 2025

• https://www.youtube.com/watch?v=2xsrudVGPGs ; Tauri 2 tutorial for beginners: build Jot, a desktop notes app, with JavaScript and Rust.
• date : 23/12/2025 • durée : 1 h 5 min 39 s

Point de repère

L'écosystème

Une fois que tous les outils sont installés :

• création d'un projet :
  • se positionner dans le dossier des projet,
  • en PowerShell : irm https://create.tauri.app/ps | iex
  • indiquer un nom de projet (project name) : Fen2Bous
  • indiquer un nom de paquet (package name) : Fen2Bous
  • choisir un identifiant (identifier) : com.phil.fen2bous
  • choisir un langage pour la forme (frontend) : JavaScript
  • choisir un gestionnaire de paquets (package manager) : npm
  • choisir un modèle d'interface (UI template) : Vanilla
  • choisir un langage d'interface (UI flavor) : JavaScript
• se positionner dans le dossier du projet : cd Fen2Bou
• installer les éléments du projet : npm install
• lancer le développement : npm run tauri dev ; environ 348 éléments à préparer
• les éléments suivants sont créés dans le dossier du projet :
  • .vscode
  • node_modules
  • src
  • src-tauri
  • .gitignore
  • package-lock.json
  • package.json
  • README.md
• les sous-dossiers suivants contiennent les principaux fichiers du projet :
  • src :
    • index.html
    • main.js
    • styles.css
  • src-tauri\src :
    • lib.rs
    • main.rs

Note :

• irm alias pour Invoke-RestMethod
• iex alias pour Invoke-Expression

À noter

La fenêtre du programme s'actualise en direct :

• pour les modifications de index.html
• pour les modifications de styles.css

Une nouvelle compilation est nécessaire :

• pour les modifications de main.rs
• pour les modifications de lib.rs

Premier exemple

Nom du projet : Navig2

Fichiers C:\Prog\Navig2\src-tauri\tauri.conf.json

Détails :

• Nom de la fenêtre : "title": "Navigation",

{
  "$schema": "https://schema.tauri.app/config/2",
  "productName": "navig2x",
  "version": "0.1.0",
  "identifier": "com.phil.navig2",
  "build": {
    "frontendDist": "../src"
  },
  "app": {
    "withGlobalTauri": true,
    "windows": [
      {
        "title": "Navigation",
        "width": 800,
        "height": 600
      }
    ],
    "security": {
      "csp": null
    }
  },
  "bundle": {
    "active": true,
    "targets": "all",
    "icon": [
      "icons/32x32.png",
      "icons/128x128.png",
      "icons/128x128@2x.png",
      "icons/icon.icns",
      "icons/icon.ico"
    ]
  }
}

Voir aussi

• Electron
• PWA
• Rust
• React
• HTA