大家好，我是 Hello 阿尔法，这段时间参与了保定飞凌嵌入式技术有限公司举办的 ElfBoard 共创社招募活动，并有幸成为了一名共创官，官方寄来了一块 ELF 1 开发板，开箱看这里 ELF 1 开箱初体验。
作为共创官，我使用 ELF 1 完成了一个智能家居的小项目。除了 ELF 1 开发板之外，还使用了一块其他厂商的 Linux 开发板 IMX6U，主要原因是在多次抽奖活动中都没有抽中 Elfboard 的官方显示屏，只有我的 IMX6U 有屏幕。
其实这样也正好符合智能家居的项目背景，带有屏幕的 IMX6U 作为智能家居的主控面板，ELF 1 作为被控终端设备，它可以是电灯、电扇、空调器，也可以是冰箱、彩电、洗衣机……实现效果如下图所示：
项目简介
IMX6U 开发板模拟智能家居中的主控面板，GUI 设计采用开源的 LVGL，实时刷新显示时间、天气、室内空气质量、温湿度等信息，实现对家居设备电灯、窗帘、通风扇的控制，天气数据来自于心知天气，使用 cJSON 对天气数据进行解析。
ELF 1 开发板模拟终端设备，三个 LED 分别代表电灯、窗帘、通风扇，电位器（ADC）模拟室内空气质量检测器，温湿度传感器则用来检测环境中的温湿度。
IMX6U 和 ELF 1 两者通过以太网实现数据交互，均基于 Linux 系统开发，两个开发板的资源使用情况总体如下所示：
IMX6U 开发板：5inch RGB 800×480 显示屏、以太网口
ELF 1 开发板：3 个 LED、电位器（ADC）、温湿度传感器、以太网口
仓库简介
本仓库开源了 IMX6U 的工程源码，它以 LVGL 的 Linux 移植工程 lvgl_demo 为基础。
工程源码结构如下所示：
lvgl_demo ├── app # 应用源码 | ├── cJSON # cJSON 解析器 | ├── protocol # 自定义通信协议 | ├── socket # socket 源码 | ├── application.c # 主要应用 | ├── button.c # 按键应用 | ├── def.h # 一些定义 | └── weather.c # 天气应用 ├── lv_drivers # LVGL 驱动源码 ├── lvgl # LVGL 源码 ├── ui # UI 设计源码 ├── lv_conf.h # LVGL 库配置文件 ├── lv_drv_conf.h # LVGL 驱动配置文件 ├── main.c # main.c 文件 ├── Makefile # Makefile 文件 └── README.md # README 文件
关于 LVGL 的 Linux 移植可以参考阅读 嵌入式 Linux 下的 LVGL 移植。
关于 UI 设计可以参考阅读 基于 LVGL 使用 SquareLine Studio 快速设计 UI 界面。
数据交互
IMX6U 和 ELF 1 数据交互通过 socket 接口实现，基于 TCP 协议。
IMX6U 创建服务端及接受 ELF 1 客户端连接实现如下所示：
// 创建服务端 server_fd = server_init_socket(); // 接受客户端连接 client_fd = server_accept_client(server_fd);
相关源码实现在 socket 文件夹中，可以参考阅读：
- Linux 下 socket 编程介绍
- Linux 下使用 socket 实现 TCP 服务端
- Linux 下使用 socket 实现 TCP 客户端
通信协议
通信协议采用了一个简洁实用的基于字节的自定义兼容性通信协议 Protocol。
开源仓库地址：https://github.com/alphazcc/protocol
以按键控制 LED 为例，实现数据打包、发送功能如下所示：
static void led_ryg_turn(int cmd, int code) { msg_frame_t led_msg_frame; led_msg_frame.type = LED_RYG; led_msg_frame.cmd = cmd; led_msg_frame.code = code; led_msg_frame.datalen = 0; msg_buf_t *_msg_buf = pkg_frame(&led_msg_frame); server_send_data(client_fd, (char *)_msg_buf->buf_ptr, _msg_buf->buf_size); }
以接收室内空气质量数据（ADC 数据）为例，关于数据接收、解析功能如下所示：
static int ctrl_dev_adc(msg_frame_t *_msg_pack) { // 获取 ADC 原始数据 uint16_t adc_raw = (uint16_t)(_msg_pack->data[0] << 8) + _msg_pack->data[1]; // 更新显示等... return 0; } static int ctrl_cmd_func(const msg_pkg_t *_msg_pkg) { switch(_msg_pkg->pkg->type) { case ADC: ctrl_dev_adc(_msg_pkg->pkg); break; // 其他设备等... } return 0; } static void *recv_thread(void *arg) { while(1) { if(server_receive_data(client_fd, (char *)recv_msg_buf->buf_ptr, (ssize_t *)&recv_msg_buf->buf_size) == 0) { msg_pkg_t *_msg_pkg = unpkg_frame(recv_msg_buf->buf_ptr, recv_msg_buf->buf_size); ctrl_cmd_func(_msg_pkg); } } return NULL; } /* 数据接收线程创建 */ pthread_create(&recv_thread_id, NULL, recv_thread, NULL);
天气获取
天气数据由心知天气提供，心知天气通过标准的 Restful API 接口，提供标准化的数据访问，无论是 APP、智能硬件还是企业级系统都可以轻松接入心知的精细化天气数据。
在心知天气注册、登录，申请免费版即可满足使用要求，获取 API KEY。
心知天气官网：https://www.seniverse.com
通过创建本地客户端，向心知天气服务端发送请求包，即可获取天气数据。
实现天气数据获取、解析、UI 更新等功能流程如下所示：
int weather_init(void) { /* 创建客户端 */ client_fd = client_init_socket(); /* 组合请求包 */ sprintf(buffer, REQUEST_PKG, DAILY, API_KEY, WUHAN); /* 向心知天气服务端发送请求 */ client_send_data(client_fd, buffer, strlen(buffer)); /* 清空缓存准备接收天气数据 */ memset(buffer, 0, sizeof(buffer)); /* 接收天气数据 JSON 格式 */ client_receive_data(client_fd, buffer, &json_size); /* 解析天气数据到 weather_daily 中 */ cJSON_Parse_Weather_Daily(buffer, &weather_daily); /* 打印天气信息 */ weather_show_data(&weather_daily); /* 更新天气显示 */ weather_update_ui(&weather_daily); /* 关闭客户端 */ client_close_socket(client_fd); return 0; }
关于对 JSON 格式的天气数据解析，使用了一个开源的、C 语言编写的超轻量级 JSON 解析器 cJSON。
开源仓库地址：https://github.com/DaveGamble/cJSON
写在后面
文中源码为便于阅读进行了格式修改及源码简化，旨在说明功能实现逻辑及方式，建议下载仓库完整源码分析阅读。
ELF 1 开发板数据采集采用文件操作方式实现，关于客户端创建、数据打包、发送、接收、解析等功能实现与 IMX6U 相关功能实现类似，便不开源了，小伙伴们可以自行设计。
本项目并不难，项目内容更多倾向于 Linux 应用开发，欢迎小伙伴们复现！
开源仓库链接：https://github.com/alphazcc/mini-project
项目演示
- 抖音视频链接
- 哔哩哔哩视频链接
更多内容
- CSDN博客：@Hello阿尔法
- 哔哩哔哩：@Hello阿尔法
- 知乎：@Hello阿尔法
