Bắt đầu với giao diện người dùng

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

Giao diện người dùng của dịch vụ biên dịch Hello World of Closure

Cách dễ nhất để làm quen với dịch vụ Closure Compiler là sử dụng một số chức năng đơn giản trong giao diện người dùng web của dịch vụ.

  1. Truy cập giao diện người dùng Trình biên dịch đóng bằng cách mở trang này trong một thẻ hoặc cửa sổ khác: http://closure-compiler.appspot.com.

  2. Bạn sẽ thấy giao diện người dùng Trình biên dịch đóng cửa được điền sẵn bằng hàm Hello World:

    Ảnh chụp màn hình giao diện người dùng

  3. Nhấp vào "Biên dịch" để xem kết quả:

    Ảnh chụp màn hình giao diện người dùng

Vậy là xong! Bạn hiện có phiên bản mã JavaScript nhỏ hơn nhiều, hoạt động giống hệt phiên bản gốc. Dịch vụ Closure Compiler đã giảm mã từ 92 byte xuống chỉ còn 55 byte bằng cách xoá nhận xét và khoảng trắng và đổi tên các biểu tượng cơ bản.

Để thuận tiện cho bạn, dịch vụ Closure Compiler lưu trữ tệp đầu ra default.js trên máy chủ trong một giờ. Bạn có thể truy cập vào URL của tệp đầu ra bằng cách sao chép vị trí của đường liên kết được cung cấp phía trên ngăn đầu ra, tại đó có dòng chữ Mã cũng có thể truy cập được tại {filename}. Nếu bạn thực hiện bất kỳ thay đổi nào đối với mã JavaScript ban đầu và tối ưu hóa lại mã đó trong giờ đó, thì dịch vụ Trình đóng trình đóng sẽ ghi đè tệp đầu ra bằng kết quả mới, miễn là bạn không thay đổi thông số @output_file_name ở đầu trường nhập. Bạn có thể sử dụng tính năng này như một cách nhanh chóng để kiểm tra mã đã biên dịch bằng cách liên kết trực tiếp với tệp từ ứng dụng kiểm thử. Đừng liên kết đến máy chủ sản xuất.

Lưu ý: Để ngăn chặn hành vi sai trái, Trình biên dịch đóng đã giới hạn số lần biên dịch liên tiếp mà bạn có thể chạy. Nếu bạn thấy thông báo Quá nhiều lần biên dịch được thực hiện gần đây. Hãy thử lại sau, điều này có nghĩa là bạn đã tạm thời vượt quá hạn mức.

Tối ưu hóa tệp JavaScript

Bạn cũng có thể sử dụng giao diện người dùng Trình biên dịch đóng để tối ưu hoá nội dung của một hoặc nhiều tệp JavaScript.

  1. Sao chép và dán URL http://developers.google.com/closure/compiler/samples/tutorial2.js vào hộp Thêm URL. Tệp này chứa mã chưa được tối ưu hoá để tạo nút trong cây DOM.

  2. Nhấp vào Thêm. (Nếu bạn muốn thêm nhiều tệp, hãy lặp lại Bước 1 và 2 cho đến khi bạn thêm tất cả các tệp đó. Bạn cũng có thể nhập(các) tên tệp trực tiếp vào vùng văn bản nếu muốn.)

  3. Nếu bạn muốn dịch vụ Trình biên dịch đóng phân phát tệp nén, hãy chọn tên cho tệp đầu ra bằng cách sử dụng tham số @output_file_name ở đầu trường nhập. Xin lưu ý rằng tên mặc định của tên tệp đầu ra là default.js, nhưng bạn nên thay đổi tên này thành tên có ý nghĩa hơn cho dự án. Cũng lưu ý rằng dịch vụ Closure Compiler lưu trữ tệp đầu ra trên máy chủ trong một giờ.

  4. Nhấp vào Biên dịch.

Bạn sẽ thấy JavaScript được tối ưu hoá trong bảng điều khiển bên phải, như trong ví dụ sau:

Ảnh chụp màn hình giao diện người dùng

Để sử dụng mã được tối ưu hoá, bạn có thể cắt và dán mã vào tệp nguồn, tải tệp xuống trong thư mục hoặc liên kết trực tiếp đến tệp trong thẻ tập lệnh (tối đa một giờ).

Bạn vừa tìm hiểu các ví dụ về cách tối ưu hoá các hàm đơn giản trong giao diện người dùng dịch vụ Closure Compiler. Hãy xem wiki để biết thêm một số lựa chọn về dịch vụ web.

Nếu muốn tạo quy trình tối ưu hóa JavaScript của dịch vụ Closure Compiler thành một hệ thống lớn hơn, thì bạn nên trao đổi trực tiếp với API dịch vụ Closure Compiler. Tìm hiểu thêm qua bài viết Làm quen với Closure Compiler Service API.