#include <ESP8266WiFi.h>

/*** 该工程可以在2.4.0版本esp8266库中运行，没在更高版本库中进行测试 ***/

const char *ssid = "HUAWEI-H3VBKZ";

const char *password = "13991320168";

WiFiServer server(80);

String readString = ""; //建立一个字符串对象用来接收存放来自客户的数据

//响应头

String responseHeaders =

    String("") +

    "HTTP/1.1 200 OK\r\n" +

    "Content-Type: text/html\r\n" +

    "Connection: close\r\n" +

    "\r\n";

//网页

String myhtmlPage=

    String("") +

    "<html>" +

    "<head>" +

    "<meta charset=\"utf-8\">"+

    "    <title>ESP8266 配置信息</title>" +

    "    <script defer=\"defer\">" +

    "        function ledSwitch() {" +

    "            var name = document.getElementById(\"wifiname\").value;"+

    "            var psw = document.getElementById(\"wifipwd\").value;"+

    "            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(\"txtState\").innerHTML = xmlhttp.responseText;" +

    "                }" +

    "            }," +

    "            xmlhttp.open(\"GET\", \"Switch\"+name+psw, true);" +

    "            xmlhttp.send(); " +

    "        }" +

    "    </script>" +

    "</head>" +

     "<body>" 

    "<h3>连接WIFI:</h3>"+

    "<form action=\"\"> "+

    "WIFI账号: <input type=\"text\" id=\"wifiname\"  />"+

    "</form>"+

    "<form action=\"\"> "+

    "WIFI密码: <input type=\"text\" id=\"wifipwd\"   />"+

    "</form>"+

    "<button type=\"button\" onclick=\"ledSwitch()\"> 连接 </button>"+

    "<p>状态消息: <span id=\"txtState\"></span></p> "+

    "</body>" +

    "</html>";

bool isLedTurnOpen = false; // 记录LED状态

void setup()

{

    pinMode(D4, OUTPUT);

    digitalWrite(D4, HIGH); // 熄灭LED

    Serial.begin(115200);

    Serial.println();

    Serial.printf("Connecting to %s ", ssid);

    WiFi.begin(ssid, password);

    while (WiFi.status() != WL_CONNECTED)

    {

        delay(500);

        Serial.print(".");

    }

    Serial.println(" connected");

    server.begin();

    Serial.printf("Web server started, open %s in a web browser\n", WiFi.localIP().toString().c_str());

}

void loop()

{

    WiFiClient client = server.available(); //尝试建立客户对象

    if (client)                             //如果当前有客户可用

    {

        boolean currentLineIsBlank = true;

        Serial.println("[Client connected]");

        while (client.connected()) //如果客户端建立连接

        {

            if (client.available()) //等待有可读数据

            {

                char c = client.read(); //读取一字节数据

                readString += c;        //拼接数据

                /************************************************/

                if (c == '\n' && currentLineIsBlank) //等待请求头接收完成(接收到空行)

                {

                    //比较接收到的请求数据

                    if (readString.startsWith("GET / HTTP/1.1")) //如果是网页请求

                    {

                        client.print(responseHeaders); //向客户端输出网页响应

                        client.print(myhtmlPage);      //向客户端输出网页内容

                        client.print("\r\n");

                    }

                    else if (readString.startsWith("GET /Switch")) //如果是改变LED状态请求

                    {

                        if (isLedTurnOpen == false)

                        {

                            digitalWrite(D4, LOW); // 点亮LED

                            client.print("LED has been turn on");

                            isLedTurnOpen = true;

                        }

                        else

                        {

                            digitalWrite(D4, HIGH); // 熄灭LED

                            client.print("LED has been turn off");

                            isLedTurnOpen = false;

                        }

                    }

                    else

                    {

                        client.print("\r\n");

                    }

                    break;

                }

                if (c == '\n')

                {

                    currentLineIsBlank = true; //开始新行

                }

                else if (c != '\r')

                {

                    currentLineIsBlank = false; //正在接收某行中

                }

                /************************************************/

            }

        }

        delay(1);      //等待客户完成接收

        client.stop(); //结束当前连接:

        Serial.println("[Client disconnected]");

        Serial.println(readString); //打印输出来自客户的数据

        readString = "";

    }

}

　　

WiFi-ESP8266入门http(1)-建立服务器，直接发送网的更多相关文章

  1. 7-STM32物联网开发WIFI(ESP8266)+GPRS(Air202)系统方案升级篇(TCP实现HTTP访问下载文件,明白底层如何实现的,地基稳才踏实)

    看了好多文章.....唉,还是自己亲自动手用网络监控软件测试吧 先看这个节安装WEB服务器.....安装好以后就可以用HTTP访问电脑文件了 6-STM32物联网开发WIFI(ESP8266)+GPR ...

  2. 【SSRS】入门篇(二) -- 建立数据源

    原文:[SSRS]入门篇(二) -- 建立数据源 通过 [SSRS]入门篇(一) -- 创建SSRS项目 这篇,我们建立了一个SSRS项目: 接下来,我们以 AdventureWorks2012 示例 ...

  3. 4-STM32物联网开发WIFI(ESP8266)+GPRS(Air202)系统方案安全篇(为域名申请SSl证书)

    3-STM32物联网开发WIFI(ESP8266)+GPRS(Air202)系统方案安全篇(购买域名,域名绑定IP) 然后就是等着..... 假设可以了 咱呢是配置MQTT实现SSL安全加密通信,所以 ...

  4. 3-STM32物联网开发WIFI(ESP8266)+GPRS(Air202)系统方案安全篇(购买域名,域名绑定IP)

    2-STM32物联网开发WIFI(ESP8266)+GPRS(Air202)系统方案安全篇(监听Wi-Fi和APP的数据) 因为安全连接是和域名绑在一块的,所以需要申请域名 有没有不知道域名是什么的, ...

  5. 4-STM32物联网开发WIFI(ESP8266)+GPRS(Air202)系统方案数据篇(云端电脑(Windows)安装配置数据库,使用本地Navicat for MySQL和手机APP 远程连接测试)

    3-STM32物联网开发WIFI(ESP8266)+GPRS(Air202)系统方案数据篇(安装配置数据库,使用Navicat for MySQL和手机APP 连接测试) 根据前面的教程把软件复制到云 ...

  6. 1-STM32物联网开发WIFI(ESP8266)+GPRS(Air202)系统方案升级篇(方案总揽)

    我的这个升级篇的代码适用于自己所有的带WIFI和GPRS模块的开发板,升级功能实质上是通过MQTT把数据发给WIFI和GPRS模块,然后模块进行保存和运行. 这个升级程序是当时自己花了两个星期的时间写 ...

  7. ESP8266 station模式下建立client、server TCP连接

    程序实现内容: 1.在station模式下,ESP8266作为client.server进行TCP连接2.实现数据的发送.接收(同时回传)实现思路:TCP网络通信分层为:应用层.网络层.数据链路层.物 ...

  8. ESP8266入门学习笔记1：资料获取

    乐鑫官网:https://www.espressif.com/zh-hans/products/hardware/esp8266ex/overview 乐鑫资料:https://www.espress ...

  9. 【转】《从入门到精通云服务器》第六讲—OpenStack基础

    前五期的<从入门到精通云服务器>受到了广泛好评,收到留言,有很多读者对云计算相关的技术非常感兴趣.应观众要求,我们这期要安利一条纯技术内容.准备好瓜子.花生,随小编一起进入OpenStac ...

随机推荐

  1. [HTML/CSS]浮动的那点事儿

    元素是怎样浮动 元素的水平方向浮动,意味着元素只能左右移动而不能上下移动. 一个浮动元素会尽量向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止. 浮动元素之后的元素将围绕它. 浮动元素 ...

  2. Linux查看机器的硬件信息

    转载:https://linux.cn/article-9932-1.html

  3. Python-Django Win7上使用Apache24和mod_wsgi部署Django1.11应用程序

    Win7上使用Apache24和mod_wsgi部署Django1.11应用程序 by:授客 QQ:1033553122 测试环境 win7 64 Django-1.11.4.tar.gz 下载地址: ...

  4. Android图片加载为什么选择glide

    为什么图片加载我首先Glide 图片加载框架用了不少,从afinal框架的afinalBitmap,Xutils的BitmapUtils,老牌框架universalImageLoader,著名开源组织 ...

  5. ajax简单登录（踩过的坑）

    登陆页面: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEnc ...

  6. 你不可不知的Java引用类型之——ReferenceQueue源码详解

    定义 ReferenceQueue是引用队列,用于存放待回收的引用对象. 说明 对于软引用.弱引用和虚引用,如果我们希望当一个对象被垃圾回收器回收时能得到通知,进行额外的处理,这时候就需要使用到引用队 ...

  7. HandyEditor 富文本编辑器整合到python flask项目中

    1.下载HandyEditor,地址http://he.catfish-cms.com/ 2.解压后的文件名HandyEditor-master改为HandyEditor,文件夹里的文件如下 3.将H ...

  8. SSL里的certificate格式资料小结

    在查看相关报文的时候,发现RFC5246本身并没有对certificate的格式AlgorithmIdentifier作深入的介绍,只说其格式必须是X509v3 DER表示,思虑良久才找到方向:后者的 ...

  9. spring4笔记----使用装配注入合作者Bean的三种方式

    no :不自动装配 byName :id(name)与setter方法去set前缀,并小写首字母后同名的Bean完成注入,如有多个匹配则抛异常 byType :spring容器找全部bean,如果找到 ...

  10. python第一百一十一天 --Django 6 model 的相关操作

    创建数据库,设计表结构和字段 使用 MySQLdb 来连接数据库,并编写数据访问层代码 业务逻辑层去调用数据访问层执行数据库操作 import MySQLdb def GetList(sql): db ...