Nodemcu通过网页Web设置sta.config配置
2017-12-23 03:54
369 查看
首先,感谢Zexi on GitHub 213行代码写出一个HttpServer真的服了。还带有GZip压缩,先膜拜大神。
HttpServer By Zexi
访问这个网址,把httpServer.lua复制下来,下面我们就要用这个文件,建立自己的配置网页。
我们的需求是,NodeMCU用AP+Station模式,启动一个叫Config的热点,用户连接后,可以通过192.168.1.1来进行访问,然后输入WIFI的SSID和密码,就能让NodeMCU自动连接!
天太晚了,不多BB,直接上代码。
这可以说是最简单的配置界面了,但是大家可以根据这个自己开发需要的功能,就需要靠自己发挥了!!
HttpServer By Zexi
访问这个网址,把httpServer.lua复制下来,下面我们就要用这个文件,建立自己的配置网页。
我们的需求是,NodeMCU用AP+Station模式,启动一个叫Config的热点,用户连接后,可以通过192.168.1.1来进行访问,然后输入WIFI的SSID和密码,就能让NodeMCU自动连接!
天太晚了,不多BB,直接上代码。
init.lua
wifi.setmode(wifi.STATIONAP) cfg={} cfg.ssid="config" --我们的NodeMcu热点 cfg.pwd="00000000" --密码 wifi.ap.config(cfg) cfg2 = { ip="192.168.1.1", --设置IP netmask="255.255.255.0", --子网掩码 gateway="192.168.1.1" --默认网关 } wifi.ap.setip(cfg2) wifi.sta.autoconnect(1) --自动连接 dofile('httpServer.lua') --执行HttpServer.lua httpServer:use('/config', function(req, res) if req.query.ssid ~= nil and req.query.pwd ~= nil then print(req.query.ssid..req.query.pwd) config={} config.ssid=req.query.ssid config.pwd=req.query.pwd wifi.sta.config(config) end res:send('<head><meta charset="UTF-8"><title>配置终端</title></head><h1>您设置的wifi是:'..req.query.ssid..',请等待红灯常亮即连接完成。</h1>') end) httpServer:listen(80) --启动Server
index.html
别忘了把这个文件上传哦~<!DOCTYPE html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>配置终端</title> </head> <body style="text-align:center;background:#f8fffbb2;"> <h1>配置页面</h1> <form action="/config" method="get"> <label>WiFi</label> <input type="text" name="ssid" /> <br /> <label>密码</label> <input type="password" name="pwd" /> <br /> <input type="submit" value="确认" style="background:#678df9;height:40px;width:60px;border-radius:5px;border:none;outline:none;"/> </form> <p style="max-width:50vw;margin:auto;">注意:由于NodeMCU内存很小,附近热点过多时,扫描热点会造成内存不足自动重启。请手动输入WIFI信息进行配置。</p> </body> <style> input{ margin-bottom:30px; } </style> </html>
这可以说是最简单的配置界面了,但是大家可以根据这个自己开发需要的功能,就需要靠自己发挥了!!
相关文章推荐
- net中通过配置WebConfig设置文件上传的属性
- Web.Config 文件中的设置配置网页身份验证
- ext.net中通过webconfig配置设置默认样式
- asp.net mvc 3 配置全局异常处理 Web.config中设置CustomError
- 在R12下加载Java Bean,配置FORMS_WEB_CONFIG_FILE文件/通过AutoConfig实现Form Server配置文件的修改
- 通过web.config设置数据库连接串
- 通过继承ConfigurationSection,在web.config中增加自定义配置
- IIS配置 如何让虚拟目录里面的webconfig不继承网站的设置
- asp.net项目中通过Web.config配置文件及文件夹的访问权限!
- asp.net 通过web.config 文件设置网站的mime类型
- 通过configSource提高web.config配置灵活性
- 在Asp.Net2.0中可以方便的访问配置文件web.config,如判断debug设置,验证类型等。
- 通过Web.config中的configSections配置自己系统的全局常量
- 在web.xml中通过contextConfigLocation配置spring
- 通过web.config文件配置项目中文件夹的访问权限
- asp.net项目中通过Web.config配置文件及文件夹的访问权限!
- WCF 通过web.config配置文件解决传输内容过大问题
- 在web.xml中通过contextConfigLocation配置spring
- asp.net2.0WebConfig的配置文件中设置数据库链接
- C#微信网页开发---JSSDK使用 通过config接口注入权限验证配置