https://kono.phpage.fr/index.php?action=history&feed=atom&title=Tauri%2FPremier_exemple
Tauri/Premier exemple - Historique des versions
2026-11-07T21:37:59Z
Historique des versions pour cette page sur le wiki
MediaWiki 1.43.11
https://kono.phpage.fr/index.php?title=Tauri/Premier_exemple&diff=6553&oldid=prev
Fylip22 : /* tauri.conf.json */
2026-11-05T21:22:28Z
<p><span class="autocomment">tauri.conf.json</span></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="fr">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version du 5 novembre 2026 à 22:22</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l265">Ligne 265 :</td>
<td colspan="2" class="diff-lineno">Ligne 265 :</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> "alwaysOnTop": true,</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> "alwaysOnTop": true,</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> "resizable": false,</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> "resizable": false,</div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> "maximizable": false,</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> "minimizable": false,</ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> "skipTaskbar": true</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> "skipTaskbar": true</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> }</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> }</div></td></tr>
</table>
Fylip22
https://kono.phpage.fr/index.php?title=Tauri/Premier_exemple&diff=6552&oldid=prev
Fylip22 le 5 novembre 2026 à 21:12
2026-11-05T21:12:37Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="fr">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version du 5 novembre 2026 à 22:12</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Ligne 1 :</td>
<td colspan="2" class="diff-lineno">Ligne 1 :</td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Retour à la page parente : [[Tauri]]</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Nom du projet : <code>Navig2</code></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Nom du projet : <code>Navig2</code></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
</table>
Fylip22
https://kono.phpage.fr/index.php?title=Tauri/Premier_exemple&diff=6551&oldid=prev
Fylip22 : Page créée avec « Nom du projet : <code>Navig2</code> == Généralité == Fichiers {{fichier|C:\Prog\Navig2\src-tauri\tauri.conf.json}} Détails : * Nom de la fenêtre : <source inline>"title": "Navigation",</source> == index.html == * <code>C:\Prog\Navig2\src\index.html</code> <source> <!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <link rel="stylesheet" href="styles.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"... »
2026-11-05T21:11:57Z
<p>Page créée avec « Nom du projet : <code>Navig2</code> == Généralité == Fichiers {{fichier|C:\Prog\Navig2\src-tauri\tauri.conf.json}} Détails : * Nom de la fenêtre : <source inline>"title": "Navigation",</source> == index.html == * <code>C:\Prog\Navig2\src\index.html</code> <source> <!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <link rel="stylesheet" href="styles.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"... »</p>
<p><b>Nouvelle page</b></p><div>Nom du projet : <code>Navig2</code><br />
<br />
== Généralité ==<br />
Fichiers {{fichier|C:\Prog\Navig2\src-tauri\tauri.conf.json}}<br />
<br />
Détails :<br />
* Nom de la fenêtre : <source inline>"title": "Navigation",</source><br />
<br />
== index.html ==<br />
* <code>C:\Prog\Navig2\src\index.html</code><br />
<br />
<source><br />
<!doctype html><br />
<html lang="en"><br />
<head><br />
<meta charset="UTF-8" /><br />
<link rel="stylesheet" href="styles.css" /><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><br />
<title>Mon application Tauri</title><br />
<script type="module" src="/main.js" defer></script><br />
</head><br />
<body><br />
<div class="titlebar"><span class="grip-btn-g" >⠿</span><span class="title">Barre de déplacement</span><span class="grip-btn-d">⠿</span></div><br />
<h1>Bienvenue sur Tauri !</h1><br />
<div class="row"><br />
<a href="https://tauri.app" target="_blank"> <img src="/assets/tauri.svg" class="logo tauri" alt="Tauri logo" /></a><br />
<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank" ><img src="/assets/javascript.svg" class="logo vanilla" alt="JavaScript logo" /></a><br />
</div><br />
<p>Cliquer sur le logo Tauri ou JavaScript pour en apprendre plus.</p><br />
<form class="row" id="greet-form"><br />
<input id="greet-input" placeholder="Saisir un nom..." /><br />
<button type="submit">Salut</button><br />
</form><br />
<p id="greet-msg"></p><br />
</body><br />
</html><br />
</source><br />
<br />
== styles.css ==<br />
* <code>C:\Prog\Navig2\src\styles.css</code><br />
<br />
<source><br />
body {<br />
margin: 0;<br />
padding-top: 10vh;<br />
padding-top: 0;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: center;<br />
text-align: center;<br />
}<br />
<br />
.logo.tauri:hover {<br />
filter: drop-shadow(0 0 2em #24c8db);<br />
}<br />
.logo.vanilla:hover {<br />
filter: drop-shadow(0 0 2em #ffe21c);<br />
}<br />
<br />
:root {<br />
font-family: Inter, Avenir, Helvetica, Arial, sans-serif;<br />
font-size: 16px;<br />
line-height: 24px;<br />
font-weight: 400;<br />
<br />
color: #0f0f0f;<br />
background-color: #f6f6f6;<br />
<br />
font-synthesis: none;<br />
text-rendering: optimizeLegibility;<br />
-webkit-font-smoothing: antialiased;<br />
-moz-osx-font-smoothing: grayscale;<br />
-webkit-text-size-adjust: 100%;<br />
}<br />
<br />
.logo {<br />
height: 6em;<br />
padding: 1.5em;<br />
will-change: filter;<br />
transition: 0.4s; <br />
}<br />
<br />
.row {<br />
display: flex;<br />
justify-content: center;<br />
}<br />
<br />
a {<br />
font-weight: 500;<br />
color: #646cff;<br />
text-decoration: inherit;<br />
}<br />
<br />
a:hover {<br />
color: #535bf2;<br />
}<br />
<br />
h1 {<br />
text-align: center;<br />
}<br />
<br />
input, button {<br />
border-radius: 8px;<br />
border: 1px solid transparent;<br />
padding: 0.6em 1.2em;<br />
font-size: 1em;<br />
font-weight: 500;<br />
font-family: inherit;<br />
color: #0f0f0f;<br />
background-color: #ffffff;<br />
transition: border-color 0.25s;<br />
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);<br />
}<br />
<br />
button {<br />
cursor: pointer;<br />
}<br />
<br />
button:hover {<br />
border-color: #396cd8;<br />
}<br />
button:active {<br />
border-color: #396cd8;<br />
background-color: #e8e8e8;<br />
}<br />
<br />
input, button {<br />
outline: none;<br />
}<br />
<br />
#greet-input {<br />
margin-right: 5px;<br />
}<br />
<br />
@media (prefers-color-scheme: dark) {<br />
:root {<br />
color: #f6f6f6;<br />
background-color: #2f2f2f;<br />
}<br />
<br />
a:hover {<br />
color: #24c8db;<br />
}<br />
<br />
input, button {<br />
color: #ffffff;<br />
background-color: #0f0f0f98;<br />
}<br />
button:active {<br />
background-color: #0f0f0f69;<br />
}<br />
}<br />
.titlebar {<br />
height: 50px;<br />
display: flex;<br />
align-items: center;<br />
background: #0f3460;<br />
-webkit-app-region: drag;<br />
}<br />
.grip-btn-g { font-size: 2em; color: #4a6fa5; cursor: grab; }<br />
.grip-btn-d { font-size: 2em; color: #4a6fa5; cursor: grab; }<br />
.title { font-size: 1.1em; color: #8899aa; margin:auto; }<br />
</source><br />
<br />
== main.js ==<br />
* <code>C:\Prog\Navig2\src\main.js</code><br />
<br />
<source><br />
const { invoke } = window.__TAURI__.core;<br />
<br />
let greetInputEl;<br />
let greetMsgEl;<br />
<br />
async function greet() {<br />
// Learn more about Tauri commands at https://tauri.app/develop/calling-rust/<br />
greetMsgEl.textContent = await invoke("greet", { name: greetInputEl.value });<br />
}<br />
<br />
window.addEventListener("DOMContentLoaded", () => {<br />
greetInputEl = document.querySelector("#greet-input");<br />
greetMsgEl = document.querySelector("#greet-msg");<br />
document.querySelector("#greet-form").addEventListener("submit", (e) => {<br />
e.preventDefault();<br />
greet();<br />
});<br />
});<br />
</source><br />
<br />
== build.rs ==<br />
* <code>C:\Prog\Navig2\src-tauri\build.rs</code><br />
<br />
<source><br />
fn main() {<br />
tauri_build::build()<br />
}<br />
</source><br />
<br />
== build.rs ==<br />
* <code>C:\Prog\Navig2\src-tauri\src\main.rs</code><br />
<br />
<source><br />
// Prevents additional console window on Windows in release, DO NOT REMOVE!!<br />
#![cfg_attr(not(debug_assertions), windows_subsystem = "windows")]<br />
<br />
fn main() {<br />
navig2_lib::run()<br />
}<br />
</source><br />
<br />
== lib.rs ==<br />
* <code>C:\Prog\Navig2\src-tauri\src\lib.rs</code><br />
<br />
<source><br />
// Learn more about Tauri commands at https://tauri.app/develop/calling-rust/<br />
use tauri::{Manager, PhysicalPosition};<br />
<br />
#[tauri::command]<br />
fn greet(name: &str) -> String {<br />
format!("Bonjour, {} ! Bienvenue sur Tauri !", name)<br />
}<br />
<br />
#[cfg_attr(mobile, tauri::mobile_entry_point)]<br />
pub fn run() {<br />
tauri::Builder::default()<br />
.setup(|app| {<br />
let window = app.get_webview_window("main").unwrap();<br />
let monitor = window.primary_monitor().unwrap().unwrap();<br />
let screen = monitor.size();<br />
let win_size = window.outer_size().unwrap();<br />
let x = ((screen.width - win_size.width) / 2) as i32; // calcul du centre de l'écran<br />
let y = 2 as i32; // marge en haut (utile si pas de decorations)<br />
//let y = margin_top;<br />
window.set_position(PhysicalPosition::new(x, y)).unwrap();<br />
Ok(())<br />
})<br />
.plugin(tauri_plugin_opener::init())<br />
.invoke_handler(tauri::generate_handler![greet])<br />
.run(tauri::generate_context!())<br />
.expect("error while running tauri application");<br />
}<br />
</source><br />
<br />
== tauri.conf.json ==<br />
* <code>C:\Prog\Navig2\src-tauri\tauri.conf.json</code><br />
<br />
<source><br />
{<br />
"$schema": "https://schema.tauri.app/config/2",<br />
"productName": "navig2",<br />
"version": "0.1.1",<br />
"identifier": "com.phil.navig2",<br />
"build": {<br />
"frontendDist": "../src"<br />
},<br />
"app": {<br />
"withGlobalTauri": true,<br />
"windows": [<br />
{<br />
"title": "Navigation",<br />
"width": 700,<br />
"height": 500,<br />
"decorations": false,<br />
"alwaysOnTop": true,<br />
"resizable": false,<br />
"skipTaskbar": true<br />
}<br />
],<br />
"security": {<br />
"csp": null<br />
}<br />
},<br />
"bundle": {<br />
"active": true,<br />
"targets": "all",<br />
"icon": [<br />
"icons/32x32.png",<br />
"icons/128x128.png",<br />
"icons/128x128@2x.png",<br />
"icons/icon.icns",<br />
"icons/icon.ico"<br />
]<br />
}<br />
}<br />
</source></div>
Fylip22