【教程】M5Stack ATOM与ai2制作图形化蓝牙心率监测

沧海笑1122

        M5StackATOM与ai2制作图形化蓝牙心率监测

【项目故事】

曾几何时，我感叹过就极客创作而言，PC和单片机的界限在不断逼近和模糊，小电脑（比如树莓派）可以直接控制IO，而强悍的单片机（如esp32）也已经可以运行micropython这样的解释型语言。两者在极客创作中不断上演精彩的剧目。而作为人人标配的手机，其实也是一个不错的极客创作平台。只不过它需要等待一个触发的条件，那就是App Inventor的到来。

传统的安卓APP开发工具要求玩家具有比较高的软件基础，进入门槛较高。而谷歌推出的App Inventor2.0(简称ai2，为了区别于人工智能的缩写)就是一款非常友好的极客APP开发工具，这个项目原本是Google实验室（Google Lab）的一个子计划，是完全在线开发的Android编程环境，也是一款安卓APP的积木式开发工具。大幅降低了开发门槛，使得没有受过严格软件训练的业余爱好者也可以尝试编写属于自己的安卓APP应用程序。对于我来说，更加看重ai2可以通过蓝牙、串口等方式与单片机交互。从而实现“软硬结合”的丰富应用。

比如：ai2负责手机端的人机交互、数据处理以及展示，单片机侧实现数据采集和上送，并且执行ai2下发的控制指令。各自发挥优势，相得益彰。

我曾经写过一个将手机的位置传感器信息通过蓝牙下发给esp32去展示，从而实现了一块运动手表的文章。https://www.arduino.cn/thread-102926-1-1.html

足见ai2+手机与单片机是可以双向交互的，只要你想得到，可以开发出大量有趣好玩的应用玩具。

App Inventor 2012年1月1日移交给麻省理工学院，目前在国内也有比较可靠的官方服务器（完全免费）可供开发者使用。

故事的另一个主角是M5Stack出品的ATOM Lite（以下简称ATOM），这是一个基于esp32的轻量级开发平台，集成了一个全彩led以及一只用户自定义按钮，没有配备电池，需要外部供电。

在本文中，一部安卓手机+ai2与一片esp32(M5Stack出品的ATOM)就可以非常方便地搭建一个图形化的心率监测系统。

【B站视频链接】

https://www.bilibili.com/video/BV1Ev411T7uy/

我们先看看视频演示，然后就一起开始项目制作的过程吧。

项目有趣度：★★★

项目难度：★★

仍然是一款容易上手、颇有趣味的小玩具。

【软硬件准备】

软件部分：

	内容	版本	备注
1	App Inventor	2.0	手机端APP开发
2	Arduino IDE	1.8.5	ATOM开发

硬件部分

	内容	厂商	备注
1	Google Pixel2 手机	Google
2	ATOM	M5Stack
3	BLE心率胸带	KYTO	来自网购
4	OTG转接头	绿联	，用于连接手机与ATOM,包括一根Type-C线

【软件基本原理】

ai2部分

ATOM部分

【硬件连接】

将手机与ATOM通过OTG转接头进行连接，同时也实现了给ATOM供电，可谓一举两得。

【主要知识点】

1、 esp32读取ble心率带数据：这是一个老知识点，已经很成熟解决。

2、 esp32通过10组串口将数据发送至手机：由于需要在手机上用折线图展示，所以就生产了一组10个元素的数组，每采集一个新数据，就把这个队列向后顺延一位。从而在手机端呈现出数据列整体顺移的效果。

3、 图形展示：手机端，ai2使用了google家的chartmaker插件，可以实现折线、饼图以及柱状图等三种功能，我们这次使用折线图，折线图可以从csv格式的数据生成列表，从而展示。这个环节也是最关键的点，就是把ATOM采集到的十个数据用分隔符隔离，装配好，然后导出列表，供chart maker插件展示。

【ai2的程序设计】

注：1、webview控件，显示折线图的位置；2、折线图绘制按钮；3、5 串口开关按钮；4、显示收到ATOM的数据。

【开源代码】

ATOM部分

1. /*这是AI2编写的APP，用以展示OTG-serial接收的Arduino数据
   
2. *
   
3. * 07-24 解决了AI2接收串口数据、展示，解决了115200波特率更改
   
4. * 07-25 测试一组随机心率数据，传送至SoftwareSerial，由AI2展示
   
5. * 07-25 将BLE心率传感器结合进来，心率数据发送至手机端展示
   
6. * *作者：沧海
   
7. */
   
8. 
   
9. 
   
10. //===== Run-Time variables =====//
    
11. unsigned long prevTime   = 0;
    
12. unsigned long curTime    = 0;
    
13. unsigned long hrms       = 0;//全局变量-心率值
    
14. unsigned int val[11];  //定义一个10元素的数组，1~10
    
15. String SendText="" ;
    
16. 
    
17. //BLE部分设置
    
18. #include "BLEDevice.h"
    
19. // BLE
    
20. // The remote HRM service we wish to connect to.
    
21. static  BLEUUID serviceUUID(BLEUUID((uint16_t)0x180D));
    
22. // The HRM characteristic of the remote service we are interested in.
    
23. static  BLEUUID    charUUID(BLEUUID((uint16_t)0x2A37));
    
24. static BLEAddress *pServerAddress;
    
25. static boolean doConnect = false;
    
26. static boolean connected = false;
    
27. static boolean notification = false;
    
28. static BLERemoteCharacteristic* pRemoteCharacteristic;
    
29. 
    
30. // TypeDef
    
31. typedef struct {
    
32.   char ID[20];
    
33.   uint16_t HRM;
    
34. }HRM;
    
35. HRM hrm;
    
36. 
    
37. 
    
38. 
    
39. //--------------------------------------------------------------------------------------------
    
40. // BLE notifyCallback 在此Callback函数中，读取心率带数据，然后给全局变量unsigned long hrms 赋值
    
41. //--------------------------------------------------------------------------------------------
    
42. static void notifyCallback( BLERemoteCharacteristic* pBLERemoteCharacteristic, uint8_t* pData, size_t length, bool isNotify) {
    
43.     hrm.HRM = pData[1];
    
44.     String hrm_str =  String(pData[1], DEC);   
    
45.     hrms=hrm_str.toInt();
    
46. }
    
47. 
    
48. //--------------------------------------------------------------------------------------------
    
49. //  Connect to BLE HRM
    
50. //--------------------------------------------------------------------------------------------
    
51. bool connectToServer(BLEAddress pAddress) {
    
52.     Serial.print(F("Forming a connection to "));
    
53.     Serial.println(pAddress.toString().c_str());
    
54. 
    
55.     BLEClient*  pClient  = BLEDevice::createClient();
    
56.     Serial.println(F(" - Created client"));
    
57.    
    
58.     // Connect to the HRM BLE Server.
    
59.     pClient->connect(pAddress);
    
60.     Serial.println(F(" - Connected to server"));
    
61. 
    
62.     // Obtain a reference to the service we are after in the remote BLE server.
    
63.     BLERemoteService* pRemoteService = pClient->getService(serviceUUID);
    
64.     if (pRemoteService == nullptr) {
    
65.       Serial.print(F("Failed to find our service UUID: "));
    
66.       Serial.println(serviceUUID.toString().c_str());
    
67.       return false;
    
68.     }
    
69.     Serial.println(F(" - Found our service"));
    
70. 
    
71. 
    
72.     // Obtain a reference to the characteristic in the service of the remote BLE server.
    
73.     pRemoteCharacteristic = pRemoteService->getCharacteristic(charUUID);
    
74.     if (pRemoteCharacteristic == nullptr) {
    
75.       Serial.print(F("Failed to find our characteristic UUID: "));
    
76.       Serial.println(charUUID.toString().c_str());
    
77.       return false;
    
78.     }
    
79.     Serial.println(F(" - Found our characteristic"));
    
80. 
    
81.     // Register for Notify
    
82.     pRemoteCharacteristic->registerForNotify(notifyCallback);
    
83. }
    
84. 
    
85. //--------------------------------------------------------------------------------------------
    
86. // Scan for BLE servers and find the first one that advertises the service we are looking for.
    
87. //--------------------------------------------------------------------------------------------
    
88. class MyAdvertisedDeviceCallbacks: public BLEAdvertisedDeviceCallbacks {
    
89. /**
    
90.    * Called for each advertising BLE server.
    
91.    */
    
92.   void onResult(BLEAdvertisedDevice advertisedDevice) {
    
93.     Serial.print(F("BLE Advertised Device found: "));
    
94.     Serial.println(advertisedDevice.toString().c_str());
    
95. 
    
96.     // We have found a device, let us now see if it contains the service we are looking for.
    
97.     if (advertisedDevice.haveServiceUUID() && advertisedDevice.getServiceUUID().equals(serviceUUID)) {
    
98. 
    
99.       //
    
100.       Serial.print(F("Found our device!  address: "));
     
101.       advertisedDevice.getScan()->stop();
     
102. 
     
103.       pServerAddress = new BLEAddress(advertisedDevice.getAddress());
     
104.       doConnect = true;
     
105. 
     
106.     } // Found our server
     
107.   } // onResult
     
108. }; // MyAdvertisedDeviceCallbacks
     
109. 
     
110. 
     
111. void setup() {
     
112.   Serial.begin(115200);     // 打开串口，设置数据传输速率115200
     
113. //  mySerial.begin(115200);
     
114.   Serial.println("Begin...");
     
115.     for (int i = 1; i < 11; i++) {
     
116.       val[i] = 0;
     
117.     }
     
118.      //Start BLE--BLE部分初始化
     
119.   // Retrieve a Scanner and set the callback we want to use to be informed when we
     
120.   // have detected a new device.  Specify that we want active scanning and start the
     
121.   // scan to run for 30 seconds.
     
122.   BLEDevice::init("");
     
123.   BLEScan* pBLEScan = BLEDevice::getScan();
     
124.   pBLEScan->setAdvertisedDeviceCallbacks(new MyAdvertisedDeviceCallbacks());
     
125.   pBLEScan->setActiveScan(true);
     
126.   pBLEScan->start(30);
     
127.   
     
128. }
     
129. 
     
130. void loop() {
     
131.    //---------BLE部分
     
132.   curTime = millis();  //当前时间计时
     
133.   // If the flag "doConnect" is true then we have scanned for and found the desired
     
134.   // BLE Server with which we wish to connect.  Now we connect to it.  Once we are
     
135.   // connected we set the connected flag to be true.
     
136.   if (doConnect == true) {
     
137.     if (connectToServer(*pServerAddress)) {
     
138.       Serial.println(F("We are now connected to the BLE HRM"));
     
139.       connected = true;
     
140.     } else {
     
141.       Serial.println(F("We have failed to connect to the HRM; there is nothin more we will do."));
     
142.     }
     
143.     doConnect = false;
     
144.   }
     
145.   //every 3 second
     
146.   if (curTime - prevTime >= 3000) {
     
147.     // Turn notification on
     
148.   if (connected) {
     
149.     if (notification == false) {
     
150.       Serial.println(F("Turning Notifocation On"));
     
151.       const uint8_t onPacket[] = {0x1, 0x0};
     
152.       pRemoteCharacteristic->getDescriptor(BLEUUID((uint16_t)0x2902))->writeValue((uint8_t*)onPacket, 2, true);
     
153.       notification = true;
     
154.     }
     
155.   }
     
156.     prevTime = curTime;
     
157. 
     
158.    
     
159.   //randNumber = random(60, 90);// print a random number from 60 to 90
     
160.   //Serial.println(randNumber);
     
161.   //Serial.println(hrms);
     
162.   //第一步：整体左移所有的心率值
     
163.     for (int i = 1; i < 10; i++) {
     
164.       val[i] = val[i + 1];
     
165.       //Serial.println(val[i]);
     
166.     }
     
167.     val[10] = hrms;//最新心率数据放入val[10]
     
168.   //第二步：组装一个SendText，并且循环至10
     
169.     for (int i = 1; i < 10; i++) {
     
170.       SendText=SendText+String(i)+","+String(val[i])+"*";
     
171.     }
     
172.       SendText=SendText+String(10)+","+String(val[10]);
     
173.    
     
174. // 第三步：打印至mySerial，供AI2 chart展示
     
175.     Serial.println(SendText);
     
176.     //mySerial.println(SendText);
     
177.     SendText="";
     
178.     hrms    = 0;
     
179. 
     
180.    delay(5000);
     
181.   }
     
182. }
     

复制代码

【小结】

这个玩具和上次手机+ai2与M5StackC构成的GPS运动手表是一个风格，那就是硬件基本不需要自己搭建，通过与手机（或者单片机）传感器的交互，实现你需要的功能。

上次信息流是从手机到单片机，这次是蓝牙心率带通过单片机传送到手机，并且加以展示，正好从两个角度来展示，手机+ai2与单片机之间的种种可能。

我喜欢“软硬结合”的玩法。也期待和大家交流，碰撞出更多的创意火花。

立秋已至，秋风渐凉。硕果累累。

沧海抱拳。

我将ai2的源程序、ATOM源代码都打包作为附件，附在文章最后，供玩家参考。

apk以及chart maker插件超出了论坛限制，大家可以自行Bulid和搜索。chart maker插件是谷歌制作的图表插件。

serial_0725_hrms.zip (198.67 KB, 下载次数: 7)

2021-8-15 20:48 上传

点击文件名下载附件

topdog

沧海笑1122老师写的文章条理清晰，逻辑严密值得推荐，一起学习一起进步。

eagler8

                                            
学习了，我只有这种，还没做过实验

沧海笑1122

eagler8 发表于 2021-8-16 08:25
学习了，我只有这种，还没做过实验

感谢支持

eagler8

沧海笑1122 发表于 2021-8-16 10:54
感谢支持