Maison >interface Web >js tutoriel >Contrôlant un moto à l'aide d'Arduino et Node.js

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

Lisa Kudroworiginal: 2025-02-19 11:43:12950parcourir

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:

<code class="language-json">{
  "name": "nodebot-sample",
  "dependencies": {
    "express": "^4.11.2",
    "johnny-five": "^0.8.53",
    "socket.io": "^1.3.3"
  }
}</code>

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

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

<code class="language-javascript">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); });
    });
});</code>

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

index.html:

<code class="language-html"><!DOCTYPE html>


  <title>NodeBot Control</title>
  
  


  <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>

</code>

app.js:

<code class="language-javascript">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');</code>

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!

JavaScript json html npm express if for require using Interface JS this github ide iot Access Foundation Game

Déclaration：

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

Article précédent：Bascule.js Basics: Modèles, vues, collections et modèlesArticle suivant：Bascule.js Basics: Modèles, vues, collections et modèles

Articles Liés

Voir plus