Hello World

Le but de ce tutoriel est de vous faire créer l'application la plus basique en utilisant Wails. Vous serez capables de :

• Créer une nouvelle application Wails
• Compiler l'application
• Démarrer l'application

note

Ce tutoriel utilise Windows comme plate-forme cible. La sortie variera légèrement selon votre système d'exploitation.

Créer une nouvelle application Wails

Pour créer une nouvelle application Wails utilisant le template Vanilla JS par défaut, vous devez exécuter la commande suivante :

wails init -n helloworld

Vous devriez voir quelque chose de similaire à ce qui suit :

Wails CLI v2.0.0

Initialising Project 'helloworld'
---------------------------------

Project Name:      helloworld
Project Directory: C:\Users\leaan\tutorial\helloworld
Project Template:  vanilla
Template Support:  https://wails.io

Initialised project 'helloworld' in 232ms.

Cela va créer un nouveau dossier nommé helloworld dans le dossier actuel. Dans ce dossier, vous trouverez un certain nombre de fichiers :

build/       - Contains the build files + compiled application
frontend/    - Contains the frontend files
app.go       - Contains the application code
main.go      - The main program with the application configuration
wails.json   - The project configuration file
go.mod       - The go module file
go.sum       - The go module checksum file

Compiler l'application

Pour compiler l'application, déplacez-vous dans le dossier du nouveau projet helloworld et exécutez la commande suivante :

wails build

Vous devriez voir quelque chose comme ça :

Wails CLI v2.0.0

App Type:               desktop
Platforms:              windows/amd64
Compiler:               C:\Users\leaan\go\go1.18.3\bin\go.exe
Build Mode:             Production
Devtools:               false
Skip Frontend:          false
Compress:               false
Package:                true
Clean Build Dir:        false
LDFlags:                ""
Tags:                   []
Race Detector:          false

Building target: windows/amd64
------------------------------
  - Installing frontend dependencies: Done.
  - Compiling frontend: Done.
  - Generating bundle assets: Done.
  - Compiling application: Done.
Built 'C:\Users\leaan\tutorial\helloworld\build\bin\helloworld.exe' in 10.616s.

Cela a compilé l'application et l'a enregistré dans le dossier build/bin.

Démarrer l'application

Si on voit le dossier build/bin dans l'explorateur Windows, nous devrions voir le binaire de notre projet :

On peut l'exécuter en simplement double-cliquant sur le fichier helloworld.exe.

Sur Max, Wails va générer un fichier helloworld.app qui peut être exécuté en simplement double-cliquant dessus.

Sur Linux, vous pouvez exécuter l'application en utilisant ./helloworld depuis le répertoire build/bin.

Vous devriez voir l'application fonctionner comme prévu :