Premiers pas avec l'API

Le service de compilation de fermeture est obsolète et sera supprimé. Envisagez plutôt d'exécuter le compilateur en local.

Hello World de l'API du service Closure Compiler

L'interface utilisateur du service Closure Compiler est idéale pour commencer à utiliser quelques lignes de code JavaScript ou quelques URL. Toutefois, si vous souhaitez automatiser le processus d'optimisation JavaScript ou intégrer un processus plus vaste dans ce dernier (une extension IDE, par exemple), vous devez directement contacter l'API du service Closure Compiler. Procédez comme suit pour l'API de service Hello World of Closure Compiler:

  1. Créer une page HTML

    Créez un fichier nommé closure_compiler_test.html et collez-y le code suivant:

    <html>
      <body>
        <form action="https://closure-compiler.appspot.com/compile" method="POST">
        <p>Type JavaScript code to optimize here:</p>
        <textarea name="js_code" cols="50" rows="5">
        function hello(name) {
          // Greets the user
          alert('Hello, ' + name);
        }
        hello('New user');
        </textarea>
        <input type="hidden" name="compilation_level" value="WHITESPACE_ONLY">
        <input type="hidden" name="output_format" value="text">
        <input type="hidden" name="output_info" value="compiled_code">
        <br><br>
        <input type="submit" value="Optimize">
        </form>
      </body>
    </html>
    

    Le formulaire de cette page vous permet d'appeler facilement (le cas échéant) l'API du service Closure Compiler à l'aide d'une requête HTTP POST.

    Notez que le paramètre compilation_level est défini sur WHITESPACE_ONLY, ce qui indique au service Closure Compiler d'appliquer les optimisations les plus élémentaires au code. Vous pouvez définir la valeur de ce paramètre sur SIMPLE_OPTIMIZATIONS ou ADVANCED_OPTIMIZATIONS pour essayer des niveaux d'optimisation plus avancés. Pour en savoir plus sur ces niveaux de compilation, consultez la documentation de référence de l'API.

  2. Ouvrir la page dans votre navigateur

    Ouvrez maintenant closure_compiler_test.html dans votre navigateur. Vous devriez voir une page semblable à la capture d'écran ci-dessous:

  3. Cliquez sur "Optimize" (Envoyer) pour envoyer le code à l'API du service Compiler Compiler.

    Vous devriez voir le code suivant, sans commentaires et sans espace:

    La version optimisée du code JavaScript est fonctionnellement équivalente au code d'origine et est beaucoup plus petite. Vous pouvez couper et coller le résultat de cette page dans votre fichier source.

Maintenant que vous connaissez les principes de base de l'API de service Closure Compiler, vous pouvez apprendre à l'utiliser et à la configurer en consultant la page Communiquer avec l'API Service Compiler.