![\"\"](\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/04\/20250419013140-6802fcfc965b6.png\")
<\/p>\n<\/p>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u84dd\u7259\u901a\u4fe1\u5728\u8bbe\u8ba1\u5c0f\u578b\u667a\u80fd\u8bbe\u5907\u65f6\u975e\u5e38\u666e\u904d，\u4e4b\u524d\u4e00\u76f4\u6ca1\u6709\u4f7f\u7528\u8fc7，\u6700\u8fd1\u4f7f\u7528ardunio ESP32 \u505a\u4e86\u4e00\u4e9b\u5b9e\u9a8c，\u505a\u4e86\u4e00\u4e2a\u6536\u542c\u64ad\u5ba2\u7684\u667a\u80fd\u65cb\u94ae（Smart Knob），\u5b83\u5e26\u6709\u4e00\u4e2a\u65cb\u8f6c\u7f16\u7801\u5668\u548c\u4e24\u4e2a\u6309\u952e\u3002<\/p>\n
\u00a0 \u00a0 \u00a0\u672c\u6587\u4ecb\u7ecdBLE \u670d\u52a1\u5668Server\u548cWeb BLE API \u4f5c\u4e3aClient\u3002\u7684\u7a0b\u5e8f<\/p>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u4f7f\u7528\u84dd\u7259\u4f4e\u529f\u8017，\u6709\u4e24\u79cd\u7c7b\u578b\u7684\u8bbe\u5907：\u670d\u52a1\u5668\u548c\u5ba2\u6237\u7aef\u3002<\/p>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u670d\u52a1\u5668\u00a0\u5ba3\u4f20\u5b83\u7684\u5b58\u5728，\u56e0\u6b64\u5b83\u53ef\u4ee5\u88ab\u5176\u4ed6\u8bbe\u5907\u53d1\u73b0\u5e76\u5305\u542b\u5ba2\u6237\u7aef\u00a0\u53ef\u4ee5\u8bfb\u53d6\u7684\u6570\u636e\u3002\u5ba2\u6237\u7aef\u626b\u63cf\u9644\u8fd1\u7684\u8bbe\u5907，\u5f53\u5b83\u627e\u5230\u5b83\u6b63\u5728\u5bfb\u627e\u7684\u670d\u52a1\u5668\u65f6，\u5b83\u4f1a\u5efa\u7acb\u8fde\u63a5\u5e76\u76d1\u542c\u4f20\u5165\u7684\u6570\u636e\u3002\u8fd9\u79f0\u4e3a\u70b9\u5bf9\u70b9\u901a\u4fe1\u3002<\/p>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0GATT （Generic Attribute Profile） \u4ee3\u8868\u901a\u7528\u5c5e\u6027，\u5b83\u5b9a\u4e49\u4e86\u5411\u8fde\u63a5\u7684 BLE \u8bbe\u5907\u516c\u5f00\u7684\u5206\u5c42\u6570\u636e\u7ed3\u6784\u3002\u8fd9\u610f\u5473\u7740 GATT \u5b9a\u4e49\u4e86\u4e24\u4e2a BLE \u8bbe\u5907\u53d1\u9001\u548c\u63a5\u6536\u6807\u51c6\u6d88\u606f\u7684\u65b9\u5f0f\u3002<\/p>\n
![\"\"](\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/04\/20250419013140-6802fcfce1dd8.png\")
<\/p>\n<\/p>\n
\u670d\u52a1\u96c6\u5408 Profile: \u9488\u5bf9\u7279\u5b9a\u7528\u4f8b\u7684\u6807\u51c6\u670d\u52a1\u96c6\u5408；\u670d\u52a1 Service: \u6536\u96c6\u76f8\u5173\u4fe1\u606f，\u5982\u4f20\u611f\u5668\u8bfb\u6570\u3001\u7535\u6c60\u7535\u91cf\u3001\u5fc3\u7387\u7b49；\u7279\u5f81 Characteristic: \u5b83\u662f\u5b9e\u9645\u6570\u636e\u4fdd\u5b58\u5728\u5c42\u6b21\u7ed3\u6784（\u503c）\u4e0a\u7684\u4f4d\u7f6e；\u63cf\u8ff0 Descriptor: \u5173\u4e8e\u6570\u636e\u7684\u5143\u6570\u636e；\u5c5e\u6027 Properties: \u63cf\u8ff0\u5982\u4f55\u4e0e\u7279\u5f81\u503c\u4ea4\u4e92\u3002\u4f8b\u5982：\u8bfb\u3001\u5199\u3001\u901a\u77e5\u3001\u5e7f\u64ad\u3001\u6307\u793a\u7b49\u3002<\/p>\n<\/p>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u6bcf\u4e2a\u670d\u52a1\u00a0\u3001\u7279\u5f81\u548c\u63cf\u8ff0\u7b26\u90fd\u6709\u4e00\u4e2a\u00a0UUID（\u901a\u7528\u552f\u4e00\u6807\u8bc6\u7b26\u3002UUID \u662f\u552f\u4e00\u7684 128 \u4f4d（16 \u5b57\u8282）\u6570\u5b57\u3002<\/p>\n
\u4f7f\u7528\u4e24\u4e2acharactic<\/p>\n
\/*
\n Based on Neil Kolban example for IDF: https:\/\/github.com\/nkolban\/esp32-snippets\/blob\/master\/cpp_utils\/tests\/BLE%20Tests\/SampleServer.cpp
\n Ported to Arduino ESP32 by Evandro Copercini
\n updates by chegewara
\n*\/<\/p>\n
#include <BLEDevice.h>
\n#include <BLEUtils.h>
\n#include <BLEServer.h><\/p>\n
\/\/ See the following for generating UUIDs:
\n\/\/ https:\/\/www.uuidgenerator.net\/<\/p>\n
#define SERVICE_UUID "4fafc201-1fb5-459e-8fcc-c5c9c331914b"
\n#define CHARACTERISTIC_UUID_1 "beb5483e-36e1-4688-b7f5-ea07361b26a8"
\n#define CHARACTERISTIC_UUID_2 "cba1d466-344c-4be3-ab3f-189f80dd7518"
\nbool deviceConnected = false;
\n \/\/\u521b\u5efa\u4e00\u4e2a\u65cb\u94ae\u5c5e\u6027
\n BLECharacteristic KnobCharacteristic(
\n CHARACTERISTIC_UUID_1,
\n BLECharacteristic::PROPERTY_READ |
\n BLECharacteristic::PROPERTY_WRITE |
\n BLECharacteristic::PROPERTY_NOTIFY |
\n BLECharacteristic::PROPERTY_INDICATE
\n );
\nBLEDescriptor KnobDescriptor(BLEUUID((uint16_t)0x2902));
\n \/\/\u521b\u5efa\u4e00\u4e2a\u5f00\u5173（Button）
\n BLECharacteristic ButtonCharacteristic(
\n CHARACTERISTIC_UUID_2,
\n BLECharacteristic::PROPERTY_READ |
\n BLECharacteristic::PROPERTY_WRITE |
\n BLECharacteristic::PROPERTY_NOTIFY |
\n BLECharacteristic::PROPERTY_INDICATE
\n );
\nBLEDescriptor ButtonDescriptor(BLEUUID((uint16_t)0x2903));
\nint KnobValue =100;
\nint ButtonValue=1; <\/p>\n
class MyServerCallbacks: public BLEServerCallbacks {
\n void onConnect(BLEServer* pServer) {
\n deviceConnected = true;\/\/ \u5ba2\u6237\u7aef\u8fde\u63a5\u5230\u670d\u52a1\u5668，\u72b6\u6001\u4e3atrue
\n };
\n void onDisconnect(BLEServer* pServer) {
\n deviceConnected = false;
\n }
\n};<\/p>\n
void setup() {
\n Serial.begin(115200);
\n Serial.println("Starting BLE work!");<\/p>\n
BLEDevice::init("ESP32_KNOB");
\n BLEServer *pServer = BLEDevice::createServer();
\n \/\/ \u5c06 BLE \u8bbe\u5907\u8bbe\u7f6e\u4e3a\u670d\u52a1\u5668\u5e76\u5206\u914d\u56de\u8c03\u51fd\u6570
\n pServer->setCallbacks(new MyServerCallbacks());<\/p>\n
BLEService *pService = pServer->createService(SERVICE_UUID);
\n \/\/Knob
\n pService->addCharacteristic(&KnobCharacteristic);
\n KnobDescriptor.setValue("Knob");
\n KnobCharacteristic.addDescriptor(&KnobDescriptor);<\/p>\n
pService->addCharacteristic(&ButtonCharacteristic);
\n ButtonDescriptor.setValue("Button");
\n ButtonCharacteristic.addDescriptor(&ButtonDescriptor);<\/p>\n
pService->start();
\n \/\/ BLEAdvertising *pAdvertising = pServer->getAdvertising(); \/\/ this still is working for backward compatibility
\n BLEAdvertising *pAdvertising = BLEDevice::getAdvertising();
\n pAdvertising->addServiceUUID(SERVICE_UUID);
\n pAdvertising->setScanResponse(true);
\n pAdvertising->setMinPreferred(0x06); \/\/ functions that help with iPhone connections issue
\n pAdvertising->setMinPreferred(0x12);
\n BLEDevice::startAdvertising();
\n Serial.println("Characteristic defined! Now you can read it in your phone!");
\n}<\/p>\n
void loop() {
\n KnobValue++;
\n ButtonValue++;<\/p>\n
if (deviceConnected) {
\n String KnobStr=String(KnobValue);
\n String ButtonStr=String(ButtonValue);<\/p>\n
KnobCharacteristic.setValue(KnobStr.c_str());
\n KnobCharacteristic.notify();
\n ButtonCharacteristic.setValue(ButtonStr.c_str());
\n ButtonCharacteristic.notify();
\n }
\n delay(50);
\n} <\/p>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u5728\u6d4b\u8bd5\u7684\u65f6\u5019\u53d1\u73b0，Notify \u4e24\u4e2aCaractic\u65f6\u5019，Web Bluetooth ，\u53ea\u80fd\u63a5\u6536\u5230\u7b2c\u4e00\u4e2anotify，\u7b2c\u4e8c\u4e2avalue \u59cb\u7ec8\u4e3a\u7a7a，\u4e8e\u662f\u6211\u4f7f\u7528\u4e00\u4e2acharactic \u4f20\u9001\u4e24\u4e2a\u53c2\u6570\u3002<\/p>\n
\u00a0 \u00a0 \u53e6\u5916，\u5728loop \u4e2d\u589e\u52a0\u00a0startAdvertising \u7684\u7a0b\u5e8f，\u4fdd\u8bc1\u5728\u65ad\u5f00\u65f6\u4e0d\u65ad\u5730startAdvertising.web \u80fd\u591f\u626b\u63cf\u5230BLE Server\u3002<\/p>\n
if (!deviceConnected && oldDeviceConnected) {
\n Serial.println("Device disconnected.");
\n delay(500);
\n pServer->startAdvertising(); \/\/ restart advertising
\n Serial.println("Start advertising");
\n oldDeviceConnected = deviceConnected;
\n }
\n \/\/ connecting
\n if (deviceConnected && !oldDeviceConnected) {
\n \/\/ do stuff here on connecting
\n oldDeviceConnected = deviceConnected;
\n Serial.println("Device Connected");
\n }
\n\/*
\n Based on Neil Kolban example for IDF: https:\/\/github.com\/nkolban\/esp32-snippets\/blob\/master\/cpp_utils\/tests\/BLE%20Tests\/SampleServer.cpp
\n Ported to Arduino ESP32 by Evandro Copercini
\n updates by chegewara
\n*\/<\/p>\n
#include <BLEDevice.h>
\n#include <BLEUtils.h>
\n#include <BLEServer.h><\/p>\n
\/\/ See the following for generating UUIDs:
\n\/\/ https:\/\/www.uuidgenerator.net\/<\/p>\n
#define SERVICE_UUID "4fafc201-1fb5-459e-8fcc-c5c9c331914b"
\n#define CHARACTERISTIC_UUID_1 "beb5483e-36e1-4688-b7f5-ea07361b26a8"
\nBLEServer* pServer = NULL;
\nbool deviceConnected = false;
\nbool oldDeviceConnected = false;
\n \/\/\u521b\u5efa\u4e00\u4e2a\u65cb\u94ae\u5c5e\u6027
\n BLECharacteristic KnobCharacteristic(
\n CHARACTERISTIC_UUID_1,
\n BLECharacteristic::PROPERTY_READ |
\n BLECharacteristic::PROPERTY_WRITE |
\n BLECharacteristic::PROPERTY_NOTIFY |
\n BLECharacteristic::PROPERTY_INDICATE
\n );
\nBLEDescriptor KnobDescriptor(BLEUUID((uint16_t)0x2902));<\/p>\n
int KnobValue =100;
\nint ButtonValue=1; <\/p>\n
class MyServerCallbacks: public BLEServerCallbacks {
\n void onConnect(BLEServer* pServer) {
\n deviceConnected = true;\/\/ \u5ba2\u6237\u7aef\u8fde\u63a5\u5230\u670d\u52a1\u5668，\u72b6\u6001\u4e3atrue
\n };
\n void onDisconnect(BLEServer* pServer) {
\n deviceConnected = false;
\n }
\n};<\/p>\n
void setup() {
\n Serial.begin(115200);
\n Serial.println("Starting BLE work!");<\/p>\n
BLEDevice::init("ESP32_KNOB");
\n pServer = BLEDevice::createServer();
\n \/\/ \u5c06 BLE \u8bbe\u5907\u8bbe\u7f6e\u4e3a\u670d\u52a1\u5668\u5e76\u5206\u914d\u56de\u8c03\u51fd\u6570
\n pServer->setCallbacks(new MyServerCallbacks());<\/p>\n
BLEService *pService = pServer->createService(SERVICE_UUID);
\n \/\/Knob
\n pService->addCharacteristic(&KnobCharacteristic);
\n KnobDescriptor.setValue("Knob");
\n KnobCharacteristic.addDescriptor(&KnobDescriptor);<\/p>\n
pService->start();<\/p>\n
BLEAdvertising *pAdvertising = BLEDevice::getAdvertising();
\n pAdvertising->addServiceUUID(SERVICE_UUID);
\n pAdvertising->setScanResponse(true);
\n pAdvertising->setMinPreferred(0x06); \/\/ functions that help with iPhone connections issue
\n pAdvertising->setMinPreferred(0x12);
\n \/\/ BLEDevice::startAdvertising();
\n pServer->getAdvertising()->start();
\n Serial.println("Characteristic defined! Now you can read it in your phone!");
\n}<\/p>\n
void loop() {
\n if (deviceConnected) {
\n KnobValue++;
\n ButtonValue++;
\n byte buffer[8];
\n memcpy(&buffer[0],&KnobValue,4);
\n memcpy(&buffer[4],&ButtonValue,4);
\n \/\/ String KnobStr=String(KnobValue);
\n \/\/ String ButtonStr=String(ButtonValue);<\/p>\n
KnobCharacteristic.setValue((uint8_t*)&buffer, 8);
\n KnobCharacteristic.notify();
\n delay(500);
\n }
\n \/\/ disconnecting
\n if (!deviceConnected && oldDeviceConnected) {
\n Serial.println("Device disconnected.");
\n delay(500);
\n pServer->startAdvertising(); \/\/ restart advertising
\n Serial.println("Start advertising");
\n oldDeviceConnected = deviceConnected;
\n }
\n \/\/ connecting
\n if (deviceConnected && !oldDeviceConnected) {
\n \/\/ do stuff here on connecting
\n oldDeviceConnected = deviceConnected;
\n Serial.println("Device Connected");
\n }
\n delay(200);
\n} <\/p>\n
\u4e3a\u4e86\u7b80\u5355\u5730\u505a\u6d4b\u8bd5，\u6211\u4f7f\u7528Web BlueTooth \u7684API \u3002<\/p>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u4ece\u6d4f\u89c8\u5668\u8fde\u63a5\u5230\u8bbe\u5907\u3002\u53ef\u4ee5\u8c03\u7528\u51fd\u6570\u00a0navigator.bluetooth.requestDevice()\u00a0\u5e76\u4e3a\u51fd\u6570\u63d0\u4f9b\u914d\u7f6e\u5bf9\u8c61，\u8be5\u5bf9\u8c61\u542b\u6709\u5173\u6211\u4eec\u8981\u4f7f\u7528\u54ea\u4e2a\u8bbe\u5907，\u4ee5\u53ca\u90fd\u6709\u54ea\u4e9b\u670d\u52a1\u53ef\u7528\u7684\u4fe1\u606f\u3002<\/p>\n
let device = await navigator.bluetooth.requestDevice({
\n filters: [
\n { namePrefix: 'PLAYBULB' }
\n ],
\n optionalServices: [ 0xff0f ]
\n}); <\/p>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u5f53\u6211\u4eec\u8c03\u7528\u6b64\u51fd\u6570\u65f6，\u4f1a\u5f39\u51fa\u4e00\u4e2a\u7a97\u53e3，\u663e\u793a\u7b26\u5408\u8fc7\u6ee4\u89c4\u5219\u7684\u8bbe\u5907\u5217\u8868\u3002 \u73b0\u5728\u5fc5\u987b\u624b\u52a8\u9009\u62e9\u6211\u4eec\u60f3\u8981\u8fde\u63a5\u7684\u8bbe\u5907\u3002\u8fd9\u662f\u51fa\u4e8e\u5b89\u5168\u548c\u9690\u79c1\u7684\u9700\u8981，\u5e76\u4e3a\u7528\u6237\u63d0\u4f9b\u63a7\u5236\u7684\u6743\u5229\u3002\u7528\u6237\u51b3\u5b9a\u662f\u5426\u5141\u8bb8 Web \u5e94\u7528\u8fde\u63a5\u5230\u8bbe\u5907，\u5f53\u7136\u8fd8\u6709\u5df2\u7ecf\u88ab\u5141\u8bb8\u8fde\u63a5\u7684\u8bbe\u5907\u3002 \u5982\u679c\u6ca1\u6709\u7528\u6237\u624b\u52a8\u9009\u62e9\u8bbe\u5907，Web \u5e94\u7528\u5219\u65e0\u6cd5\u83b7\u53d6\u8bbe\u5907\u5217\u8868\u6216\u8fde\u63a5\u3002<\/p>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u5728\u6211\u4eec\u8bbf\u95ee\u8bbe\u5907\u4e4b\u540e，\u53ef\u4ee5\u901a\u8fc7\u8c03\u7528\u8bbe\u5907\u00a0gatt\u00a0\u5c5e\u6027\u4e0a\u7684\u00a0connect()\u00a0\u51fd\u6570\u8fde\u63a5\u5230 GATT \u670d\u52a1\u5668\u5e76\u7b49\u5f85\u8fd4\u56de\u7ed3\u679c\u3002<\/p>\n
let server = await device.gatt.connect(); <\/p>\n
\u4e00\u65e6\u6211\u4eec\u8fde\u4e0a\u670d\u52a1\u5668，\u5c31\u53ef\u4ee5\u8c03\u7528\u00a0getPrimaryService()\u00a0\u5e76\u4f20\u9012\u670d\u52a1\u7684UUID，\u7136\u540e\u7b49\u5f85\u7ed3\u679c\u8fd4\u56de\u3002<\/p>\n
let service = await server.getPrimaryService(0xff0f); <\/p>\n
\u7136\u540e\u4f7f\u7528\u7279\u6027\u7684UUID\u4f5c\u4e3a\u53c2\u6570\u8c03\u7528\u670d\u52a1\u4e0a\u7684\u00a0getCharacteristic()\u00a0\u5e76\u518d\u6b21\u7b49\u5f85\u7ed3\u679c\u8fd4\u56de\u3002<\/p>\n
\u73b0\u5728\u5c31\u5f97\u5230\u4e86\u53ef\u7528\u4e8e\u8bfb\u5199\u6570\u636e\u7684\u7279\u6027：<\/p>\n
let characteristic = await service.getCharacteristic(0xfffc); <\/p>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u8981\u5199\u5165\u6570\u636e，\u6211\u4eec\u53ef\u4ee5\u5728\u7279\u6027\u4e0a\u8c03\u7528\u51fd\u6570\u00a0writeValue()\u00a0，\u4ee5 ArrayBuffer \u7684\u5f62\u5f0f\u4f20\u9012\u60f3\u8981\u5199\u5165\u7684\u503c ，\u8fd9\u662f\u4e8c\u8fdb\u5236\u6570\u636e\u7684\u5b58\u50a8\u65b9\u6cd5\u3002<\/p>\n
characteristic.writeValue(
\n new Uint8Array([ 0, r, g, b ])
\n); <\/p>\n
\u8981\u8bfb\u53d6\u706f\u6ce1\u7684\u5f53\u524d\u989c\u8272，\u53ef\u4ee5\u4f7f\u7528\u00a0readValue()\u00a0\u51fd\u6570\u5e76\u7b49\u5f85\u7ed3\u679c\u8fd4\u56de\u3002<\/p>\n
let value = await characteristic.readValue();<\/p>\n
let r = value.getUint8(1);
\nlet g = value.getUint8(2);
\nlet b = value.getUint8(3); <\/p>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u6700\u540e，\u8fd8\u6709\u4e00\u79cd\u65b9\u6cd5\u53ef\u4ee5\u5728\u8bbe\u5907\u503c\u53d1\u751f\u53d8\u5316\u65f6\u6536\u5230\u901a\u77e5\u3002<\/p>\n
characteristic.addEventListener(
\n 'characteristicvaluechanged', e => {
\n let r = e.target.value.getUint8(1);
\n let g = e.target.value.getUint8(2);
\n let b = e.target.value.getUint8(3);
\n }
\n);<\/p>\n
characteristic.startNotifications(); <\/p>\n
\u7b80\u5355\u7684\u65b9\u5f0f<\/p>\n
async function onButtonClick() {
\n let device = await navigator.bluetooth.requestDevice({
\n acceptAllDevices: true,
\n });
\n let server = await device.gatt.connect();
\n console.log(server);
\n let services = await server.getPrimaryServices();
\n console.log(services);
\n let characteristics = await services[0].getCharacteristics();
\n let value = await characteristics[0].readValue();
\n console.log(value);
\n } <\/p>\n
<!DOCTYPE html>
\n<html lang="en"><\/p>\n
<head>
\n <meta charset="utf-8">
\n <meta name="viewport" content="width=device-width, initial-scale=1.0">
\n <title>BLE Server <\/title><\/p>\n
<\/head><\/p>\n
<body>
\n <h1> Ble Server Connection<\/h1>
\n <button onclick="Connection()">\u8fde\u63a5<\/button>
\n <button onclick="ReadOut()">\u8bfb\u64cd\u4f5c<\/button>
\n <p id="Knob">Knob:null<\/p>
\n <p id="button">button:null<\/p>
\n <script>
\n var server
\n var services
\n async function ReadOut() {
\n let characteristics = await services[0].getCharacteristics();
\n let value = await characteristics[0].readValue();
\n let textDecoder = new TextDecoder('ascii');
\n let Val = textDecoder.decode(value.buffer);
\n console.log("Knob:" + Val);
\n document.getElementById("Knob").textContent="knob:"+Val
\n value = await characteristics[1].readValue();
\n textDecoder = new TextDecoder('ascii');
\n Val = textDecoder.decode(value.buffer);
\n console.log("button:" + Val);
\n document.getElementById("button").textContent="button:"+Val
\n }
\n async function Connection() {
\n let device = await navigator.bluetooth.requestDevice({
\n filters: [
\n { name: 'ESP32_KNOB' }
\n ]
\n });
\n server = await device.gatt.connect();
\n services = await server.getPrimaryServices();
\n }<\/p>\n
<\/script>
\n<\/body><\/p>\n
<\/html> <\/p>\n
<!DOCTYPE html>
\n<html lang="en"><\/p>\n
<head>
\n <meta charset="utf-8">
\n <meta name="viewport" content="width=device-width, initial-scale=1.0">
\n <title>BLE Server <\/title><\/p>\n
<\/head><\/p>\n
<body>
\n <h1> Ble Server Connection<\/h1>
\n <button onclick="Connection()">\u8fde\u63a5<\/button>
\n <h4>Parameters<\/h4>
\n <p id="Knob">Knob:null<\/p>
\n <p id="button">button:null<\/p>
\n <script>
\n var server
\n var services
\n async function startNotification() {
\n let textDecoder = new TextDecoder('ascii');
\n let characteristics= await services[0].getCharacteristics()
\n let characteristic = await services[0].getCharacteristic("beb5483e-36e1-4688-b7f5-ea07361b26a8");
\n characteristic.addEventListener(
\n 'characteristicvaluechanged', e => {
\n v1=e.target.value.getUint8(0);
\n v2=e.target.value.getUint8(1);
\n v3=e.target.value.getUint8(2);
\n v4=e.target.value.getUint8(3);
\n Val=(v4<<24)|(v3<<16)|(v2<<8)|v1
\n console.log("Knob:" + Val);
\n document.getElementById("Knob").textContent = "knob:" + Val
\n \/\/
\n v1=e.target.value.getUint8(4);
\n v2=e.target.value.getUint8(5);
\n v3=e.target.value.getUint8(6);
\n v4=e.target.value.getUint8(7);
\n Val=(v4<<24)|(v3<<16)|(v2<<8)|v1
\n console.log("button:" + Val);
\n document.getElementById("button").textContent = "button:" + Val
\n }
\n );
\n characteristic.startNotifications();
\n }
\n async function Connection() {
\n let device = await navigator.bluetooth.requestDevice({
\n filters: [
\n { name: 'ESP32_KNOB' }
\n ],
\n optionalServices: [ "4fafc201-1fb5-459e-8fcc-c5c9c331914b"]
\n });
\n server = await device.gatt.connect();
\n services = await server.getPrimaryServices();
\n startNotification()
\n }<\/p>\n
<\/script>
\n<\/body><\/p>\n
<\/html> <\/p>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u672c\u6587\u5df2\u7ecf\u8986\u76d6\u4e86 WebBluetooth API \u768490％\u3002 \u53ea\u9700\u8c03\u7528\u51e0\u4e2a\u51fd\u6570\u5e76\u53d1\u9001 4 \u4e2a\u5b57\u8282，\u4f60\u5c31\u53ef\u4ee5\u521b\u5efa\u4e00\u4e2a\u63a7\u5236\u706f\u6ce1\u989c\u8272\u7684 Web \u5e94\u7528\u3002 \u5982\u679c\u518d\u6dfb\u52a0\u51e0\u884c，\u4f60\u751a\u81f3\u53ef\u4ee5\u63a7\u5236\u73a9\u5177\u8f66\u6216\u9a7e\u9a76\u65e0\u4eba\u673a\u3002 \u968f\u7740\u8d8a\u6765\u8d8a\u591a\u7684\u84dd\u7259\u8bbe\u5907\u8fdb\u5165\u5e02\u573a，\u5c06\u4ea7\u751f\u65e0\u7a77\u7684\u53ef\u80fd\u6027\u3002<\/p>\n
\u7701\u7535\u95ee\u9898\u8bf7\u770bDELL \u516c\u53f8\u7684\u6587\u7ae0\u00a0<\/span><\/p>\n \u66f4\u6539 Windows 10 \u4e2d\u7684\u84dd\u7259\u7535\u6e90\u7ba1\u7406\u8bbe\u7f6e<\/p>\n \u6587\u7ae0\u6d4f\u89c8\u9605\u8bfb1.6k\u6b21\uff0c\u70b9\u8d5e27\u6b21\uff0c\u6536\u85cf14\u6b21\u3002\u8fd9\u662f\u51fa\u4e8e\u5b89\u5168\u548c\u9690\u79c1\u7684\u9700\u8981\uff0c\u5e76\u4e3a\u7528\u6237\u63d0\u4f9b\u63a7\u5236\u7684\u6743\u5229\u3002\u7528\u6237\u51b3\u5b9a\u662f\u5426\u5141\u8bb8 Web \u5e94\u7528\u8fde\u63a5\u5230\u8bbe\u5907\uff0c\u5f53\u7136\u8fd8\u6709\u5df2\u7ecf\u88ab\u5141\u8bb8\u8fde\u63a5\u7684\u8bbe\u5907\u3002GATT \uff08Generic Attribute Profile\uff09 \u4ee3\u8868\u901a\u7528\u5c5e\u6027\uff0c\u5b83\u5b9a\u4e49\u4e86\u5411\u8fde\u63a5\u7684 BLE \u8bbe\u5907\u516c\u5f00\u7684\u5206\u5c42\u6570\u636e\u7ed3\u6784\u3002\u5ba2\u6237\u7aef\u626b\u63cf\u9644\u8fd1\u7684\u8bbe\u5907\uff0c\u5f53\u5b83\u627e\u5230\u5b83\u6b63\u5728\u5bfb\u627e\u7684\u670d\u52a1\u5668\u65f6\uff0c\u5b83\u4f1a\u5efa\u7acb\u8fde\u63a5\u5e76\u76d1\u542c\u4f20\u5165\u7684\u6570\u636e\u3002\u5e76\u4e3a\u51fd\u6570\u63d0\u4f9b\u914d\u7f6e\u5bf9\u8c61\uff0c\u8be5\u5bf9\u8c61\u542b\u6709\u5173\u6211\u4eec\u8981\u4f7f\u7528\u54ea\u4e2a\u8bbe\u5907\uff0c\u4ee5\u53ca\u90fd\u6709\u54ea\u4e9b\u670d\u52a1\u53ef\u7528\u7684\u4fe1\u606f\u3002\uff0c\u4ee5 ArrayBuffer \u7684\u5f62\u5f0f\u4f20\u9012\u60f3\u8981\u5199\u5165\u7684\u503c \uff0c\u8fd9\u662f\u4e8c\u8fdb\u5236\u6570\u636e\u7684\u5b58\u50a8\u65b9\u6cd5\u3002_ble server<\/p>\n","protected":false},"author":2,"featured_media":24151,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[1854,1855],"topic":[],"class_list":["post-24154","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-server","tag-ardunio","tag-ble"],"yoast_head":"\n\n
![\"\"](\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/04\/20250419013141-6802fcfd10bcd.png\")
<\/p>\n","protected":false},"excerpt":{"rendered":"