Browser compatibility<\/a><\/li>\n<\/ol>\n--<\/p>\n
\u7bc4\u4f8b\uff1a\u4f7f\u7528 Web Bluetooth \u63a7\u5236 WT32-ETH01 \u4e0a\u7684 LED<\/h2>\n
HTML<\/p>\n
<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\">\r\n <title>Web Bluetooth<\/title>\r\n <script src=\"\/3rdParty\/jquery-1.11.3.min.js\"><\/script>\r\n <script src=\"\/3rdParty\/php.js\"><\/script>\r\n <link rel=\"stylesheet\" href=\"\/3rdParty\/bootstrap-4.3.1\/css\/bootstrap.min.css\">\r\n\r\n <!-- -->\r\n <link rel=\"stylesheet\" href=\"\/3rdParty\/bootstrap4-toggle\/css\/bootstrap4-toggle.min.css\">\r\n <script src=\"\/3rdParty\/bootstrap4-toggle\/js\/bootstrap4-toggle.min.js\"><\/script>\r\n<\/head>\r\n<body>\r\n<div class=\"container\">\r\n <div>\r\n <button type=\"button\" class=\"btn btn-info\" onclick=\"a()\">\u914d\u5c0d<\/button>\r\n <\/div>\r\n\r\n <div class=\"toggle_box\">\r\n <label><input type=\"checkbox\" class=\"input_toggle\" data-style=\"fast\" data-toggle=\"toggle\"><\/label>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n var myCharacteristic;\r\n var bluetoothDevice;\r\n\r\n \/\/ \u4e0d\u80fd\u7db2\u9801\u8f09\u5165\u5c31\u57f7\u884c \u5fc5\u9808\u624b\u52d5\u89f8\u767c\r\n function a(){\r\n var options = {\r\n \/\/ acceptAllDevices: true\r\n filters: [\r\n { namePrefix: 'ESP32' }\r\n ],\r\n optionalServices: [ 'f5c8924c-86e9-11eb-8dcd-0242ac130003' ]\r\n };\r\n\r\n \/\/ \u6383\u63cf\r\n bluetoothDevice = null;\r\n navigator.bluetooth.requestDevice(options).then(function ( device ){\r\n bluetoothDevice = device;\r\n return device.gatt.connect();\r\n })\r\n .then(function(server){\r\n return server.getPrimaryService('f5c8924c-86e9-11eb-8dcd-0242ac130003');\r\n })\r\n .then(function(service){\r\n return service.getCharacteristic('fea784d6-86e9-11eb-8dcd-0242ac130003');\r\n })\r\n .then(function(characteristic){\r\n myCharacteristic = characteristic;\r\n })\r\n .catch(function ( error ){\r\n });\r\n }\r\n\r\n \/\/ switch button\r\n $('.input_toggle').change(function() {\r\n point_click($(this).prop('checked'));\r\n });\r\n\r\n function point_click($power){\r\n if ($power) control = 'on';\r\n else control = 'off';\r\n if ( myCharacteristic ){\r\n var encoder = new TextEncoder('utf-8');\r\n var sendMsg = '{\"led\":\"'+ control +'\"}';\r\n myCharacteristic.writeValue(encoder.encode(sendMsg));\r\n }\r\n }\r\n<\/script>\r\n<\/body>\r\n<\/html><\/pre>\nArduino<\/p>\n
#include <Arduino.h>\r\n#include <BLEDevice.h>\r\n#include <BLEServer.h>\r\n#include <BLEUtils.h>\r\n#include <BLE2902.h>\r\n#include <ArduinoJson.h>\r\n\r\n#define BAUDRATE 115200\r\n#define SERVICE_UUID \"f5c8924c-86e9-11eb-8dcd-0242ac130003\"\r\n#define CHARACTERISTIC_UUID \"fea784d6-86e9-11eb-8dcd-0242ac130003\"\r\n\r\n\/\/ \r\nBLEServer *pServer;\r\nBLEService *pService;\r\nBLECharacteristic *pCharacteristic;\r\nbool deviceConnected = false;\r\nstd::string rxValue = \"\";\r\n\r\n\/\/ \r\nclass MyServerCallbacks : public BLEServerCallbacks\r\n{\r\n void onConnect(BLEServer *pServer)\r\n {\r\n Serial.println(\"= Connected =\");\r\n deviceConnected = true;\r\n }\r\n void onDisconnect(BLEServer *pServer)\r\n {\r\n Serial.println(\"= Disonnected =\");\r\n deviceConnected = false;\r\n }\r\n};\r\n\r\nclass MyCallbacks : public BLECharacteristicCallbacks\r\n{\r\n void onWrite(BLECharacteristic *pCharacteristic)\r\n {\r\n \/\/ Serial.println(\"= Receive =\");\r\n rxValue = pCharacteristic->getValue();\r\n String rx_str = rxValue.c_str();\r\n Serial.println(rx_str);\r\n\r\n \/\/ JSON \u8655\u7406\r\n StaticJsonDocument<256> doc;\r\n char json_val[rx_str.length()+1];\r\n rx_str.toCharArray(json_val, rx_str.length()+1);\r\n deserializeJson(doc, json_val, rx_str.length());\r\n String val = doc[\"led\"];\r\n Serial.println(val);\r\n\r\n if (val == \"on\")\r\n {\r\n digitalWrite(5, LOW);\r\n }\r\n if (val == \"off\")\r\n {\r\n digitalWrite(5, HIGH);\r\n }\r\n }\r\n};\r\n\r\nvoid setup()\r\n{\r\n Serial.begin(BAUDRATE);\r\n pinMode(5, OUTPUT);\r\n\r\n BLEDevice::init(\"ESP32\");\r\n pServer = BLEDevice::createServer();\r\n pServer->setCallbacks(new MyServerCallbacks());\r\n pService = pServer->createService(SERVICE_UUID);\r\n pCharacteristic = pService->createCharacteristic( CHARACTERISTIC_UUID, BLECharacteristic::PROPERTY_NOTIFY | BLECharacteristic::PROPERTY_WRITE);\r\n pCharacteristic->addDescriptor(new BLE2902());\r\n pCharacteristic->setCallbacks(new MyCallbacks());\r\n pService->start();\r\n pServer->getAdvertising()->start();\r\n}\r\n\r\nvoid loop()\r\n{\r\n}<\/pre>\n--<\/p>\n
\u6f14\u793a<\/h2>\n
\u914d\u5c0d\u6642\uff0c\u4ec0\u9ebc\u53ef\u4ee5\u9078\u64c7\u7684\u6642\u6a5f\u5f88\u8ff7\uff0c\u63a7\u5236\u7684 LED \u662f\u53f3\u5074\u7684\u7da0\u8272 LED<\/p>\n