ESP8266_AP机械手 第三篇Uniapp遥控器

一、接口说明

以下是ardunio上需要请求ap-server的接口:

if (request.indexOf("/getLocalIp") != -1) {
      handleGetLocalIp(client);

    } else if (request.indexOf("/servoPosition") != -1) {
      handleServoPosition(client);

    } else if (request.indexOf("/servoStep") != -1) {
      showServoStep(client);

    } else if (request.indexOf("/servoControlStep") != -1) {
      handleServoStep(client);

    } else if (request.indexOf("/servo1UpMove") != -1) {
      handleServoUpMove(client, 0);
    } else if (request.indexOf("/servo2UpMove") != -1) {
      handleServoUpMove(client, 1);
    } else if (request.indexOf("/servo3UpMove") != -1) {
      handleServoUpMove(client, 2);
    } else if (request.indexOf("/servo4UpMove") != -1) {
      handleServoUpMove(client, 3);
    } else if (request.indexOf("/servo5UpMove") != -1) {
      handleServoUpMove(client, 4);
    } else if (request.indexOf("/servo1DownMove") != -1) {
      handleServoDownMove(client, 0);
    } else if (request.indexOf("/servo2DownMove") != -1) {
      handleServoDownMove(client, 1);
    } else if (request.indexOf("/servo3DownMove") != -1) {
      handleServoDownMove(client, 2);
    } else if (request.indexOf("/servo4DownMove") != -1) {
      handleServoDownMove(client, 3);
    } else if (request.indexOf("/servo5DownMove") != -1) {
      handleServoDownMove(client, 4);
    } else {
      handleNotFound(client);
    }

1.1 /getLocalIp

通过input 和 button 手动测试 uniapp 与 esp8266 连通情况。

1.2 /servoPosition和 /servoStep

获取五个机械手关节舵机的位置 和 移动步长 需要设置定时器,类似于js 的ajax异步请求 刷新特定div或view的数据

1.3 /servoControlStep

设置舵机的步长,采用button简单的请求并将请求渲染到页面

1.4 /servo1UpMove 至 /servo5DownMove

依据全局变量stepSize设置舵机的正转和反转

二、index页面





三、control页面





四、演示

-------------------------

通过网盘分享的文件:ESP8266_AP模式Uniapp代码
链接: https://pan.baidu.com/s/1R465EqLF2cMDWsRfQA3IjA?pwd=xp71 提取码: xp71

-------------------------

视频演示如何使用fiddler抓取uniapp请求包

ESP8266_AP机械手-第三篇Uniapp遥控器_哔哩哔哩_bilibili

你可能感兴趣的:(uni-app,服务器,esp8266,前端)