Bắt đầu sử dụng API

Dịch vụ biên dịch đóng không được dùng nữa và sẽ bị xoá. Thay vào đó, vui lòng cân nhắc chạy trình biên dịch cục bộ.

API dịch vụ biên dịch Hello World of Closure

Giao diện người dùng Dịch vụ biên dịch đóng là một lựa chọn phù hợp để bắt đầu với một vài dòng mã JavaScript hoặc một vài URL, nhưng nếu muốn tự động hóa quy trình tối ưu hóa JavaScript hoặc xây dựng quy trình tối ưu hóa cho một hệ thống lớn hơn (ví dụ: tiện ích IDE), thì bạn nên trao đổi trực tiếp với API dịch vụ trình biên dịch đóng cửa. Hãy làm theo các bước dưới đây cho API dịch vụ Hello World of the Closure Compiler:

  1. Tạo trang HTML

    Tạo một tệp có tên là closure_compiler_test.html rồi dán mã này:

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

    Biểu mẫu trên trang này cung cấp cho bạn một cách đơn giản (nếu được thu gọn) để gọi API dịch vụ Trình biên dịch đóng bằng cách sử dụng yêu cầu POST HTTP.

    Lưu ý rằng tham số compilation_level được đặt thành WHITESPACE_ONLY, cho biết dịch vụ Trình biên dịch đóng cửa áp dụng các phương pháp tối ưu hóa cơ bản nhất cho mã. Bạn có thể đặt giá trị của thông số này thành SIMPLE_OPTIMIZATIONS hoặc ADVANCED_OPTIMIZATIONS để thử các cấp tối ưu hóa nâng cao hơn. Để biết thêm thông tin về các cấp độ biên dịch này, hãy xem Tài liệu tham khảo API.

  2. Mở trang trong trình duyệt

    Bây giờ, hãy mở closure_compiler_test.html trong trình duyệt. Bạn sẽ thấy một trang trông giống như ảnh chụp màn hình dưới đây:

  3. Nhấp vào "Optimize" (Gửi) để gửi mã đến Closure Compiler Service API

    Bạn sẽ thấy mã thu được, với các nhận xét và khoảng trắng bị xoá:

    Phiên bản mã JavaScript được tối ưu hóa có chức năng tương đương với mã gốc và nhỏ hơn nhiều. Bạn có thể cắt và dán kết quả từ trang này trở lại tệp nguồn.

Bây giờ, bạn đã thấy các kiến thức cơ bản về API dịch vụ Trình biên dịch đóng, bạn có thể tìm hiểu thêm về cách sử dụng và định cấu hình API này trong phần Trao đổi với API dịch vụ trình biên dịch đóng.