Contrôlant un moto à l'aide d'Arduino et Node.js-js tutoriel-php.cn

Maison

interface Web

js tutoriel

Contrôlant un moto à l'aide d'Arduino et Node.js

Lisa Kudrow

Feb 19, 2025 am 11:43 AM

Ce tutoriel montre la construction d'un Nodebot - un robot contrôlé par Node.js - en utilisant Arduino. Nous allons créer une moto simple contrôlable à partir d'un navigateur Web. Le projet tire parti de la popularité croissante de JavaScript en robotique et IoT.

Concepts clés:

Nodebots & Arduino Intégration: Nodebots, alimenté par Node.js, offrent une combinaison puissante avec Arduino pour diverses applications, y compris le développement de jeux, la robotique et IoT.
Configuration matérielle: Le matériel se compose d'un arduino, de deux moteurs, d'un contrôleur de moteur L298 et d'un câble de connexion. Surtout, StandardFirmata doit être installé sur l'Arduino.
côté serveur (Node.js): Nous utilisons Node.js, Express.js, Socket.io (pour la communication en temps réel) et Johnny-Five (un cadre de robotique basé sur Firmata ).
côté client (navigateur): Une interface Web simple permet aux utilisateurs de contrôler les mouvements du moteur. Socket.io gère la communication en temps réel entre le navigateur et le serveur.

matériel:

Microcontrôleur Arduino
deux moteurs
L298 Contrôleur de moteur
câble USB reliant Arduino à l'ordinateur

Controlling a Motorbot Using Arduino and Node.js

Sélection du moteur: Choisissez des moteurs appropriés pour la charge prévue. Les moteurs à tension plus élevée peuvent nécessiter une alimentation externe.

Installation de standardfirmata:

Téléchargez l'ide Arduino.
Connectez l'Arduino via USB.
Dans l'IDE, accédez à File > Examples > Firmata > StandardFirmata.
Téléchargez le code StandardFirmata sur Arduino.

Configuration du logiciel:

Créer un fichier package.json:

{
  "name": "nodebot-sample",
  "dependencies": {
    "express": "^4.11.2",
    "johnny-five": "^0.8.53",
    "socket.io": "^1.3.3"
  }
}

Copier après la connexion

Exécutez npm install pour installer les dépendances.

Code côté serveur (index.js):

var express = require('express');
var app = express();
var io = require('socket.io')(app.listen(8081));
var five = require('johnny-five');

app.use(express.static(__dirname + '/app'));
app.get('/', function (res) { res.sendfile('/index.html'); });

var board = new five.Board({ repl: false });

board.on('ready', function () {
    var speed, commands, motors;
    motors = {
        a: new five.Motor([3, 12]),
        b: new five.Motor([11, 13])
    };

    io.on('connection', function (socket) {
        socket.on('stop', function () { motors.a.stop(); motors.b.stop(); });
        socket.on('start', function () { speed = 255; motors.a.fwd(speed); motors.b.fwd(speed); });
        socket.on('reverse', function () { speed = 120; motors.a.rev(speed); motors.b.rev(speed); });
        socket.on('left', function () { motors.a.fwd(220); motors.b.rev(50); });
        socket.on('right', function () { motors.a.rev(50); motors.b.fwd(220); });
    });
});

Copier après la connexion

Code côté client (app/index.html & app.js):

index.html:

<!DOCTYPE html>
<html>
<head>
  <title>NodeBot Control</title>
  <🎜>
  <🎜>
</head>
<body>
  <div class="container">
    <i class="fa fa-angle-up" id="forward"></i>
    <i class="fa fa-angle-left" id="left"></i>
    <i class="fa fa-angle-down" id="reverse"></i>
    <i class="fa fa-angle-right" id="right"></i>
    <i class="fa stop" id="stop"></i>STOP
  </div>
</body>
</html>

Copier après la connexion

app.js:

var socket = io();

document.getElementById('forward').onclick = () => socket.emit('start');
document.getElementById('right').onclick = () => socket.emit('right');
document.getElementById('left').onclick = () => socket.emit('left');
document.getElementById('reverse').onclick = () => socket.emit('reverse');
document.getElementById('stop').onclick = () => socket.emit('stop');

Copier après la connexion

Exécutez node index.js pour démarrer le serveur. Accéder à l'interface de contrôle à 127.0.0.1:8081. N'oubliez pas de résoudre les problèmes de connexion si le conseil n'est pas reconnu. Cet exemple démontre les principes de base; Les interactions plus complexes sont réalisables avec cette fondation. Le code source complet est disponible sur github (le lien serait inséré ici si fourni).

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn