การสร้างโค้ดคือกระบวนการเปลี่ยนบล็อกในพื้นที่ทํางานให้เป็นสตริงโค้ดที่ดําเนินการได้
การสร้างโค้ดมีความสําคัญอย่างยิ่ง เนื่องจากเป็นสิ่งทําให้บล็อกทําสิ่งต่างๆ ได้จริง เช่น ประเมินนิพจน์ทางคณิตศาสตร์ ย้ายตัวละครผ่านเขาวงกต หรือกําหนดค่าร้านค้าออนไลน์
Blockly ไม่ได้ "เรียกใช้" บล็อกโดยตรง แต่ให้สร้างสตริงโค้ด แล้วดําเนินการกับสตริงเหล่านั้นแทน
เครื่องมือสร้างโค้ด
หากต้องการสร้างโค้ด คุณต้องใช้อินสแตนซ์เครื่องมือสร้างโค้ด
ข้อมูลโค้ดนี้แสดงวิธีสร้างโค้ด JavaScript สําหรับบล็อกในพื้นที่ทํางาน
// javascriptGenerator is a code generator that makes JavaScript strings.
import {javascriptGenerator} from 'blockly/javascript';
const code = javascriptGenerator.workspaceToCode(myWorkspace);
ดูข้อมูลเพิ่มเติมเกี่ยวกับเครื่องมือสร้างโค้ดต่างๆ ที่ Blockly มีให้และวิธีเข้าถึงได้ที่เครื่องมือสร้างโค้ดภาษา
เครื่องมือสร้างโค้ดบล็อก
แต่ละบล็อกจะมีเครื่องมือสร้างโค้ดบล็อกที่เชื่อมโยงกันซึ่งจะกำหนดโค้ดที่จะสร้าง คุณต้องกำหนดเครื่องมือสร้างโค้ดบล็อกสำหรับแต่ละภาษาที่ต้องการสร้าง
ข้อมูลโค้ดนี้กำหนดเครื่องมือสร้างโค้ดบล็อก JavaScript สำหรับบล็อก "move вперед"
javascriptGenerator.forBlock['my_custom_block'] = function(block, generator) {
const steps = block.getFieldValue('FIELD_NAME');
// moveForward is a function you would have to define yourself and provide
// within your execution context.
return `moveForward(${steps});\n`;
}
ดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีกำหนดเครื่องมือสร้างโค้ดบล็อกได้ที่เครื่องมือสร้างโค้ดบล็อก
การลงมือปฏิบัติ
หลังจากสร้างโค้ดแล้ว คุณต้องหาวิธีเรียกใช้ การเลือกวิธีดำเนินการจะขึ้นอยู่กับแอปพลิเคชันนั้นๆ และอยู่นอกขอบเขตของ Blockly
ดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีเรียกใช้โค้ดได้ที่หัวข้อสร้างและเรียกใช้โค้ด