Myu: esp32でステッピングモータ操作　改良版

操作のたびに、画面がちらつかないように、こちらを参考にさせていただき、非同期に書き換えてみた。ステッピングモーターの回転量は、スライドバーで変更できるようにしてみた。また、もうひとつカメラ専用のEsp32も用意して、iframeでバリコンやMLA周辺の状況を映して確認できるようにしてみた。（<iframe title="camera" width="700" height="600" src="http://192.168.1.56">の部分）

　あとは、実際にアンテナに組み込んで試してみる予定。

#include <Stepper.h>
#include <Stepper.h>
#include <Arduino.h>
#include <WiFi.h>
#include <ESPAsyncWebServer.h>
#include "SPIFFS.h"

#define PIN_STP_IN1 19
#define PIN_STP_IN2 18
#define PIN_STP_IN3 5
#define PIN_STP_IN4 17

const int stepsPerRevolution = 2048; //1回転のステップ数

const IPAddress ip(192,168,1,53); //IPアドレス
const IPAddress subnet(255,255,255,0); //サブネットマスク
const IPAddress gateway(192, 168, 1, 1);

Stepper myStepper(stepsPerRevolution, PIN_STP_IN1, PIN_STP_IN3, PIN_STP_IN2, PIN_STP_IN4);

/* Function Prototype */
void doInitialize();
void connectToWifi();
String editPlaceHolder(const String&);
String getMessage();

// ルーター接続情報
#define WIFI_SSID "********"
#define WIFI_PASSWORD "********"

/* 基本属性定義  */
#define SPI_SPEED   115200

// Webサーバーオブジェクト
#define HTTP_PORT 80
AsyncWebServer server(HTTP_PORT);

/* HTMLページ */
const char* strHtml = R"rawliteral(
<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
      html { font-family: Helvetica; display: inline-block; margin: 0px auto;text-align: center;} 
      h1 {font-size:28px;}
      body {text-align: center;} 
      table { border-collapse: collapse; margin-left:auto; margin-right:auto;}
      th { padding: 12px; background-color: #0000cd; color: white; border: solid 2px #c0c0c0;}
      tr { border: solid 2px #c0c0c0; padding: 12px;}
      td { border: solid 2px #c0c0c0; padding: 12px;}
      .value { color:blue; font-weight: bold; padding: 1px;}
      .btn_on {width:100px; height:43px; padding:1px 1px; vertical-align: middle; text-decoration:none; font-size:16px; background-color:
        #668ad8; color: #FFF; border-bottom: solid 4px #627295; border-radius: 4px;}
      .btn_on:active { -webkit-transform: translateY(0px); transform: translateY(0px);
        border-bottom: none;}
    </style>
  </head>
  <body>
    <h1>Asynchronous Server</h1>
    <p><table>
    <tr>
     <td>         
      status:<span id="message" class="value">%MESSAGE%</span>　　currentValue:<span id="currentValue"></span>
	    <br>
      <input id="slider" type="range" min="0" max="100" value="50" step="5"><span id="sliderValue"></span>
      <br>
      <button class='btn_on' onclick='btnClicked(this)' id='btnf'>CHANGE_F</button>
      <button class='btn_on' onclick='btnClicked(this)' id='btnr'>CHANGE_R</button>
    </td>
    <td>
     <iframe title="camera" width="700" height="600" src="http://192.168.1.56"></iframe>
    </td> 
   </tr>
   </table></p>
  </body>
  <script>

let slider = null;
let sliderValue = null;
let currentValue = null;

// スライダー値を取得して表示
const setValue = ()=> {
  const value = slider.value;
  sliderValue.textContent = value;
  
}

// 起動時の処理
window.addEventListener("load", ()=>{
  // スライダー、スライダー値DOM
  slider = document.getElementById("slider");
  sliderValue = document.getElementById("sliderValue");
  currentValue= document.getElementById("currentValue");

// スライドさせたときの処理
  slider.addEventListener("input", setValue);

// スライダー初期値を表示
  setValue();
});

/*****************************************************************************
 *                          Predetermined Sequence                           *
 *****************************************************************************/
void setup(){
    doInitialize();             // 初期化処理をして
    connectToWifi();            // Wi-Fiルーターに接続する

// GETリクエストに対するハンドラーを登録して
    server.on("/", HTTP_GET, [](AsyncWebServerRequest *request){
       Serial.print("root");
        request->send_P(200, "text/html", strHtml, editPlaceHolder);
    });

server.on("/message", HTTP_GET, [](AsyncWebServerRequest *request){
       Serial.print("massage");
       
        request->send_P(200, "text/plain", getMessage().c_str());
    });
    
    server.on("/updatef", HTTP_GET, [](AsyncWebServerRequest *request){
        //サーボモーターを回転  
         String val = request->getParam("rotation_value")->value();
         myStepper.step(val.toInt());  
       // request->send_P(200, "text/plain", "fwd");
    });
    
    server.on("/updater", HTTP_GET, [](AsyncWebServerRequest *request){   
       String val = request->getParam("rotation_value")->value();     
         myStepper.step(-1*val.toInt());           
       // request->send_P(200, "text/plain", "rev");
    });

// サーバーを開始する
    server.begin();
}
 
void loop(){
}

/*****************************************************************************
 *                          'GET' Request Handlers                           *
 *****************************************************************************/
/* プレースホルダー処理 */
String editPlaceHolder(const String& var) {
    if (var == "MESSAGE") {
        return getMessage();
    }
   
}

/* LEDの状態を通知する */
String getMessage() {
   // return ledState;
   return "start";
}

/*****************************< Other functions >*****************************/
/* 初期化処理 */
void doInitialize() {

myStepper.setSpeed(15); //速度の指定
  
    Serial.begin(SPI_SPEED);

}

/****************************< Connect functions >****************************/
/* Wi-Fiルーターに接続する */
void connectToWifi() {
    Serial.print("Connecting to Wi-Fi ");
       if (!WiFi.config(ip,gateway,subnet)){
      Serial.println("Failed to configure!");
  }
    WiFi.begin(WIFI_SSID, WIFI_PASSWORD);
    while (WiFi.status() != WL_CONNECTED) {
        delay(500);
        Serial.print(".");
    }
    Serial.println("");
    // モニターにローカル IPアドレスを表示する
    Serial.println("WiFi connected.");
    Serial.print("  *IP address: ");
    Serial.println(WiFi.localIP());
    server.begin();
}

Myu

2024年2月23日金曜日

esp32でステッピングモータ操作　改良版

0 件のコメント:

コメントを投稿

ブログアーカイブ

2024年2月23日金曜日

esp32でステッピングモータ操作 改良版

0 件のコメント:

コメントを投稿

esp32でステッピングモータ操作　改良版