API'yi Kullanmaya Başlama

Kapatma derleyici hizmeti kullanımdan kaldırılmıştır ve kaldırılacaktır. Bunun yerine derleyiciyi yerel olarak çalıştırmayı düşünebilirsiniz.

Hello World of the Closure Compiler Service API

Closure Compiler Service kullanıcı arayüzü, birkaç satır JavaScript kodu veya birkaç URL için iyi bir başlangıç noktasıdır.Ancak, JavaScript optimizasyon işlemini otomatik hale getirmek veya optimizasyon işlemini daha büyük bir sisteme (ör. IDE uzantısı) entegre etmek isterseniz doğrudan Closure Compiler service API ile konuşmanız gerekir. Hello World of the Closure Compiler service API için aşağıdaki adımları uygulayın:

  1. HTML sayfası oluşturma

    closure_compiler_test.html adında bir dosya oluşturun ve şu kodu yapıştırın:

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

    Bu sayfadaki form, HTTP POST isteği kullanarak Closure Compiler hizmet API'sini çağırmak için basit (sağlanmışsa) bir yol sunar.

    compilation_level parametresinin WHITESPACE_ONLY olarak ayarlandığını unutmayın. Bu kod, Closure Compiler hizmetine koda en temel optimizasyonları uygulamasını söyler. Daha gelişmiş optimizasyon düzeylerini denemek için bu parametrenin değerini SIMPLE_OPTIMIZATIONS veya ADVANCED_OPTIMIZATIONS olarak ayarlayabilirsiniz. Bu derleme düzeyleri hakkında daha fazla bilgi için API Referansı'na göz atın.

  2. Sayfayı tarayıcınızda açın

    Şimdi tarayıcınızda closure_compiler_test.html uygulamasını açın. Aşağıdaki ekran görüntüsüne benzeyen bir sayfa görürsünüz:

  3. Kodu Closure Compiler Service API'ye göndermek için "Optimize et"i tıklayın

    Gösterilen bu kod, yorumlar ve boşluklar kaldırılmış olarak gösterilir:

    JavaScript kodunun optimize edilmiş sürümü, orijinal kodla eşdeğerdir ve çok daha küçüktür. Bu sayfadaki çıkışı kesip kaynak dosyanıza yeniden yapıştırabilirsiniz.

Closure Compiler service API'nin temellerini öğrendiğinize göre API'yi kullanma ve yapılandırma hakkında daha fazla bilgiyi Closure Compiler Service API ile iletişim kurma bölümünde bulabilirsiniz.