Pierwsze kroki z interfejsem API

Kompilator zamknięty został wycofany i zostanie usunięty. Zamiast tego rozważ uruchomienie kompilatora lokalnie.

Interfejs API Hello World of Closure Compiler Service API

Interfejs usługi Cloud Compiler możesz zacząć od kilku wierszy kodu JavaScript lub kilku adresów URL, ale jeśli chcesz zautomatyzować proces optymalizacji JavaScript lub dodać proces optymalizacji do większego systemu (np. rozszerzenia IDE), skontaktuj się bezpośrednio z interfejsem API usługi Closure Compiler. Wykonaj czynności opisane poniżej w interfejsie Hello World of the Closure Compiler API:

  1. Tworzenie strony HTML

    Utwórz plik o nazwie closure_compiler_test.html i wklej go w tym kodzie:

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

    Formularz na tej stronie to prosty sposób (jeśli został utworzony) na wywoływanie interfejsu Closure Compiler API za pomocą żądania POST HTTP.

    Pamiętaj, że parametr compilation_level jest ustawiony na WHITESPACE_ONLY, co oznacza, że usługa Closure Compiler ma zastosować do kodu większość podstawowych optymalizacji. Wartość tego parametru możesz ustawić na SIMPLE_OPTIMIZATIONS lub ADVANCED_OPTIMIZATIONS, aby wypróbować bardziej zaawansowane poziomy. Więcej informacji o tych kompilacjach znajdziesz w przewodniku po interfejsie API.

  2. Otwórz stronę w przeglądarce.

    Otwórz closure_compiler_test.html w przeglądarce. Powinna wyświetlić się strona podobna do zrzutu ekranu:

  3. Kliknij „Optimize”, aby przesłać kod do interfejsu Closure Compiler Service API.

    Powinien wyświetlić się kod z usuniętymi komentarzami i spacjami:

    Zoptymalizowana wersja kodu JavaScript działa funkcjonalnie tak samo jak kod oryginalny i jest znacznie mniejsza. Dane wyjściowe tej strony możesz wyciąć i wkleić do pliku źródłowego.

Skoro znasz już interfejs API usługi Closure Compiler, możesz zapoznać się z informacjami na temat korzystania z tego interfejsu i jego konfigurowania.