查看“Microduino ENC网络（五）/zh”的源代码

{| style="width: 800px;"
|-
|
==目的==
本教程将教大家如何让你的Microduino变成一个服务器，使你能够在你家的网络里用浏览器访问它。

==设备==
*'''[[Microduino-Core]]'''
*'''[[Microduino-FT232R]]'''
*'''[[Microduino-ENC28J60]]'''
*'''[[Microduino-RJ45]]'''

*其他硬件设备
**USB数据连接线   一根 

==万维网（World Wide Web）==

在所有的网络服务中，最常用的肯定是web服务：每次你上网冲浪，你使用程序（称为浏览器）使用HTTP协议，连接到web服务器，获取内容（网页、图片、视频...）并显示在屏幕上。

网页是由一个名为HTML的标记语言组成。这种语言使用标签来描述网页内容。

在网络上使用HTTP协议与Microduino沟通的主要优点是：

*你不需要开发专有的客户端，可以使用常见的浏览器（如IE、firefox..）。
*HTTP协议是文本的，你可以用Microduino的字符串函数轻松的管理它。
*HTML语言也是文本的，你可以用Microduino轻松的创建页面，哪怕是动态的。

==原理图==

*Microduino-ENC28J60
*Microduino-RJ45
*Microduino-Core
*Microduino-FT232R
层层堆叠，再插上网线。

如下图所示：

[[File:MicroduinoENCShow.jpg|600px|center|thumb]]


==程序==

见 ENCnetworkfive


==调试==

步骤一：首先需要下载EtherCard库：https://github.com/jcw/ethercard

放到你的IDE的libraries文件夹中，重启IDE。

步骤二：解释一下代码：

我们将编写一个简单的程序，它会在串口打印浏览器的请求，并通过一个简单的HTML页面进行响应。这个程序让你了解如何使用HTTP功能，并从请求中找到一个浏览器发出的信息（在今后的教程中，你将学习如何使用这些信息）。

重要代码解释：

//在循环（loop）中，我用一个变量保存packetLoop()方法的返回值：这个值是浏览器请求开始的位置（在buffer中）。

　　word len = ether.packetReceive();
　　
    word pos = ether.packetLoop(len);

//如果这个位置大于零，说明我收到了一个请求，通过串口把这个请求打印出来（开始位置在(char *)Ethernet::buffer + pos）。

      if(pos) {

        Serial.println("---------- NEW PACKET ----------");

        Serial.println((char *)Ethernet::buffer + pos);

        Serial.println("--------------------------------");

        Serial.println();

//我们使用BufferFiller对象来存储对客户端浏览器的响应（应答）。这个对象继承打印类（Print class）。它的构造函数表明从以太网缓冲区（Ether::buffer）的这个地址（tcpOffset）开始存储响应。

      BufferFiller bfill = ether.tcpOffset();

//我们用emit_p()方法将数据保存在缓冲区中：在这个例子中，我创建了一个简单的HTML页面，显示BasicServer Demo文本，为了节省RAM空间，我用PSTR（）宏将字符串存储在flash空间中。

    bfill.emit_p(PSTR("HTTP/1.0 200 OK\r\nContent-Type: text/html\r\nPragma: no-cache\r\n\r\n"
                      "html code here........."));

//最后httpServerReply()方法，将响应发送到客户端浏览器。这个方法需要一个参数（有多少个字符需要发送），我们使用position()方法，获得BufferFiller包含有多少个字符。

      ether.httpServerReply(bfill.position());


步骤三：下载代码并编译通过。

步骤四：通过串口检查你的ip地址是否正确。在浏览器上输入Microduino对应的IP地址...

==结果==

结果应该如下图所示：

[[File:basicServerDemo.jpg|600px|center|thumb]]

串口切图应该如下图所示：

[[File:basicServerSerialCutImage.jpg|600px|center|thumb]]

你可能会问，为什么浏览器发送2个请求：一个请求是“/”就是该网站的主页，一个是“/favicon.ico”，他是一些网站的特殊图标，显示在标签页上，如yeelink站点：
[[File:yeelinkfavicon.jpg|600px|center|thumb]]



==视频==


|}