淘宝；https://detail.tmall.com/item.htm?id=536504922008&spm=a1z09.2.0.0.5e160c66c76b3g&_u=e1qf7bf52e27

产品资料：http://www.kbgogo.com/forum.php?mod=viewthread&tid=64&extra=

烧录时版型和参数选择

测试样例1

说明：

  1. 程序输入 你要连接的路由器 名+密码。
  2. 烧录进入wemos d1 mini 板，程序自动连接路由器，并返回自己分配到的地址。
  3. 手机或电脑连接在同一个路由器下，打开网页，输入刚才返回的地址，网页看到结果。

1 烧录程序

/*

 * Copyright (c) 2015, Majenko Technologies

 * All rights reserved.

 *

 * Redistribution and use in source and binary forms, with or without modification,

 * are permitted provided that the following conditions are met:

 *

 * * Redistributions of source code must retain the above copyright notice, this

 *   list of conditions and the following disclaimer.

 *

 * * Redistributions in binary form must reproduce the above copyright notice, this

 *   list of conditions and the following disclaimer in the documentation and/or

 *   other materials provided with the distribution.

 *

 * * Neither the name of Majenko Technologies nor the names of its

 *   contributors may be used to endorse or promote products derived from

 *   this software without specific prior written permission.

 *

 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND

 * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED

 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE

 * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR

 * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES

 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;

 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON

 * ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT

 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS

 * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

 */

#include <ESP8266WiFi.h>

#include <WiFiClient.h>

#include <ESP8266WebServer.h>

#include <ESP8266mDNS.h>

const char *ssid = "dongdong";

const char *password = "dongdong";

ESP8266WebServer server ( 80 );

const int led = 13;

void handleRoot() {

	digitalWrite ( led, 1 );

	char temp[400];

	int sec = millis() / 1000;

	int min = sec / 60;

	int hr = min / 60;

	snprintf ( temp, 400,

"<html>\

  <head>\

    <meta http-equiv='refresh' content='5'/>\

    <title>ESP8266 Demo</title>\

    <style>\

      body { background-color: #cccccc; font-family: Arial, Helvetica, Sans-Serif; Color: #000088; }\

    </style>\

  </head>\

  <body>\

    <h1>Hello from ESP8266!</h1>\

    <p>Uptime: %02d:%02d:%02d</p>\

    <img src=\"/test.svg\" />\

  </body>\

</html>",

		hr, min % 60, sec % 60

	);

	server.send ( 200, "text/html", temp );

	digitalWrite ( led, 0 );

}

void handleNotFound() {

	digitalWrite ( led, 1 );

	String message = "File Not Found\n\n";

	message += "URI: ";

	message += server.uri();

	message += "\nMethod: ";

	message += ( server.method() == HTTP_GET ) ? "GET" : "POST";

	message += "\nArguments: ";

	message += server.args();

	message += "\n";

	for ( uint8_t i = 0; i < server.args(); i++ ) {

		message += " " + server.argName ( i ) + ": " + server.arg ( i ) + "\n";

	}

	server.send ( 404, "text/plain", message );

	digitalWrite ( led, 0 );

}

void setup ( void ) {

	pinMode ( led, OUTPUT );

	digitalWrite ( led, 0 );

	Serial.begin ( 115200 );

	WiFi.begin ( ssid, password );

	Serial.println ( "" );

	// Wait for connection

	while ( WiFi.status() != WL_CONNECTED ) {

		delay ( 500 );

		Serial.print ( "." );

	}

	Serial.println ( "" );

	Serial.print ( "Connected to " );

	Serial.println ( ssid );

	Serial.print ( "IP address: " );

	Serial.println ( WiFi.localIP() );

	if ( MDNS.begin ( "esp8266" ) ) {

		Serial.println ( "MDNS responder started" );

	}

	server.on ( "/", handleRoot );

	server.on ( "/test.svg", drawGraph );

	server.on ( "/inline", []() {

		server.send ( 200, "text/plain", "this works as well" );

	} );

	server.onNotFound ( handleNotFound );

	server.begin();

	Serial.println ( "HTTP server started" );

}

void loop ( void ) {

	server.handleClient();

}

void drawGraph() {

	String out = "";

	char temp[100];

	out += "<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" width=\"400\" height=\"150\">\n";

 	out += "<rect width=\"400\" height=\"150\" fill=\"rgb(250, 230, 210)\" stroke-width=\"1\" stroke=\"rgb(0, 0, 0)\" />\n";

 	out += "<g stroke=\"black\">\n";

 	int y = rand() % 130;

 	for (int x = 10; x < 390; x+= 10) {

 		int y2 = rand() % 130;

 		sprintf(temp, "<line x1=\"%d\" y1=\"%d\" x2=\"%d\" y2=\"%d\" stroke-width=\"1\" />\n", x, 140 - y, x + 10, 140 - y2);

 		out += temp;

 		y = y2;

 	}

	out += "</g>\n</svg>\n";

	server.send ( 200, "image/svg+xml", out);

}

　　2 连接路由器

我们只需要用浏览器打开这个IP就可以看到8266输出的内容了。

Arduino IDE for ESP8266 教程(一) 局域网 网页查看数据 不控制的更多相关文章

  1. Arduino IDE for ESP8266教程（0）配置IDE

    淘宝链接 https://detail.tmall.com/item.htm?id=540067174120&spm=a1z09.2.0.0.6f7c6509ujAvQs&_u=71q ...

  2. Arduino IDE for ESP8266教程（三）HTTP客户端

    整个教程就以上传Yeelink数据点为目的制作一个HTTP客户端. 1获取账号 http://www.cnblogs.com/imfanqi/p/4419915.html 2代码教程 http://w ...

  3. Arduino IDE for ESP8266教程（四）网页控制灯 简单页面

    修改ssid和passwd,将程序烧写到8266上,等待串口返回连接成功的消息,连接成功之后可以看到返回有一个ip地址,使用浏览器方位这个ip地址就可以看到这个消息: 连接路由器后,返回IP地址 19 ...

  4. Arduino IDE for ESP8266教程(二) 创建WIFI AP模式

    创建WIFI热点 #include <ESP8266WiFi.h> void setup() { Serial.begin ( 115200 ); Serial.println(" ...

  5. Arduino IDE搭建ESP8266开发环境，文件下载过慢解决方法 | ESP-01制作WiFi开关教程，改造宿舍灯

    1. Arduino IDE配置ESP8266环境 参考:https://www.jianshu.com/p/cb0274d612b5 首先从 Arduino 官网 下载最新版本的 Arduino I ...

  6. ESP8266开发之旅 进阶篇② 闲聊Arduino IDE For ESP8266烧录配置

    授人以鱼不如授人以渔,目的不是为了教会你具体项目开发,而是学会学习的能力.希望大家分享给你周边需要的朋友或者同学,说不定大神成长之路有博哥的奠基石... QQ技术互动交流群:ESP8266&3 ...

  7. Arduino IDE 安装esp8266 2.4.rc2的编译环境

    2.4. 版本, 有一个我需要的功能, 串口缓存, 可以修改. Serial.setRxBufferSize(1024); //修改为1024个字节. 安装步骤: 1. 需要FQ. 推荐用" ...

  8. ARDUINO MEGA2560 经过ESP8266 WIFI模块上传温湿度数据到 OneNet 服务器

    简述 原来写了一个C++的wifi库但是发现用c++ arduino这小身板有点扛不住,代码比较大,使用String类型数据处理速度慢,而且很容易无缘无故跑飞.而且封装成库后使用还需要修改arduin ...

  9. Arduino IDE for ESP8266 （4）局域网 网页图形化控制灯 路由系统

    用到的路由系统文件(备用) 链接:https://pan.baidu.com/s/1bqR7Lc7 密码:7w2z 教程http://www.windworkshop.cn/?p=1274

随机推荐

  1. [转]Node.js tutorial in Visual Studio Code

    本文转自:https://code.visualstudio.com/docs/nodejs/nodejs-tutorial Node.js tutorial in Visual Studio Cod ...

  2. 【esayui】扩展验证方法，控件验证

    基础验证 //页面调用方法$.extend($.fn.validatebox.defaults.rules, { 验证电话 IsPhoneRex: {validator: function (valu ...

  3. 【协议】5、gossip 协议

    Gossip是一种去中心化.容错并保证最终一致性的协议. Background:分布式环境 Gossip是为了解决分布式遇到的问题而设计的.由于服务和数据分布在不同的机器上,节点之间的每次交互都伴随着 ...

  4. Spring基于纯注解方式的使用

    经过上篇xml与注解混合方式,对注解有了简单额了解,上篇的配置方式极大地简化了xml中配置,但仍有部分配置在xml中进行,接下来我们就通过注解的方式将xml中的配置用注解的方式实现,并最终去掉xml配 ...

  5. prototype、proto和constructor的三角关系

    转载整理自http://www.cnblogs.com/xiaohuochai/p/5721552.html#3760057 http://blog.csdn.net/jasonzds/article ...

  6. flex 布局下，css 设置文本不换行时，省略号不显示的解决办法

    大致是有一个 main 容器是 flex 布局,左边一个 logo 固定宽高,右边 content 动态宽度. <div class="main"> <img a ...

  7. React 入门学习笔记整理（九）——路由

    (1)安装路由 React-router React-router提供了一些router的核心api,包括Router, Route, Switch等,但是它没有提供dom操作进行跳转的api. Re ...

  8. 《ASP.NET MVC企业实战》(三)MVC开发前奏

    ​ 在上一篇“<ASP.NET MVC企业级实战>(二)MVC开发前奏”中跟随作者大概了解了一些C#3.0和3.5中的新特性.本篇继续以这样的方式来学习C#中的一些特性.   一.C#3. ...

  9. Java并发编程（一）线程定义、状态和属性

    一 .线程和进程 1. 什么是线程和进程的区别: 线程是指程序在执行过程中,能够执行程序代码的一个执行单元.在java语言中,线程有四种状态:运行 .就绪.挂起和结束. 进程是指一段正在执行的程序.而 ...

  10. 洗礼灵魂，修炼python（16）--列表进阶话题—>上节作业讲解+copy模块，浅拷贝，深拷贝

    上节课后作业: 1.使用列表解析输出结果:[(0,0),(0,2),(2,0),(2,2)] 方法1: 方法2: 方法3: 2.使用列表生成器打印斐波那契数列 3.使用列表解析生成列表[1x2,3x4 ...