Passer au contenu principal
Version: Prochaine version 🚧

Frontend

Injection de script​

Quand Wails sert votre fichier index.html, par défaut, il injectera 2 entrées de script dans la balise <body> pour charger /wails/ipc.js et /wails/runtime.js. Ces fichiers installent respectivement les bindings et les runtime.

Le code ci-dessous montre où ils sont injectés par défaut :

<html>
  <head>
    <title>injection example</title>
    <link rel="stylesheet" href="/main.css" />
    <!--     <script src="/wails/ipc.js"></script> -->
    <!--     <script src="/wails/runtime.js"></script> -->
  </head>

  <body data-wails-drag>
    <div class="logo"></div>
    <div class="result" id="result">Please enter your name below 👇</div>
    <div class="input-box" id="input" data-wails-no-drag>
      <input class="input" id="name" type="text" autocomplete="off" />
      <button class="btn" onclick="greet()">Greet</button>
    </div>

    <script src="/main.js"></script>
  </body>
</html>

Remplacer l'injection de script par défaut​

Pour fournir plus de flexibilité aux développeurs, il y a une balise meta qui peut être utilisée pour personnaliser ce comportement:

<meta name="wails-options" content="[options]" />

Les options sont les suivantes :

ValeurDescription
noautoinjectruntimePour désactiver l'injection automatique de /wails/runtime.js
noautoinjectipcPour désactiver l'injection automatique de /wails/ipc.js
noautoinjectPour désactiver l'injection automatique de tous les scripts

Multiple options may be used provided they are comma separated.

Ce code est parfaitement valide et fonctionne de la même manière que la version avec l'auto-injection :

<html>
  <head>
    <title>injection example</title>
    <meta name="wails-options" content="noautoinject" />
    <link rel="stylesheet" href="/main.css" />
  </head>

  <body data-wails-drag>
    <div class="logo"></div>
    <div class="result" id="result">Please enter your name below 👇</div>
    <div class="input-box" id="input" data-wails-no-drag>
      <input class="input" id="name" type="text" autocomplete="off" />
      <button class="btn" onclick="greet()">Greet</button>
    </div>

    <script src="/wails/ipc.js"></script>
    <script src="/wails/runtime.js"></script>
    <script src="/main.js"></script>
  </body>
</html>