Primeros pasos con la API

El servicio de compilador para cierres está obsoleto y se quitará. En su lugar, considera ejecutar el compilador de forma local.

Hello World de la API de Closure Compiler Service

La IU del servicio de Closure Compiler es un buen punto de partida para algunas líneas de código JavaScript o algunas URL, pero si deseas automatizar el proceso de optimización de JavaScript o compilar el proceso de optimización en un sistema más grande (p.ej., una extensión IDE), debes comunicarte directamente con la API del servicio de Closure Compiler. Sigue los pasos que se indican a continuación para la API de Hello World de Closure Compiler Service:

  1. Crea una página HTML.

    Crea un archivo llamado closure_compiler_test.html y pega este código:

    <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>
    

    El formulario de esta página te brinda una manera sencilla (si es que se convence) de que invoque la API del servicio de Closure Compiler mediante una solicitud HTTP POST.

    Ten en cuenta que el parámetro compilation_level se establece en WHITESPACE_ONLY, lo que le indica al servicio de Closure Compiler que aplique las optimizaciones más básicas al código. Puedes configurar el valor de este parámetro en SIMPLE_OPTIMIZATIONS o ADVANCED_OPTIMIZATIONS para probar niveles de optimización más avanzados. Para obtener más información sobre estos niveles de compilación, consulta la Referencia de la API.

  2. Abrir la página en el navegador

    Ahora abre closure_compiler_test.html en tu navegador. Debería ver una página similar a la siguiente captura de pantalla:

  3. Haz clic en "Optimizar" para enviar el código a la Closure Compiler Service API.

    Deberías ver este código resultante, sin los comentarios y los espacios en blanco:

    La versión optimizada del código JavaScript es funcionalmente equivalente al código original y es mucho más pequeña. Puedes cortar y pegar el resultado de esta página en el archivo fuente.

Ahora que conoces los conceptos básicos de la API del servicio de Closure Compiler, puedes obtener más información sobre cómo usarla y configurarla en Cómo comunicarse con la API del servicio de Closure Compiler.