mirror of
https://github.com/wailsapp/wails.git
synced 2025-05-02 02:49:29 +08:00
123 lines
3.2 KiB
Plaintext
123 lines
3.2 KiB
Plaintext
---
|
||
sidebar_position: 10
|
||
---
|
||
|
||
# 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 :
|
||
|
||
```bash
|
||
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 :
|
||
|
||
```bash
|
||
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
|
||
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 :
|
||
|
||
```mdx-code-block
|
||
<div class="text--center">
|
||
<img
|
||
src={require("@site/static/img/helloworld-app-icon.webp").default}
|
||
width="134px"
|
||
/>
|
||
</div>
|
||
<br />
|
||
```
|
||
|
||
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 :
|
||
|
||
```mdx-code-block
|
||
<div class="text--center">
|
||
<img
|
||
src={require("@site/static/img/windows-default-app.webp").default}
|
||
width="50%"
|
||
className="screenshot"
|
||
/>
|
||
</div>
|
||
<br />
|
||
```
|