Blockly 可视化编程实现智能家居设备控制

// 定时开灯逻辑
scheduleDaily('18:30', () => {
  smartLight.setPower(true);
});

4. 部署执行 将代码复制到智能家居网关的自定义脚本区域，保存后设备将按设定时间自动执行。

关键知识点 Blockly 通过 core/generator.ts 将积木转换为目标代码。时间触发类积木使用了 blocks/time.ts 中定义的调度逻辑。设备控制积木需与具体厂商的 API 适配，可通过 core/extensions.ts 扩展。

场景进阶：温湿度联动控制

需求分析

设计一个智能场景：当室内温度高于 28℃且湿度低于 40% 时，自动开启空调并调节至 26℃，同时启动加湿器。

实现步骤

1. 添加传感器积木 从'传感器'类别拖拽'温度读取'和'湿度读取'积木，分别设置读取频率为'每 30 秒'。
2. 构建条件判断 使用 blocks/logic.ts 中的'如果...那么...'积木，设置条件为'温度>28 且湿度<40'。
3. 设备控制组合 在条件满足的执行区域添加'空调 - 设置温度'积木（设为 26℃）和'加湿器 - 开关'积木（设为开启）。
4. 添加反馈机制 从'通知'类别选择'发送手机消息'积木，输入内容'已启动温湿度自动调节'，嵌套到设备控制逻辑之后。

代码生成与验证

生成的核心代码片段：

// 温湿度监控逻辑
setInterval(() => {
  const temp = sensor.getTemperature();
  const humi = sensor.getHumidity();
  if (temp > 28 && humi < 40) {
    airConditioner.setTemperature(26);
    humidifier.setPower(true);
    notification.send("已启动温湿度自动调节");
  }
}, 30000);

关键知识点 传感器数据读取通过 core/sensors.ts 处理。多条件判断使用逻辑运算符积木（与/或/非）组合。定时任务通过 blocks/loops.ts 中的'重复执行'积木实现。

3 个避坑指南

1. 设备连接超时
   • 症状：积木执行无响应
   • 解决：检查 demos/code/index.html 中的设备 IP 配置，确保网络通畅。可添加'连接状态检查'积木作为前置条件。
2. 逻辑死循环
   • 症状：设备频繁执行同一动作
   • 解决：在循环积木中添加'等待'积木，设置合理的执行间隔，参考 blocks/time.ts 中的延迟逻辑。
3. 数据类型不匹配
   • 症状：条件判断始终不成立
   • 解决：使用'数据转换'积木确保比较双方为同一类型（如温度数值 vs 数值，而非文本），可在 core/fields.ts 中找到相关工具积木。

进阶拓展：自定义积木开发

开发智能窗帘控制积木

当现有积木无法满足特定设备需求时，可通过以下步骤创建自定义积木：

1. 定义积木外观 在 blocks/custom.ts 中添加：

Blockly.Blocks['curtain_control'] = {
  init: function() {
    this.appendDummyInput()
      .appendField("智能窗帘")
      .appendField(new Blockly.FieldDropdown([["打开","OPEN"],["关闭","CLOSE"],["暂停","STOP"]]), "ACTION");
    this.setInputsInline(true);
    this.setPreviousStatement(true, null);
    this.setNextStatement(true, null);
    this.setColour(230);
    this.setTooltip("控制智能窗帘动作");
  }
};

2. 编写代码生成逻辑 在 generators/javascript.ts 中添加：

Blockly.JavaScript['curtain_control'] = function(block) {
  const action = block.getFieldValue('ACTION');
  return `curtain.${action.toLowerCase()};\n`;
};

3. 注册与使用 通过 core/registry.ts 注册新积木，刷新编辑器后即可在'自定义设备'类别中找到。

关键知识点 自定义积木需实现外观定义和代码生成两部分。可通过 core/field_registry.ts 添加自定义输入控件。样式定义在 core/css.ts 中修改。

附录：Blockly 积木速查表

动手挑战

挑战 1：简单场景 - 日出日落模式

任务：利用'日出时间'和'日落时间'积木，实现智能灯在日出后 30 分钟关闭，日落前 30 分钟开启。 验证方法：在 demos/code/index.html 的模拟环境中，修改系统时间观察灯状态变化。

挑战 2：综合场景 - 离家模式

任务：设计一个'离家模式'：当检测到手机离开家（GPS 定位）时，关闭所有灯光、关闭空调、启动安防系统，并发送确认消息。 提示：需要组合位置传感器、多设备控制和通知积木，可参考 blocks/procedures.ts 中的'定义过程'积木封装复用逻辑。

通过这两个挑战，你将掌握 Blockly 的核心逻辑组合技巧，为更复杂的智能家居场景开发打下基础。记住，可视化编程的核心是将大问题分解为小模块（积木），再通过逻辑连接实现整体功能。