MixIO平台初体验

前言:

MixIO是米思奇官网推出的一个类似于Blynk和MQTT结合的一个平台,可以通过此平台来实现数据的上传和下发,也可以通过平台中的组件控制开发板

mixio逻辑视图API http://mixio.mixly.org/dev.php#rgb

一、注册

首先打开MixIO的网站:http://mixio.mixly.org

进入之后首先注册一个账号

进入之后首先创建一个项目

 

 可以点击左侧的这个眼睛来查看密码,这一串密码可以先复制出来,待会会要用上

项目创建完之后,点击这个绿色箭头就可以进入项目

进入之后的界面

 

二、数据的上传

 接着打开Mixly 2.0编辑程序

 

 程序上传成功之后,打开MIXIO平台

 点击右下角的数据,切换到数据界面,可以看到数据已经上传成功

 

三、数据的下发

首先点开MIXIO平台,点击右上角的加号,添加一个开关

 

消息设为button

 然后写好mixly程序

 把程序上传之后,打开MIXIO平台,点击右上角的开始

 此时就可以通过这个开关组件来控制MIXGOCE板载的指示灯了

四、文本输入组件

首先打开MIXIO的组件界面,添加一个文本输入组件,消息主题为wen

 然后打开mixly2.0编写以下代码

 接着在回到MIXIO平台,点击右上角的开始

 

 输入要发送的字符,再点击右边的发送就可以在屏幕上显示了

五、滑杆组件

首先在MIXIO平台上添加一个滑杆组件,设置如图

然后给开发板上传以下程序

 再到平台上点击右上角的开始,此时就可以用这个滑杆控制板载LED的亮度了

 

 六、遥感组件

首先在平台上添加一个遥感组件,设置如下

 然后给开发板上传以下程序

 

 然后切换到MIXIO平台,点击开始,然后移动滑杆串口会打印滑杆的X坐标和Y坐标

 上传以下程序,可以将遥感的X坐标和Y坐标给取出来

 取出的值

 七、RGB色盘

打开MIXIO平台,设置如下

然后点击右下角的逻辑,开始编写逻辑,注意的是不编写逻辑这个RGB色盘发送的消息就都是0

逻辑如下

 接着给开发板上传以下程序

 

 接着切换到MIXIO平台

 现在就可以通过RGB色盘调节板载RGB灯的显示颜色了

八、指示灯组件

首先在MIXIO平台上创建一个指示灯组件,如下

 然后给开发板下载以下程序

 此时打开MIXIO平台,就可以看到LED指示灯在绿灯和黄灯之间切换

 未完待续!

### ESP32-CAM 连接到 MixIO 平台 为了使 ESP32-CAM 成功连接至 MixIO 平台,需完成一系列配置工作。这不仅涉及硬件上的准备,还包括软件环境搭建以及具体编程实现。 #### 硬件准备工作 确保拥有 AI Thinker ESP32-CAM 设备并将其通过 USB 数据线接入电脑,在端口设置中选取对应于所插入 esp32-cam 的端口进行初始化配置[^2]。值得注意的是,部分开发板可能存在兼容性问题,如果遇到串口无法正常通信的情况,则可参照特定解决方案尝试解决办法[^3]。 #### 软件环境构建 启动 Arduino IDE 后,前往 文件 -> 首选项 -> 附加开发板管理器 URL 中填入 `https://dl.espressif.com/dl/package_esp32_index.json` 完成 ESP32 开发包安装过程[^4]。随后打开 工具 -> 板子管理员 -> 搜索 "esp32" 关键词下载相应支持库文件;最后切换当前使用的板型为 “AI thinker ESP32 CAM”。 #### 示例代码编写 下面给出一段用于测试 ESP32-CAM 是否能够成功向 MixIO 发送数据的基础程序: ```cpp #include <WiFi.h> const char* ssid = "your_SSID"; // WiFi名称 const char* password = "your_PASSWORD";// WiFi密码 #define SERVER_URL "http://mixio.example.com/upload" void setup() { Serial.begin(115200); initCamera(); // 初始化摄像头模块 WiFi.begin(ssid, password); // 尝试连接指定Wi-Fi网络 while (WiFi.status() != WL_CONNECTED){ delay(1000); Serial.println("Connecting to WiFi.."); } } void loop(){ if(WiFi.status()==WL_CONNECTED){ HTTPClient http; http.begin(SERVER_URL); String boundary="---WebKitFormBoundary7MA4YWxkTrZu0gW"; String body= "--"+boundary+"\r\nContent-Disposition: form-data; name=\"image\"; filename=\"snap.jpg\"\r\nContent-Type: image/jpeg\r\n\r\n"; uint8_t *imgData=getSnap(); int imgLen=getImageLength(); http.addHeader("Content-Type", "multipart/form-data; boundary="+boundary); if(http.POST(body+String((char*)imgData),body.length()+imgLen)==HTTP_CODE_OK){ Serial.println("Upload Success!"); }else{ Serial.println("Upload Failed."); } http.end(); free(imgData); delay(60000); // 设置每隔一分钟发送一次请求 } } // 下方函数仅作为示意用途,实际应用时应替换为有效实现版本 uint8_t* getSnap(){return NULL;} int getImageLength(){return 0;} void initCamera(){} ``` 上述代码片段展示了如何利用 ESP32-CAM 实现图像采集并通过 POST 请求方式提交给远程服务器的过程。其中涉及到几个自定义方法(如获取快照、计算图片大小等),这些都需要依据实际情况来填充具体的业务逻辑[^1]。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值