การเริ่มต้นใช้งาน API

บริการคอมไพเลอร์ Closure เลิกใช้งานแล้วและจะถูกนําออก โปรดลองเรียกใช้คอมไพเลอร์ในเครื่องแทน

Hello World of the Closure Compiler Service API

UI ของ Closure Compiler Service เป็นจุดเริ่มต้นที่ดีสําหรับโค้ด JavaScript 2-3 บรรทัดหรือ URL 2-3 บรรทัด แต่หากต้องการให้กระบวนการเพิ่มประสิทธิภาพ JavaScript เป็นอัตโนมัติ หรือสร้างกระบวนการเพิ่มประสิทธิภาพให้เป็นระบบขนาดใหญ่ (เช่น ส่วนขยาย IDE) คุณควรพูดคุยกับ API ของ Closure Compiler โดยตรง ทําตามขั้นตอนด้านล่างสําหรับ Hello World of the Closure Compiler Service API

  1. สร้างหน้า HTML

    สร้างไฟล์ชื่อ closure_compiler_test.html และวางในโค้ดนี้:

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

    แบบฟอร์มในหน้านี้เป็นวิธีที่ง่าย (หากดําเนินการต่อ) เพื่อเรียกใช้ Closure Compiler Service API โดยใช้คําขอ HTTP POST

    โปรดทราบว่าพารามิเตอร์ compilation_level ตั้งค่าเป็น WHITESPACE_ONLY ซึ่งบอกให้บริการ Closure Compiler ใช้การเพิ่มประสิทธิภาพพื้นฐานกับโค้ด คุณตั้งค่าพารามิเตอร์นี้เป็น SIMPLE_OPTIMIZATIONS หรือ ADVANCED_OPTIMIZATIONS เพื่อลองใช้การเพิ่มประสิทธิภาพขั้นสูงขึ้นได้ สําหรับข้อมูลเพิ่มเติมเกี่ยวกับระดับการรวบรวมเหล่านี้ โปรดดูเอกสารอ้างอิง API

  2. เปิดหน้าในเบราว์เซอร์

    เปิด closure_compiler_test.html ในเบราว์เซอร์ คุณจะเห็นหน้าเว็บที่ดูเหมือนภาพหน้าจอด้านล่าง

  3. คลิก "เพิ่มประสิทธิภาพ" เพื่อส่งรหัสไปยัง Closure Compiler Service API

    คุณควรเห็นโค้ดที่ได้พร้อมการนําความคิดเห็นและช่องว่างออก

    โค้ด JavaScript เวอร์ชันที่เพิ่มประสิทธิภาพจะทํางานเทียบเท่ากับโค้ดต้นฉบับและมีขนาดเล็กกว่ามาก คุณสามารถตัดและวางข้อมูลจากหน้านี้กลับไปที่ไฟล์ต้นฉบับได้

เมื่อทราบพื้นฐานของ Closure Compiler Service API แล้ว คุณอาจดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีกําหนดค่าและกําหนดค่าได้ในการสื่อสารกับ Closure Compiler Service API