Skip to content

Commit 80151a6

Browse files
jtguggedaljtguggedal
committed
Web Bluetooth test page
1 parent f93c4e5 commit 80151a6

File tree

1 file changed

+174
-0
lines changed

1 file changed

+174
-0
lines changed

‎test/test.html

+174
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,174 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
5+
<style>
6+
div {
7+
margin: 10px;
8+
}
9+
10+
.label {
11+
display: inline-block;
12+
width: 250px;
13+
}
14+
15+
input {
16+
width: 50px;
17+
height: 20px;
18+
}
19+
20+
button {
21+
height: 30px;
22+
margin: 10px;
23+
display: inline-block;
24+
}
25+
</style>
26+
</head>
27+
<body>
28+
29+
<div>
30+
<button onclick="connect();">Koble til</button>
31+
<button onclick="disconnect();">Koble fra</button>
32+
</div>
33+
<div>
34+
<span class="label">Byte 1 (LED, 0-255):</span><input type="number" id="byte1" value="0">
35+
</div>
36+
<div>
37+
<span class="label">Byte 2 (servo, 0-10):</span><input type="number" id="byte2" value="0">
38+
</div>
39+
<div>
40+
<span class="label">Byte 10 (motor 1 hastighet, 0-255):</span><input type="number" id="byte10">
41+
</div>
42+
<div>
43+
<span class="label">Byte 11 (motor 2 hastighet, 0-255):</span><input type="number" id="byte11">
44+
</div>
45+
<div>
46+
<span class="label">Byte 12 (motor 3 hastighet, 0-255):</span><input type="number" id="byte12">
47+
</div>
48+
<div>
49+
<span class="label">Byte 13 (motor 4 hastighet, 0-255):</span><input type="number" id="byte13">
50+
</div>
51+
<div>
52+
<span class="label">Byte 14 (motor 1 retning, 0-1):</span><input type="number" id="byte14" value="1">
53+
</div>
54+
<div>
55+
<span class="label">Byte 15 (motor 2 retning, 0-1):</span><input type="number" id="byte15" value="1">
56+
</div>
57+
<div>
58+
<span class="label">Byte 16 (motor 3 retning, 0-1):</span><input type="number" id="byte16" value="1">
59+
</div>
60+
<div>
61+
<span class="label">Byte 17 (motor 4 retning, 0-1):</span><input type="number" id="byte17" value="1">
62+
</div>
63+
64+
<button onclick="writeArray()">Send</button>
65+
66+
67+
<script>
68+
69+
var mainServiceUUID = '00001523-1212-efde-1523-785feabcd123';
70+
var readWriteCharUUID = '00001525-1212-efde-1523-785feabcd123';
71+
var notificationCharUUID = '00001524-1212-efde-1523-785feabcd123';
72+
var bluetoothDevice;
73+
var mainServer;
74+
var mainService;
75+
var readWriteChar;
76+
var notificationChar;
77+
var notificationContent;
78+
var charVal = new Uint8Array(20);
79+
80+
81+
// Connect to device with specified serviceUUID and characteristic UUIDs
82+
function connect() {
83+
'use strict'
84+
85+
console.log('Requesting Bluetooth Device...');
86+
navigator.bluetooth.requestDevice({
87+
filters: [{ services: [mainServiceUUID ]}]
88+
})
89+
.then( device => {
90+
bluetoothDevice = device;
91+
console.log('> Found ' + bluetoothDevice.name);
92+
console.log('Connecting to GATT Server...');
93+
94+
return bluetoothDevice.connectGATT()
95+
.then( gattServer => {
96+
mainServer = gattServer;
97+
console.log('> Bluetooth Device connected: ');
98+
})
99+
})
100+
.then( server => {
101+
return mainServer.getPrimaryService(mainServiceUUID);
102+
})
103+
.then( service => {
104+
mainService = service;
105+
console.log('> serviceReturn: ' + service);
106+
return Promise.all([
107+
service.getCharacteristic(readWriteCharUUID)
108+
.then( char => {readWriteChar = char }),
109+
service.getCharacteristic(notificationCharUUID)
110+
.then(notificationCharHandler)
111+
])
112+
})
113+
.catch(error => {
114+
console.log('>' + error);
115+
});
116+
}
117+
118+
119+
function disconnect() {
120+
if (!bluetoothDevice) {
121+
console.log('> No Bluetooth Device connected');
122+
return;
123+
}
124+
console.log('> Disconnecting from Bluetooth Device...');
125+
if (bluetoothDevice.gatt.connected) {
126+
bluetoothDevice.gatt.disconnect();
127+
console.log('> Bluetooth Device connected: ' + bluetoothDevice.gatt.connected);
128+
} else {
129+
console.log('> Bluetooth Device is already disconnected');
130+
}
131+
}
132+
133+
134+
135+
/** Function for setting up the notification characteristic **/
136+
function notificationCharHandler(characteristic) {
137+
'use strict';
138+
139+
// Stores the notification characteristic object to ble object for easy access
140+
notificationChar = characteristic;
141+
console.log('Notifications started.');
142+
143+
// Initiates event listener for notifications sent from DK
144+
notificationChar.addEventListener('characteristicvaluechanged', handleNotification);
145+
return characteristic.startNotifications();
146+
}
147+
148+
/** Function for handling notifications **/
149+
function handleNotification(event) {
150+
'use strict';
151+
152+
// The received notification consists of a buffer or DataView, assigned to value
153+
let value = event.target.value;
154+
value = value.buffer ? value : new DataView(value);
155+
156+
return value;
157+
158+
}
159+
160+
function writeArray() {
161+
charVal[1] = document.getElementById('byte1').value;
162+
charVal[2] = document.getElementById('byte2').value;
163+
for(n = 10; n <= 17; n++) {
164+
charVal[n] = document.getElementById('byte'+ n).value;
165+
}
166+
readWriteChar.writeValue(charVal)
167+
.then(() => {return 1})
168+
}
169+
170+
171+
172+
</script>
173+
</body>
174+
</html>

0 commit comments

Comments
 (0)