Il primo progetto con TAURI v2.x

Il primo progetto con TAURI v2.x

Immaginiamo di essere su Windows e di voler creare il nostro primo progetto utilizzando Tauri+Rust. Questo articolo è il posto giusto da cui iniziare…

Prerequisiti

Dobbiamo preparare l’ambiente di sviluppo.
Procediamo per punti. Sebbene non sia necessario, la mia esperienza mi porta a indicarti la seguente procedura per evitare di incasinarti dopo.

PUNTO 0
Per prima cosa, se hai installato NODE.js tramite la procedura di installazione (setup) ti consiglio di disinstallarlo. Completamente. Quindi vai nell’elenco delle applicazioni installate e disinstalla NODE.js.
Riavvia la macchina.

PUNTO 1
Al riavvio installa NVM e NODE.js.
Installare NVM consente di utilizzare diverse versioni di NODE.js a seconda di quella che serve. Per Windows, si può scaricare NVM da qui:
https://github.com/coreybutler/nvm-windows
Clicca sul pulsante “Download Now!”, scorri verso il basso e scarica il file nvm-setup.exe. È possibile verificare la corretta installazione di NVM tramite il comando:
nvm version
Utilizza il seguente comando NVM per installare l’ultima versione stabile di NODE.js:
nvm install lts
Al termine, verifica la presenza di NODE.js tramite NVM. Digita:
nvm list

Se vuoi utilizzare una specifica versione di NODE.js ti basta utilizzare il comando nvm use <versione.node>.
Esempio: nvm use 22.19.0.
Se vuoi installare una specifica versione di NODE.js, ti basta utilizzare il comando nvm install <versione.node>.
Esempio nvm install 24.5.0.

PUNTO 2
Installa Microsoft C++ Build Tools. Ti serve per la compilazione del progetto. L’installazione è abbastanza semplice: va qui, scarica il file eseguibile, lancialo e, in fase di installazione, metti la spunta sulla voce “Sviluppo di applicazioni Desktop con C++”. Al termine dell’installazione riavvia la macchina.

PUNTO 3
Installa RUST.
Vai al seguente link: https://www.rust-lang.org/tools/install.
Scarica la versione corretta (32 – 64bit) e procedi all’installazione.

Terminata l’istallazione, riavvia la macchina. Al riavvio apri il prompt dei comandi e digita:
rustc --version
Se ti viene fuori “comando non riconosciuto” non è stata modificata correttamente la PATH del tuo sistema e dovrai farlo manualmente aprendo le variabili d’ambiente e aggiungendo alla variabile PATH il percorso in cui si trova il compilatore di RUST, tipicamente %USERPROFILE%/.cargo/bin.

Crea il primo progetto

Siamo pronti. Tutti i prerequisiti sono sistemati, possiamo lanciare il comando che ci servirà per creare tutte le cartelle del nostro primo progetto Tauri + Rust! Quindi apriamo il prompt dei comandi in una cartella di nostra scelta, in cui vogliamo creare il nostro progetto e digitiamo:
npm create tauri-app@latest

Ci verranno fatte un po’ di domande a cui dobbiamo sapere cosa rispondere.
Qui di seguito possiamo osservare le risposte date (evidenziate in verde) per un’applicazione denominata Haccp Trace e prodotta da me che utilizza Rust nella logica di programmazione e Typescript per il front-end. Il risultato del comando è la creazione di una cartella denominata Haccp-Trace all’interno della quale vengono posizionati tutti i file del progetto.

Bene.
Tramite il prompt entriamo nella cartella del progetto, nel mio caso Haccp-Trace e digitiamo in sequenza:
npm install (installerà per noi i pacchetti richiamati dal file package.json)
npm run tauri dev

Dopo il secondo comando, il prompt inizierà a sbrodolare un sacco di informazioni. Attendiamo che termini (ci potrebbero volere diversi minuti!!!). Al termine verrà aperta un finestra nativa di Tauri che usa il WebView del sistema operativo e che punterà comunque qui:
http://localhost:1420/

OK.
Non abbiamo fatto niente, ma almeno abbiamo tutti gli strumenti per iniziare!
Ora utilizziamo Visual Studio Code per avviare e modificare il nostro progetto.
Quindi… apri VS Code.
Vai su File → Open Folder e seleziona la cartella del tuo progetto (nel mio caso haccp-trace).
Una volta aperto, VS Code dovrebbe rilevare automaticamente il progetto TypeScript e Rust.
Installa l’estensione Rust Analyzer. Si tratta di un intelliSense, completamento automatico e refactoring per Rust.
Installa l’estensione TypeScript Hero o TSLint per lavorare in pace con Typescript.

Sei pronto per iniziare a programmare la tua prima applicazione TAURI + RUST!

Prossimi passi?

Bisogna necessariamente prendere confidenza con alcuni concetti e linguaggi di programmazione:
RUST (https://www.rust-lang.org/it)
CARGO (https://doc.rust-lang.org/cargo/index.html)
TYPESCRIPT (https://www.typescriptlang.org/)
VITE (https://vite.dev/).

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *