WiFi-ESP8266入门http(1)-建立服务器，直接发送网 - MKT-porter

随笔- 1528 文章- 2 评论- 67 阅读- 128万

WiFi-ESP8266入门http(1)-建立服务器，直接发送网

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

#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 = "";
    }
}

posted on 2018-09-06 01:54 MKT-porter 阅读(2922) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

阅读排行：
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现

2025年3月

日

一

二

三

四

五

六

昵称： MKT-porter
园龄： 8年7个月
粉丝： 189
关注： 0

+加关注