arduino服务器搭建web
① 如何使用arino提取网页中的图片并显示在自己的网页上
使用arino提取网页中的图片并显示在自己的网页上的方法：
1、设置screen.image(image, xPos, yPos);的参数：
image : a named instance of PImage.
xPos : int, location on the x-axis to start drawing
yPos : int, location on the y-axis to start drawing
2、举例说明：
PImage logo;
void setup() {
// initialize the screen
EsploraTFT.begin();
// initialize the SD card
SD.begin(SD_CS);
// set the background the black
EsploraTFT.background(0, 0, 0);
// load the image into the named instance of PImage
logo = EsploraTFT.loadImage("arino.bmp");
// if it is a valid image file, turn the Esplora's LED green
if (logo.isValid()) {
Esplora.writeGreen(255);
}
else{
// if it is not valid, turn the LED red
Esplora.writeRed(255);
}
// draw the image on the screen starting at the top left corner
EsploraTFT.image(logo, 0, 0);
}
void loop() {
//循环处理另一个网页上的图片，存放到本网页的固定位置
}
② Arino 能不能发送一个 get 或 post 请求到某个 web 服务器
方法一：使用Arino配合W5100等SPI网卡模块，通过TCP，根据http协议格式，用字符串的方式进发送
方法二：使用Arino连接TCP串口透传模块，通过串口或软串口，一样根据http协议格式，用字符串的方式进发送 另外一些个人经验供参考：
1. 在发送前最好用TCP调试助手等工具对发送的字符串进行确认一次（可以用电脑想服务器端发送，以及Arino向本机发送各测试一次）
2. 由于网卡的缓冲区(Buffer)有限，且单片机的处理速度不高，因此尽量不要访问可能返回大量数据的WEB服务器，否则可能发生Buffer满的问题。
③ 我想问一下Arino esp32-cam的websever app_httpd. cpp的那一
摘要 WebServer简单点理解就是网页服务器，主要干的活就是用户访问链接的时候执行相应的动作，对于开发来说主要处理的就是注册链接并编写用户访问该链接时需要执行的操作。
④ 如何用arino构建一个基于zigbee的网络
这里我们使用Arino Ethernet建立一个简单网页服务器，当Arino服务器接收到浏览器访问请求时，即会发送响应消息，浏览器接收到响应消息，会将其中包含的HTML文本转换为网页显示出来。
这样就可以将传感器获取到的信息显示到网页上，每个在该网络范围内的计算机或其他移动设备，无论什么平台都可以通过网页浏览器了解到各传感器的数据。
[C++] 纯文本查看 复制代码
/*
OpenJumper WebServer Example
建立一个显示传感器信息的Arino服务器
[url=http://www.openjumper.com/]http://www.openjumper.com/[/url]
[url=http://x.openjumper.com/ethernet/]http://x.openjumper.com/ethernet/[/url]
*/
#include <SPI.h>
#include <Ethernet.h>
// 设定MAC地址、IP地址
// IP地址需要参考你的本地网络设置
byte mac[] = {
0xDE, 0xAD, 0xBE, 0xEF, 0xFE, 0xED };
IPAddress ip(192,168,1,177);
// 初始化Ethernet库
// HTTP默认端口为80
EthernetServer server(80);
void setup() {
// 初始化串口通信
Serial.begin(9600);
// 开始ethernet连接，并作为服务器初始化
Ethernet.begin(mac, ip);
server.begin();
Serial.print("server is at ");
Serial.println(Ethernet.localIP());
}
void loop() {
// 监听客户端传来的数据
EthernetClient client = server.available();
if (client) {
Serial.println("new client");
// 一个Http请求结尾必须带有回车换行
boolean currentLineIsBlank = true;
while (client.connected()) {
if (client.available()) {
char c = client.read();
Serial.write(c);
// 如果收到空白行，说明http请求结束，并发送响应消息
if (c == '\n' && currentLineIsBlank) {
// 发送标准的HTTP响应
client.println("HTTP/1.1 200 OK");
client.println("Content-Type: text/html");
client.println("Connection: close");
client.println();
client.println("<!DOCTYPE HTML>");
client.println("<html>");
// 添加一个meta刷新标签, 浏览器会每5秒刷新一次
// 如果此处刷新频率设置过高，可能会出现网页的卡死的状况
client.println("<meta http-equiv=\"refresh\" content=\"5\">");
// 输出每个模拟口读到的值
for (int analogChannel = 0; analogChannel < 6; analogChannel++) {
int sensorReading = analogRead(analogChannel);
client.print("analog input ");
client.print(analogChannel);
client.print(" is ");
client.print(sensorReading);
client.println("<br />");
}
client.println("</html>");
break;
}
if (c == '\n') {
// 已经开始一个新行
currentLineIsBlank = true;
}
else if (c != '\r') {
// 在当前行已经得到一个字符
currentLineIsBlank = false;
}
}
}
// 等待浏览器接收数据
delay(1);
// 断开连接
client.stop();
Serial.println("client disonnected");
}
}
下载程序后，通过浏览器，访问Arino Ethernet所在的IP地址（如程序中设定的IP地址为192.168.1.177），即可看到如图10-11对应的网页了。
在网页中显示了A0至A5所读出的模拟值，你也可以通过修改以上程序，显示其他类型的数据。
以上程序修改自Arino IDE自带的Web Server例程，它是通过不断刷新网页来获取Arino反馈来完成的。实际上，在当今web开发上，我们几乎都是通过ajax不刷新网页，来与服务器通信的。这里我写了一个ajax+arino web server的示例。
程序二
要制作这个项目，首先我们需要准备一个
该网页HTML部分如下：
[HTML] 纯文本查看 复制代码
<!--例程网页控制Arino -->
<!--奈何col 2014.12.24 v3.0 -->
<!--学了半小时js，求别吐槽 -->
<html>
<head>
<meta charset="UTF-8">
<title>OpenJumper!Arino Web Server</title>
<script type="text/javascript">
function send2arino(){
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
element=document.getElementById("light");
if (element.innerHTML.match("Turn on"))
{
element.innerHTML="Turn off";
xmlhttp.open("GET","?on",true);
}
else
{
element.innerHTML="Turn on";
xmlhttp.open("GET","?off",true);
}
xmlhttp.send();
}
function getBrightness(){
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("brightness").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","?getBrightness",true);
xmlhttp.send();
}
window.setInterval(getBrightness,5000);
</script>
</head>
<body>
<div align="center">
<h1>Arino Web Server</h1>
<div>brightness:</div>
<div id="brightness">??</div>
<button id="light" type="button">Turn on</button>
<button type="button">About</button>
</div>
</body>
</html>
在该网页中，第一个id为light的button标签，用于控制开关灯。点击后，会调用send2arino()函数，浏览器会以AJAX的方式向Arino服务器发送含有"?on"或"?off"的GET请求。Arino服务器通过判断请求中的内容，做出开关灯动作。
而getBrightness()函数通过一个定时操作，每秒钟运行一次，每次都以AJAX的方式向Arino服务器发送含有"?getBrightness"的GET请求，Arino接收到该请求后，就会读取传感器数据并返回给浏览器。同时getBrightness()函数会将id为brightness的div标签中的内容更新为返回的数据。
此外我们将A0引脚连接光敏模块，用于采集室内光线；D2引脚连接LED模块。
示例程序代码如下：
[C++] 纯文本查看 复制代码
/*
OpenJumper WebServer Example
[url=http://www.openjumper.com/ethernet/]http://www.openjumper.com/ethernet/[/url]
显示室内照度+开关灯控制
通过手机、平板、计算机等设备访问
Arino Server，就看到当前室内光线照度
在A0引脚连接光敏模块，用于采集室内光线；在2号引脚连接LED模块。
奈何col 2014.12.25
*/
#include <SPI.h>
#include <Ethernet.h>
byte mac[] = { 0xDE, 0xAD, 0xBE, 0xEF, 0xFE, 0xED };
IPAddress ip(192,168,1,177);
EthernetServer server(80);
EthernetClient client;
String readString="";
int Light=2;
int Sensor=A0;
void setup() {
Serial.begin(9600);
//初始化Ethernet通信
Ethernet.begin(mac, ip);
server.begin();
pinMode(Light,OUTPUT);
Serial.print("Server is at ");
Serial.println(Ethernet.localIP());
}
void loop() {
// 监听连入的客户端
client = server.available();
if (client) {
Serial.println("new client");
boolean currentLineIsBlank = false;
while (client.connected()) {
if (client.available()) {
char c = client.read();
readString += c;
if (c == '\n') {
Serial.println(readString);
//检查收到的信息中是否有”on”，有则开灯
if(readString.indexOf("?on") >0) {
digitalWrite(Light, HIGH);
Serial.println("Led On");
break;
}
//检查收到的信息中是否有”off”，有则关灯
if(readString.indexOf("?off") >0) {
digitalWrite(Light, LOW);
Serial.println("Led Off");
break;
}
//检查收到的信息中是否有”getBrightness”，有则读取光敏模拟值，并返回给浏览器
if(readString.indexOf("?getBrightness") >0) {
client.println(analogRead(Sensor));
break;
}
//发送HTML文本
SendHTML();
break;
}
}
}
delay(1);
client.stop();
Serial.println("client disonnected");
readString="";
}
}
// 用于输出HTML文本的函数
void SendHTML()
{
client.println("HTTP/1.1 200 OK");
client.println("Content-Type: text/html");
client.println("Connection: close");
client.println();
client.println("<!DOCTYPE HTML>");
client.println("<html><head><meta charset=\"UTF-8\"><title>OpenJumper!Arino Web Server</title><script type=\"text/javascript\">");
client.println("function send2arino(){var xmlhttp;if (window.XMLHttpRequest)xmlhttp=new XMLHttpRequest();else xmlhttp=new ActiveXObject(\"Microsoft.XMLHTTP\");element=document.getElementById(\"light\");if (element.innerHTML.match(\"Turn on\")){element.innerHTML=\"Turn off\"; xmlhttp.open(\"GET\",\"?on\",true);}else{ element.innerHTML=\"Turn on\";xmlhttp.open(\"GET\",\"?off\",true); }xmlhttp.send();}");
client.println("function getBrightness(){var xmlhttp;if (window.XMLHttpRequest)xmlhttp=new XMLHttpRequest();else xmlhttp=new ActiveXObject(\"Microsoft.XMLHTTP\");xmlhttp.onreadystatechange=function(){if (xmlhttp.readyState==4 && xmlhttp.status==200)document.getElementById(\"brightness\").innerHTML=xmlhttp.responseText;};xmlhttp.open(\"GET\",\"?getBrightness\",true); xmlhttp.send();}window.setInterval(getBrightness,1000);</script>");
client.println("</head><body><div align=\"center\"><h1>Arino Web Server</h1><div>brightness:</div><div id=\"brightness\">");
client.println(analogRead(Sensor));
client.println("</div><button id=\"light\" type=\"button\" onclick=\"send2arino()\">Turn on</button><button type=\"button\" onclick=\"alert('OpenJumper Web Server')\">About</button></div></body></html>");
}
下载程序，并将你的Arino接入到局域网中。现在你就可以通过浏览器访问你的Arino了。页面的中的亮度数据，每秒回更新一次，还可以通过“Turn on”、“Turn off”按钮控制LED的开关。
需要注意的是Arino本身的存储空间有限，存放和输出网页信息会消耗掉很多空间，因此在以上示例程序中，尽量将client.println()输出的文本行数减少，可以节省一定的存储空间。
在Arino Ethernet控制器及扩展板上通常都带有SD卡槽，也可以尝试将网页数据放置在SD卡上，然后分段读取，并通过Ethernet输出，从而达到节省存储空间的目的。
⑤ web服务器怎么建立
设置一下iis,(IIS全称为Internet Information Services，中文名字为互联网信息服务。)把一个html文件放到对应的路径下用ip打开就行了！
1.点击“Windows”键进入“开始”菜单，点击“所有应用”，在所有应用菜单里点击“Windows系统”里的“控制面板”
2.在控制面板对话框里点击“程序”
3.在程序面板里面点击“启用或关闭windows功能”
4.在“Windows功能”对话框里选中“Internet Information Services”，在Internet Information Services功能展开选择框里根据你的需要选择你需要的功能就行了，比如我不知道需要哪些功能所以全部选中反正不会出错就好了，只要选中这些功能就行了。并点击“确定”按钮。
5.Windows功能开始下载并安装你要的功能的程序，直到出现“Windows已完成请求的更改”，点击重启电脑
6.打开浏览器输入localhost能打开，就说明安装成功。
然后，安装成功后我还是一脸懵逼。这他妈在哪里放文件！
不急！
7.接下来我们要打开IIS管理器。桌面上右键点击此电脑，管理。即可进入计算机管理（我是window10 所以我一般需要找什么直接在左下角的搜索框里输入就行！简单省事！）在服务和应用程序里有IIS管理器，点击 进入IIS管理器。
8.我们可以看到中间部分有很多图标，找到ASP，点击。
9.这一步是配置asp应用程序，找到启用父路径，选为True。
10.到这里IIS环境已经搭建好了，在浏览器里输入localhost就可以看到iis的主页了。想要添加网站程序可以点右侧的高级设置，将物理路径改成你的网站程序就能访问了。
11.记得在电脑上打开的ip只能在电脑上看！如果要用手机看！要在同一个局域网下！并且是cmd里面用ipconfig查询的ip才能访问！
⑥ 如何使用Arino和SIM900A GPRS / GSM模块将数据发送到Web服务器
在路由器上做端口映射。TP-LINK之类的家用路由器上好像有"转发规则"---“虚拟服务器”的下拉菜单。里面设置一下，将你的SIM900A所在的私有地址映射成公网IP。
⑦ web服务器怎么搭建
1、首先在控制面板中打开“管理工具”，打开“Internet信息服务（IIS）管理器”；
2、点击我们的服务器，展开，然后右键点击“应用程序池”，选择“添加应用程序池”打开；
3、在弹出的对话框中填写好应用程序池的名称、.net版本、托管管道模式选择“集成”，选好了之后点击确定；
4、添加好了应用程序池之后，我们右击这个应用程序池，选择“高级设置”；
5、在弹出的对话框中，常规一栏中，在“启动32位应用程序”处选择“True”，然后点击确定，这样应用程序池就ok了；
6、然后我们右击“网站”，选择“添加网站”；
7、在弹出的对话框中，我们填入网站的名称，应用程序池处就选择刚才我们新建的那个应用程序池，然后选择物理路径，再把ip地址和的端口填上，主机名处我们填上域名，如果没有就可以不填；
8、填写完成之后，我们就点击“确定
⑧ Arino 能不能发送一个 get 或 post 请求到某个 web 服务器
可以，有两种方法供参考：
方法一：使用Arino配合W5100等SPI网卡模块，通过TCP，根据http协议格式，用字符串的方式进发送
方法二：使用Arino连接TCP串口透传模块，通过串口或软串口，一样根据http协议格式，用字符串的方式进发送
另外一些个人经验供参考：
1. 在发送前最好用TCP调试助手等工具对发送的字符串进行确认一次（可以用电脑想服务器端发送，以及Arino向本机发送各测试一次）
2. 由于网卡的缓冲区(Buffer)有限，且单片机的处理速度不高，因此尽量不要访问可能返回大量数据的WEB服务器，否则可能发生Buffer满的问题。