【开发者成长激励计划-基于TencentOS Tiny的非侵入式86型智能开关】

// g_sw_status: uint16_t. 下发的最新的设备状态.
// g_sw_status_pst: uint16_t. 已操作的缓存的设备状态
// cur_key_pos: 0对应按键位置为起始位置; 1对应开关面板左①号键位...
// 当触手处在 cur_key_pos 号按键位置上时, 进入该回调
void on_over_key_pos(int cur_key_pos)
{
    printf("当前处于%d号按键上:", cur_key_pos);
    int tmp = 1 << (cur_key_pos - 1);
    if (((g_sw_status ^ g_sw_status_pst) & tmp) != 0)
    {
        if ((g_sw_status & tmp) != 0 && (g_sw_status_pst & tmp) == 0)
        {
            // 按键从关闭-->打开
            printf("打开按键\n");
            tentable_push(PUSH_METHOD_ON);
            g_sw_status_pst = g_sw_status_pst | (g_sw_status & tmp);
        }
        else //if (g_sw_status & tmp == 0 && g_sw_status_pst & tmp != 0)
        {
            // 按键从打开-->关闭
            printf("关闭按键\n");
            tentable_push(PUSH_METHOD_OFF);
            g_sw_status_pst = g_sw_status_pst & ~(g_sw_status_pst & tmp);
        }
        tos_task_delay(1000);
    }
}

void monitor_task_entry(void* arg)
{
    ...     // 一些值的初始化
    while (1)
    {
        switch (get_key())          // 获取测试按键
        {...} 
        ...
        LCD_ShowString(...);        // 通过LCD输出测试信息
        // 当按键开关量发生变化
        while(g_sw_status != g_sw_status_pst)
        {
            // 阻塞方法. 滑台移动到下一个键位, 并返回到达键位值.
            // 若滑台处在末尾键位, 则改变滑台的运动方向
            ret = slider_moveNextStep();
            if (ret < 0)
            {
                printf("moveNextStep=>%d\n", ret);
                break;
            }
            // 触发到达键位时间
            on_over_key_pos(ret);
        }
        // 空出CPU给其它任务执行
        tos_task_delay(100);
    }

void default_message_handler(mqtt_message_t* msg) {
    ... // 一些初始化操作
    len = strlen(msg->payload);
    if (len <= sizeof (msg->payload) && msg->payload[len-1] == '"')
        msg->payload[len-1] = '\0';
    
    cjson_root = cJSON_Parse((char*)(msg->payload +1));
    if (cjson_root == NULL) {
        ...
        goto exit;
    }
    jmethod = cJSON_GetObjectItem(cjson_root, "method");
    method = cJSON_GetStringValue(jmethod);
    jparams = cJSON_GetObjectItem(cjson_root, "params");
    jbrightness = cJSON_GetObjectItem(jparams, "brightness");
    brightness = jbrightness->valueint;
    if (jmethod == NULL || method == NULL ||
        jparams == NULL || jbrightness == NULL) 
    {
        printf("report reply status parser fail:%X\t%X\t%X\t%X\t%X\t\r\n",
            cjson_root, jmethod, method, jparams, jbrightness);
        event_flag = report_fail;
        goto exit;
    }
    if (strstr(method, "control") == NULL)
    {
        printf("method:%s\r\n", method);
        event_flag = report_fail;
        goto exit;
    }
    g_sw_status = brightness & 0x07;
    printf("g_sw_status:%d\n", g_sw_status);
exit:
    // FIXME: cJSON_Delete只需要对根句柄操作, 否则会崩
    cJSON_Delete(cjson_root);
    .. // 一些归0操作
    return;
}

#define EVENT_DATA_TEMPLATE  "{\\\"method\\\":\\\"report\\\"\\,\\\"clientToken\\\":\\\"00000001\\\"\\,\\\"params\\\":{\\\"brightness\\\":%d}}"
void mqtt_task_entry(void) {
    ...
    while (1) {
        tos_sleep_ms(5000);
        /* use AT+PUB AT command */
        memset(payload, 0, sizeof(payload));
        // 就改了这句↓
        snprintf(payload, sizeof(payload), EVENT_DATA_TEMPLATE, g_sw_status_pst & 0x0F);
        printf("pub payload:%s\n", payload);
        if (tos_tf_module_mqtt_pub(event_topic_name, QOS0, payload) != 0)
        {
            printf("module mqtt pub fail\n");
            break;
        }
        else
        {
            printf("module mqtt pub success\n");
        }
    }
}

  // 渲染顶部大按钮
  const renderHeadPanel = () => {
      ...
      // 将id=="brightness"和类型为int的属性值渲染成3个大按钮
      switch (type) {
      case "int":
      case "float":
        console.log('int/float');
        if (id == "brightness")
        {
          return (
            <HeadBoolPanel
              templateConfig={headTemplateConfig}
              onChange={(value) => doControlDeviceProperty(id, value)}
              value={value as number}
              disabled={disabled}
            />
          );
        }
    }
  }

// 单个按钮的核心代码
<div id="power-switch-body_1"
        className="power-switch-body off"
          onClick={() => {
            if (disabled) 
              return;
            
            if ((value & 0x01) != 0)
            {
              value &= ~0x01;
            }
            else
            {
              value |= 0x01;
            }
            onChange(value);
          }}
        >
          <div id="power-switch-icon_1" className="power-switch-icon off" />
        </div>

// 设备属性控制
const doControlDeviceProperty = async (propertyId: string, value: unknown) => {
// renderHeadPanel();
// 控制报文
const payload = {
    [propertyId]: value,
};
if (propertyId == 'brightness')
{
    let val_num = value as number;
    let tmp = 0x01; 
    for (let index = 0; index < 3; index++) 
    {
    let id_str = "#power-switch-body_" + (index + 1);
    const body = document.querySelector(id_str);
    if ((val_num & tmp) != 0)
    {
        body?.setAttribute("class", "power-switch-body");          
    }
    else
    {
        body?.setAttribute("class", "power-switch-body off");
    }
    tmp <<= 1;
    }
}

try {
    const res = await sdk.controlDeviceData(payload);
    console.log("[controlDeviceData]", payload, "成功", res);
} catch (err) {
    console.log("[controlDeviceData]", payload, "失败", err);
}
};

    sdk.on('wsEventReport', (data) => {
      console.log('wsEventReport',  data);
      let isHasBrightness = false;
      let brightness = 0;
      const {Payload, deviceId} = data;
      if (deviceId == sdk.deviceId)
      {
        console.log(`发现设备：${deviceId}`);
        const {params} = Payload;
        if ('params' in Payload)
        {
          if ('brightness' in params)
          {
            brightness = params.brightness;
            isHasBrightness = true;
          }
        }
        if (isHasBrightness)
        {
          let val_num = brightness as number;
          // val_num = Math.round(Math.random() * 100) % 0x08;
          console.log(`val_num:${val_num}`);
          let tmp = 0x01; 
          for (let index = 0; index < 3; index++) 
          {
            let id_str = "#power-switch-icon_" + (index + 1);
            const body = document.querySelector(id_str);
            if ((val_num & tmp) != 0)
            {
              body?.setAttribute("class", "power-switch-icon");          
            }
            else
            {
              body?.setAttribute("class", "power-switch-icon off");
            }
            tmp <<= 1;
          }
        }
      }
    });

npm run release

index.*.js
index.*.css

w2 start

npm run dev
....
# 当看到:
｢wdm｣: Compiled successfully.
# 即成功运行项目, 不要关闭控制台

# 请替换括号内容
https://iot.cloud.tencent.com/h5panel/developing?deviceName=(deviceName)&productId=(productId)