嵌入式环境下如何更新web server上html的一种参考方法

最新推荐文章于 2024-05-05 07:41:03 发布
最新推荐文章于 2024-05-05 07:41:03 发布
阅读量756 收藏 2
点赞数
文章标签： html 服务器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/DIANZI520SUA/article/details/131105649
版权

        前篇文章简单介绍了嵌入式Linux下boa web server的配置情况，将机器设备当作服务器，从而可以从PC上的浏览器上访问查看机器的一些运行状态信息，方便远程监视。

        由于数据的更新只存在于机器本地，本地进程如何与服务器进行数据传输是个问题，目前为止网上常见的方法主要是CGI和SET COOKIE.

CGI

        CGI，千禧年左右流行的一种方式，知网上搜索的论文也几乎是00年代左右的，虽然很古老，但是对于有限客户端的访问还是一种不错有用的方法（廉颇老矣，尚能饭！），其使用流程是，在客户端访问的html里添加表单动作（form action=“xxx.cgi”），指明当提交（submit）表单后调用执行xxx.cgi程序，该程序可用python、Perl、C/C++等语言完成，内容是通过getenv("QUERY_STRING")或读取标准输入来（前者GET方式后者POST方式）解析html传输的数据，然后在该CGI里通过printf方式逐行打印出一个要显示的页面内容作为输出，从而浏览器上显示的内容也随着更新。

        但若是一个页面有上千行，那么就不适用了。

SET COOKIE

流程大致类同于CGI，下面提供一个简单的代码例子。

index.html

<html>
 <head>
 <title>获取CGI数据</title>
 </head>
 <body>
  <form action="cgi-bin/getdata.cgi" method="get">
     <input type="submit" value="获取CGI中的数据 &rarr;">
  </form>
 </body>
</html>

getdata.c(交叉编译成后缀为cgi的文件)

#include <stdio.h>
#include "cgic.h"
#include <string.h>
#include <stdlib.h>
int cgiMain() 
{  

	printf("Set-Cookie: %s=%s;  path=/\r\n","Data","abcd");
	//设置一个名为Data数据为"abcd"的Cookie
	printf("Content-type:text/html;charset=utf-8\n\n");//cgiHeaderContentType("text/html");
	printf("<HTML><BODY>\n");
	printf("<HEAD>\n");
	printf("<meta http-equiv=\"Refresh\" content=\"0; URL=../showCookie.html\">\n");   
	//设置跳转到当前目录下的showCookie.html页面
	printf("<TITLE>Cookie</TITLE>\n");
	printf("</HEAD>\n");
	printf("</BODY>\n");
	printf("</HTML>\n");

	return 0;
}

showCookie.html

<html>
 <head>
<script type="text/javascript" >
function getCookie(c_name)
{
    if (document.cookie.length>0)
    {
         c_start=document.cookie.indexOf(c_name + "=")
         if (c_start!=-1)
         { 
            c_start=c_start + c_name.length+1 
            c_end=document.cookie.indexOf(";",c_start)
         if (c_end==-1) c_end=document.cookie.length
         return unescape(document.cookie.substring(c_start,c_end))
        } 
    }
return ""
}
</script>
 <title>显示Cookie数据</title>
 </head>
<body>
  <form >
    显示Cookie中的数据： Data=
    <input name="lignt_now" type="text" id="data_text"  />
  </form>
<script type="text/javascript" >
    bang_text= document.getElementById('data_text');            
    bang_text.value =getCookie('Data')
</script>
</body>
</html>

通过cgi文件中设置cookie，并安排关键词为‘Data’的值为“abcd”,在跳转到的showCookie.html中，通过getCookie('Data')获取得到“abcd”并将其显示到界面上，达到更新的目的。

        但如果浏览器禁用了cookie功能（比如不想让浏览器记录用户名密码等情况），该方法就失效了。

        上述两种方法都利用到了cgi及printf，优缺点均有，酌情使用。

        下面主要描述下第三种方法。

SED

        比较了解Linux的同学应该知道，sed其实是Linux下的一个命令，用来修改文本文件行内容的。没错，这种方法就是不使用以上的cgi和printf方法，而是简单粗暴的替换html某行内容来实现网页内容的更新，比如修改第23行内容，则只需执行sed -i '23c hello world' index.html即可。

        但也有缺点，比如浏览器必须禁用cookie这些功能，防止页面刷新不了，再比如需要手动刷新页面才能显示最新的页面内容。

        说个小插曲，当浏览器设置禁用cookie后，通过扫描二维码的方式登录CSDN，会发生二维码失效的事件（手机提示登录成功，浏览器页面显示二维码失效），取消禁用后再次扫描正常。

DIANZI520SUA
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
一种嵌入式Web服务器的设计方案
01-19
　嵌入式Web服务器（Embedded Web Server,EWS）是指将Web服务器嵌入到现场测试和控制设备中，在相应的硬件平台和软件系统的支持下，使传统的测试和控制设备转变为具备了以TCP/IP为底层通信协议，Web技术为的基于...
利用mtd工具实现嵌入式设备在线升级
EIP的专栏
03-12 5517
主要思路是:通过web post方式将升级文件交给CGI程序处理,然后通过mtd工具实现设备在线升级. 1.页面部分 update.cgi"> 选择升级文件:     这部分主要是将待升级的文件上传给服务器(交给update.cgi)处理. 注意表单form属性: 1必需的 action 属性规定当提交表单时，向何处发送表单数据。 2 enctype属性规定在发
STM32 网页服务器 LWIP websever ajax实时刷新 （一）
sl18383334062的博客
01-19 2953
STM32F407 LWIP 网络TCPIP/websever 通讯 ajax实时刷新 简单介绍（一） 本项目主要功能是作为通讯板控制使用，主要有UDP、TCP、websever（网页服务器）和RS485等通讯功能。在使用的过程中能同时支持UDP、TCP、Websever网页访问，并且网页是实时刷新数据。这里的网页是直接嵌入到stm32单片机中，通过浏览器输入IP地址就能连上单片机的网页。本次项目会贴入源代码和PCB。本次项目包含PCB设计，单片机代码，网页HTML等等。 本章节主要是一些基本介绍。后续设计
手把手教你在开发板中搭建一个嵌入式web服务器
strongerHuang
07-30 1652
关注+星标公众号，不错过精彩内容转自 | 嵌入式大杂烩本文手把手教大家在10分钟内使用开发板搭建一个web服务器。文章《常见的嵌入式web服务器有哪些？》中分享了几种可以在嵌入式中使用的w...
嵌入式 webserver 搭建
what, when, why, how...
05-12 1967
BOA 2.编译安装boa 2.1 下载解压boa-0.94.13.tar.gz(www.boa.org) 2.2 在src 目录下运行./configure 2.3 修改Makefile CC = arm-linux-gcc CPP = arm-linux-gcc–E 2.4 将boa.c 文件中以下几行判断去掉 if ( setuid ( 0 ) != - 1 ) { DIE ( “ick...
嵌入式web server中的一种强制主页跳转captive portal实现方法
31253的博客
05-17 1489
以下代码的主要目的为：当客户端输入任何网站时，返回的是web server中固定的页面，类似于登陆认证页面等，主要技术可以通俗的理解为DNS软劫持captive portal，本文中的代码基于FreeRTOS系统的ESP32芯片实现，可以支持标准TCP/IP协议栈以及轻量级LWIP库，也可以方便的移植到其他平台上
搭建Web服务的嵌入式Web Server
07-26
提出了一种新的搭建嵌入式Web Server的思路：将Web Server从嵌入式设备中搬运到运算能力更强的PC上，通过PHP+HTML实现服务器功能，而嵌入式设备通过Web请求与服务器互通信息。
嵌入式系统/ARM技术中的一种用VHDL设计嵌入式Web Server的方案
12-10
本文介绍一种基于硬件来实现嵌入式Web Server的方案。该方案的核心思想是用VHDL语言来设计实现，并且用FPGA进行验证。 关键词：VHDL Internet协议 控制信息协议 数据报最近几年随着Internet应用的迅猛发展，Internet...
一种用VHDL设计嵌入式Web Server的方案
08-31
近几年嵌入式Internet开始迅猛发展，但绝大多数嵌入式Internet都使用微控制器和相应的软件来实现...本文介绍一种基于硬件来实现嵌入式Web Server的方案。该方案的核心思想是用VHDL语言来设计实现，并且用FPGA进行验证。
基于LwIP的嵌入式网络总线与web server的调度实现
01-13
提出了一种适用于该产品的基于STM32单片机的资源调度系统，首先对LwIP开源代码进行了改进，针对TCP和HTTP的资源，分别对以太网接收数据、发送数据两个进程进行合理调度，并构建了以STM32单片机为核心的硬件控制系统...
html--魔方
最新发布
stqer的博客
05-05 734
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> :root { --cube-size: 50vmin; --side-size: calc(var(--cube-size) /
用html画一个四叶草
liulang68的博客
04-20 2333
以上是部分代码，需要请看主页加联系方式。
在HTML中使用JavaScript实时显示当前日期和时间（结尾完整例程）
weixin_67244432的博客
04-29 760
在Web开发中，经常需要在网页上显示当前的日期和时间。HTML本身并不具备这样的动态功能，但我们可以借助JavaScript来实现。JavaScript是一种常用的前端脚本语言，它可以轻松地获取系统时间，并将其插入到HTML元素中。现在，当您打开这个HTML页面时，它将实时显示当前的日期和时间，并且每秒都会自动更新。的JavaScript文件，并编写用于获取和格式化当前日期时间的函数。首先，我们创建一个HTML文件，并在其中添加一个用于显示日期和时间的。函数，以便实时更新显示的日期时间。
useLayoutEffect 和useEffect区别
study_way的博客
04-30 734
但是在不写第二个参数的情况下，副作用函数会在每次组件更新时都被调用，这可能会导致性能问题或者不必要的副作用执行。因此，尽量在副作用函数中避免执行昂贵的操作，或者在适当的情况下通过传递依赖项来控制副作用的执行时机。中不写第二个参数时，意味着副作用函数会在每次组件渲染后都被调用，包括组件的初始渲染和每次更新。都是 React 提供的副作用钩子，用于处理组件中的副作用逻辑，平时使用较多的钩子函数。本身并不直接实现异步操作，它是 React 提供的副作用钩子，用于处理组件中的副作用逻辑。的回调函数中执行异步操作。
HTML_CSS学习：背景、鼠标相关属性
m0_74972727的博客
05-03 260
【代码】HTML_CSS学习：背景相关属性。
使用html画一个键盘
liulang68的博客
04-22 3944
【代码】使用html画一个键盘。
新手向：HTML进阶
ma_no_lo的博客
04-28 794
标签：dl 嵌套 dt 和 dd，dl 是定义列表，dt 是定义列表的标题，dd 是定义列表的描述 / 详情。
html如何实现按钮跳转，以及访问随机跳转
weixin_42759398的博客
04-29 503
html如何实现按钮跳转，以及访问随机跳转。需求看似很冷门，实际上这个对应我上一篇文章。
HTML_CSS学习：常用的字符属性
m0_74972727的博客
05-01 465
【代码】HTML_CSS学习：常用的字符属性。
问题一：什么是套接字？ 问题二：编写程序，使用多线程来实现嵌入式系统的WEb服务器
06-03
问题一：套接字（Socket）是一种通信机制，用于在计算机网络中进行进程间通信或不同计算机之间的数据传输。它是一种抽象的概念，表示网络通信中的一个端点，包括IP地址和端口号。 问题二：以下是使用多线程实现嵌入式系统的Web服务器的示例代码： ```c #include <stdio.h> #include <stdlib.h> #include <string.h> #include <sys/socket.h> #include <arpa/inet.h> #include <pthread.h> #define MAX_CLIENTS 10 #define BUFFER_SIZE 1024 void *handle_client(void *arg); int main(int argc, char *argv[]) { int server_socket, client_socket, addr_size; struct sockaddr_in server_addr, client_addr; pthread_t threads[MAX_CLIENTS]; // 创建服务器套接字 if ((server_socket = socket(AF_INET, SOCK_STREAM, 0)) == -1) { perror("Error creating server socket"); exit(EXIT_FAILURE); } // 初始化服务器地址结构体 memset(&server_addr, 0, sizeof(server_addr)); server_addr.sin_family = AF_INET; server_addr.sin_addr.s_addr = htonl(INADDR_ANY); server_addr.sin_port = htons(8080); // 绑定套接字到地址和端口 if (bind(server_socket, (struct sockaddr *) &server_addr, sizeof(server_addr)) == -1) { perror("Error binding server socket"); exit(EXIT_FAILURE); } // 开始监听客户端连接请求 if (listen(server_socket, MAX_CLIENTS) == -1) { perror("Error listening for client connections"); exit(EXIT_FAILURE); } printf("Server is running on port %d...\n", ntohs(server_addr.sin_port)); while (1) { addr_size = sizeof(client_addr); // 接受客户端连接请求 if ((client_socket = accept(server_socket, (struct sockaddr *) &client_addr, &addr_size)) == -1) { perror("Error accepting client connection"); continue; } printf("Client connected: %s:%d\n", inet_ntoa(client_addr.sin_addr), ntohs(client_addr.sin_port)); // 创建新线程处理客户端请求 pthread_create(&threads[MAX_CLIENTS], NULL, handle_client, (void *) &client_socket); } return 0; } void *handle_client(void *arg) { int client_socket = *(int *) arg; char buffer[BUFFER_SIZE]; ssize_t size; // 接收客户端请求 if ((size = recv(client_socket, buffer, BUFFER_SIZE, 0)) == -1) { perror("Error receiving client request"); close(client_socket); return NULL; } printf("Received client request: %s\n", buffer); // 响应客户端请求 char *response = "HTTP/1.1 200 OK\r\nContent-Type: text/html\r\n\r\n<html><head><title>Hello World</title></head><body><h1>Hello World!</h1></body></html>\r\n"; if (send(client_socket, response, strlen(response), 0) == -1) { perror("Error sending server response"); } close(client_socket); return NULL; } ``` 该示例代码使用多线程来处理每个客户端请求，每当有一个客户端连接时，就会创建一个新的线程来处理该客户端请求。该服务器可以同时处理多个客户端请求，但由于嵌入式系统的性能限制，同时处理的客户端数量应该有限制。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值