Công cụ dành cho nhà phát triển Blockly
là công cụ dành cho nhà phát triển dựa trên nền tảng web, giúp tự động hoá các phần của quy trình định cấu hình Blockly, bao gồm cả việc tạo khối tuỳ chỉnh, xây dựng hộp công cụ và định cấu hình không gian làm việc trên web Blockly.
Quy trình của nhà phát triển Blockly bằng công cụ này bao gồm ba phần:
- Tạo khối tuỳ chỉnh bằng cách sử dụng Block Factory và Block Exporter.
- Xây dựng bộ công cụ và không gian làm việc mặc định bằng Workspace Factory.
- Định cấu hình không gian làm việc bằng Workspace Factory (hiện là một tính năng chỉ dành cho web).
Chặn thẻ về trạng thái ban đầu
Thẻ Block Factory giúp bạn tạo định nghĩa khối và trình tạo mã khối cho các khối tuỳ chỉnh. Trên thẻ này, bạn có thể dễ dàng tạo, sửa đổi và lưu các khối tuỳ chỉnh.
Xác định một khối
Video này hướng dẫn chi tiết các bước xác định khối. Giao diện người dùng đã lỗi thời nhưng các tính năng chặn mà nó làm nổi bật vẫn chính xác.
Quản lý thư viện
Các khối được tham chiếu theo tên, vì vậy, mỗi khối bạn muốn tạo phải có một tên duy nhất. Giao diện người dùng thực thi việc này và thông báo rõ ràng khi bạn "lưu" một khối mới hoặc "cập nhật" một khối hiện có.
Bạn có thể chuyển đổi giữa các khối đã lưu trước đó hoặc tạo một khối trống mới bằng cách nhấp vào nút Thư viện. Việc thay đổi tên của một khối hiện có là một cách khác để tạo nhanh nhiều khối có các định nghĩa tương tự.
Xuất và nhập thư viện
Các thao tác chặn được lưu vào bộ nhớ cục bộ của trình duyệt. Việc xoá bộ nhớ cục bộ của trình duyệt sẽ xoá các khối của bạn. Để lưu vô thời hạn các quy tắc chặn, bạn phải tải thư viện xuống. Thư viện khối của bạn được tải xuống dưới dạng tệp XML mà bạn có thể nhập để đặt Thư viện khối về trạng thái như khi bạn tải tệp xuống. Xin lưu ý rằng việc nhập Thư viện chặn sẽ thay thế thư viện hiện tại, vì vậy, bạn nên xuất trước.
Các tính năng nhập và xuất cũng là cách được đề xuất để duy trì và chia sẻ nhiều nhóm khối tuỳ chỉnh.
Chặn thẻ Trình xuất
Sau khi thiết kế các khối, bạn sẽ cần xuất định nghĩa khối và mã giả lập trình tạo để sử dụng trong ứng dụng. Bạn thực hiện việc này trên thẻ Trình xuất khối.
Mọi khối được lưu trữ trong Thư viện khối của bạn sẽ hiển thị trong Bộ chọn khối. Nhấp vào khối đó để chọn hoặc bỏ chọn để xuất. Nếu bạn muốn chọn tất cả các khối trong thư viện, hãy sử dụng tuỳ chọn "Select" (Chọn) → "All Stored In Block Library". Nếu đã tạo hộp công cụ hoặc định cấu hình không gian làm việc bằng thẻ Workspace Factory, bạn cũng có thể chọn tất cả các khối đã sử dụng bằng cách nhấp vào "Select" (Chọn) → "All Using In Workspace Factory".
Các chế độ cài đặt xuất cho phép bạn chọn ngôn ngữ được tạo mà bạn muốn nhắm đến và việc bạn muốn định nghĩa, mã giả lập trình tạo hay cả hai cho các khối đã chọn. Sau khi chọn các tệp này, hãy nhấp vào "Xuất" để tải tệp xuống.
Thẻ Nhà máy của Workspace
Workspace Factory giúp bạn dễ dàng định cấu hình hộp công cụ và nhóm khối mặc định trong không gian làm việc. Bạn có thể chuyển đổi giữa chức năng chỉnh sửa hộp công cụ và không gian làm việc khởi động bằng các nút "Hộp công cụ" và "Không gian làm việc".
Xây dựng một bộ công cụ
Thẻ này giúp tạo tệp XML cho Hộp công cụ. Tài liệu này giả định rằng bạn đã quen thuộc với các tính năng của Hộp công cụ. Nếu đã có tệp XML cho một hộp công cụ mà bạn muốn chỉnh sửa tại đây, bạn có thể tải tệp đó bằng cách nhấp vào "Tải để chỉnh sửa".
Hộp công cụ không có danh mục
Nếu có một vài khối và muốn hiển thị chúng mà không có bất kỳ danh mục nào, bạn chỉ cần kéo các khối đó vào không gian làm việc và bạn sẽ thấy các khối đó xuất hiện trong hộp công cụ trong bản xem trước.
Hộp công cụ có các danh mục
Nếu bạn muốn chặn hiển thị trong các danh mục, hãy nhấp vào nút "+" và chọn mục thả xuống cho danh mục mới. Thao tác này sẽ thêm một danh mục vào danh sách danh mục mà bạn có thể chọn và chỉnh sửa. Chọn "Danh mục tiêu chuẩn" để thêm một danh mục Khối tiêu chuẩn riêng lẻ (Logic, Vòng lặp, v.v.) hoặc "Hộp công cụ tiêu chuẩn" để thêm tất cả các danh mục Khối tiêu chuẩn. Sử dụng các nút mũi tên để sắp xếp lại các danh mục.
Để thay đổi tên hoặc màu của danh mục đã chọn, hãy sử dụng trình đơn thả xuống "Chỉnh sửa danh mục". Thao tác kéo một khối vào không gian làm việc sẽ thêm khối đó vào danh mục đã chọn.
Khối nâng cao
Theo mặc định, bạn có thể thêm khối tiêu chuẩn hoặc khối bất kỳ trong thư viện vào hộp công cụ. Nếu có các khối đã xác định trong JSON nhưng không có trong thư viện, bạn có thể nhập các khối đó bằng cách sử dụng nút "Import Custom khối" (Nhập khối tuỳ chỉnh).
Bạn nên sử dụng một số khối hoặc bao gồm các khối mặc định. Việc này được thực hiện với nhóm và bóng. Mọi khối được kết nối trong trình chỉnh sửa sẽ được thêm vào hộp công cụ dưới dạng một nhóm. Bạn cũng có thể thay đổi các khối được gắn vào một khối khác thành khối bóng bằng cách chọn khối con và nhấp vào nút "Tạo bóng". Lưu ý: Chỉ các khối con không chứa biến mới có thể được thay đổi thành khối bóng.
Nếu bạn đưa một biến hoặc khối hàm vào hộp công cụ của chúng, hãy thêm danh mục "Biến" hoặc "Hàm" vào hộp công cụ để cho phép người dùng sử dụng khối này đầy đủ. Tìm hiểu thêm về danh mục "Biến" hoặc "Hàm".
Định cấu hình không gian làm việc (dành cho web bị chặn)
Để định cấu hình các phần khác nhau của không gian làm việc, hãy chuyển đến thẻ "Nhà máy của Workspace" rồi chọn "Không gian làm việc".
Chọn các lựa chọn cho không gian làm việc
Đặt các giá trị khác nhau cho tuỳ chọn cấu hình và xem kết quả trong khu vực xem trước. Việc bật tính năng lưới hoặc thu phóng sẽ hiển thị nhiều tuỳ chọn hơn để định cấu hình. Ngoài ra, việc chuyển sang sử dụng danh mục thường đòi hỏi không gian làm việc phức tạp hơn; thùng rác và thanh cuộn sẽ tự động được thêm khi bạn thêm danh mục đầu tiên.
Thêm các khối được tải sẵn vào Không gian làm việc
Thao tác này không bắt buộc nhưng có thể cần thiết nếu bạn muốn hiển thị một tập hợp các khối trong không gian làm việc:
- Khi ứng dụng tải.
- Khi một sự kiện (nâng cấp, nhấp vào nút trợ giúp, v.v.) được kích hoạt.
Kéo các khối vào không gian chỉnh sửa để xem chúng trong không gian làm việc ở chế độ xem trước. Bạn có thể tạo nhóm chặn, tắt tính năng chặn và thực hiện một số khối bóng đổ khi bạn chọn chúng.
Bạn có thể xuất các khối này dưới dạng XML (xem bên dưới). Thêm các văn bản này vào không gian làm việc của bạn bằng Blockly.Xml.domToWorkspace ngay sau khi bạn tạo không gian làm việc:
var xmlText = '<xml xmlns="https://developers.google.com/blockly/xml">' +
'<block type="math_number"></block></xml>';
Blockly.Xml.domToWorkspace(Blockly.utils.xml.textToDom(xmlText), workspace);
Mã mẫu này thêm một khối math_number duy nhất vào không gian làm việc.
Xuất
Workspace Factory cung cấp cho bạn các lựa chọn xuất sau:
- Mã khởi đầu: Tạo html và javascript khởi đầu để chèn không gian làm việc tuỳ chỉnh của bạn trong Blockly.
- Hộp công cụ: Tạo tệp XML để chỉ định hộp công cụ của bạn.
- Khối không gian làm việc: Tạo tệp XML có thể tải vào không gian làm việc.