html - Esp32 和站点通信
问题描述
基本上,我有一个带有本地 IP 的 esp32,我可以通过在与 esp32 相同的网络中键入“http:192.168.1.52/L”或“/H”cuz im 来打开和关闭灯。是否可以通过单击网页的按钮使服务器使用 /H 或 /L 访问 IP 地址并打开和关闭灯?喜欢:朋友->myOpenServer->localEsp32 我的朋友可以访问我的本地网络中托管的访问 esp32 ip 的 html
解决方案
您可以通过 CSS 在 WiFiClient println 方法中添加按钮,如下所示
您可以根据需要进行适当的更改
WiFiClient client = server.available();
client.println("<!DOCTYPE html><html>");
client.println("<head><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">");
client.println("<link rel=\"icon\" href=\"data:,\">");
client.println("<style>html { font-family: Helvetica; display: inline-block; margin: 0px auto; text-align: center;}");
client.println(".button { background-color: #4CAF50; border: none; color: white; padding: 16px 40px;");
client.println("text-decoration: none; font-size: 30px; margin: 2px; cursor: pointer;}");
client.println(".button2 {background-color: #555555;}</style></head>");
// Web Page Heading
client.println("<body><h1>ESP32 Web Server</h1>");
推荐阅读
- linux - 如何最好地在 bash 脚本中的文件上实现原子更新
- python - 有效地迭代字典
- javascript - 你如何使用nodejs从javascript中的方法中调用递归方法?
- codeigniter - 将 Codeigniter 的 Excel 类从 PHPExcel 转换为 PhpSpreadsheet
- javascript - chrome扩展后台执行时间限制
- node.js - 如何在 React 和 Redux 中保持用户登录,使用 JWT 表达后端应用程序并且没有像 redux-persist 这样的包?
- java - 这些奇怪的布尔值在 JMH 中是用来做什么的?
- asp.net - 从动态创建的控件中检索值
- python - 使用 python-pptx 删除 PowerPoint 中的超链接
- pandas - pd.to_datetime 格式错误,ValueError: '/' is a bad directive in format '%m%/%d/%Y'