Objectif :
Commander la Tortue Jeulin depuis une page web grâce à l’API Web Serial.
Il faut tout d’abord installer le navigateur Web Chrome qui est le seul navigateur web à supporter l’API Web Serial :
https://www.google.com/intl/fr_fr/chrome/
Voici une page web toute simple qui permet de faire avancer puis de faire reculer la Tortue :
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Web Serial</title>
</head>
<body>
<button>Request Serial Port</button>
<script>
const button = document.querySelector('button');
button.addEventListener('click', async function() {
const port = await navigator.serial.requestPort();
await port.open({ baudRate: 1200, dataBits:7, parity: "even", stopBits: 1 });
const writer = port.writable.getWriter();
const data = new Uint8Array([0x46]);
await writer.write(data);
const data1 = new Uint8Array([0x55]);
await writer.write(data1);
writer.releaseLock();
});
</script>
</body>
</html>
Lancer le serveur web de PHP en ligne de commande :
php -S localhost:8000Puis accéder à la page avec l’adresse internet suivante : http://localhost:8000
Après avoir choisi le port de communication, ici : /dev/ttyUSB0
La Tortue se déplacera en avant puis en arrière.