ESP8266用网页控制电灯--从micropython移植到espruino

用micropython编写的程序,esp芯片经常连不上网络,路由器是newifi d2刷的openwrt。有时候一个月都正常联网,有时候一天两三次连不上,重启路由器就正常,应该说明不是我的esp8266程序有问题。后来路由器刷过老毛子,esp芯片更是连不上网,必须重启esp芯片。而micropython里边关于wifi的选项就那两项,反复改选项测试没有效果。使用一两年饱受折磨,于是我决定另起炉灶,移植到espruino。

espruino也是很多坑,但目前测试联网正常。espruino没有跟上最新的javascript,连await都不支持。最开始的坑就是webIDE默认模式跟micropython完全不同,默认发送到内存,save()重启reset()后只是软重启,需要load(),并且保存的程序里函数外边的调用不起作用。可以把默认模式改成发送到flash,跟micropython有些相似。

移植过来后,目前定时和温度功能没有。

var zhuangtai={
  deng1:false,
  deng2:false,
  dianruzi:0
};
var Deng1=D4,Deng2=D5,Dianruzi=D14;

function onPageRequest(req, res) {  
  var uri = url.parse(req.url, true);
  if(uri.path=="/"){
    res.writeHead(200, {'Content-Type': 'text/html'});
    var n = 0;
    res.on('drain',function() {    
      res.write(htm.slice(n,n+512));
      n=n+512;
      if ((n+512)>=htm.length) res.end(htm.slice(n));
    });
    res.write('');
  }
 
  else if(uri.query.hasOwnProperty("mcu_do")){
    res.writeHead(200, {'Content-Type': 'text/html'});
      switch(uri.query.mcu_do){
        case "1on":
          console.log("111guan");
          zhuangtai.deng1=true;
          digitalWrite(Deng1,1);
          break;
        case "1of": 
          digitalWrite(Deng1,0);
          zhuangtai.deng1=false;
          break;
        case "2on":
          digitalWrite(Deng2,1);
          zhuangtai.deng2=true;
          break;
        case "2of": 
          digitalWrite(Deng2,0);
          zhuangtai.deng2=false;
          break;
        case "0da": 
          zhuangtai.dianruzi=0;
          break;
        case "1da": 
          zhuangtai.dianruzi=1;
          break; 
        case "2da": 
          zhuangtai.dianruzi=2;
          break;          
        case "3da": 
          zhuangtai.dianruzi=3;
          break;
        case "4da": 
          zhuangtai.dianruzi=4;
          break;  
        case "shx": 
          console.log("shx");
          break;  
        default:
          console.log("no");
      }
    res.end(JSON.stringify(zhuangtai));
  }
  else{
    res.writeHead(404, {'Content-Type': 'text/html'});
    res.end('File not found');
  }
  
}
require('http').createServer(onPageRequest).listen(80);
console.log("80");

baduan=8;
function dangwei(){
  baduan--;
  if(baduan==0){
    baduan=8;
    digitalWrite(Dianruzi,0);    
  }
  if(baduan==(zhuangtai.dianruzi==0?0:(1<<(4-zhuangtai.dianruzi)))){
    digitalWrite(Dianruzi,1);
  }
}

var ti = setInterval(dangwei, 3000);

htm=`<!DOCTYPE html><html><head>
<meta  http-equiv="Content-Type"  content="text/html; charset=utf-8" />
<meta name="viewport"content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes"/>
<style>
input[type="button"]{margin:10px;width:40px;height:40px;border-radius: 10px;}
</style>
</head>

<script >
function dianji(val)
{
    var request = new XMLHttpRequest();		
    request.open('GET', "?mcu_do="+val,true);
    request.onload = function() {
    zhuangtai=JSON.parse(this.response)
    deng1.style.color=zhuangtai.deng1?"red":"black"
    deng2.style.color=zhuangtai.deng2?"red":"black"    
    if( zhuangtai.dianruzi>0){dianruzi.style.color="red";
    dang.innerText= ":"+zhuangtai.dianruzi+"档"}
    else {dianruzi.style.color="black" 
    dang.innerText= ""}
    }
    request.send();
}


function xiugaidingshi(){
var request = new XMLHttpRequest();
request.open('GET',"?mcu_do=xgd"+(shi.value-0+100)+(fen.value-0+100)+(shi2.value-0+100)+(fen2.value-0+100),true)
request.onload = function(){chenggong.innerHTML="<p>成功</p>"}
request.send();
}


function shuaxin()
{
dianji("shx")
var request = new XMLHttpRequest();		
request.open('GET', "?mcu_do=dqd",true);
request.onload = function(){
aa=this.response.split("#")
shijianxianshi.innerText=aa[1]
a=aa[0].split(",")
shi.value=a[0]
fen.value=a[1]
shi2.value=a[2]
fen2.value=a[3]
}
request.send();
}
document.onload=dianji("shx")	
</script>
<body  style="text-align:center">
	<h1 id=deng1 style="color:black">屋里电灯</h1>
	<input  type="button" onclick="dianji('1on');" value="开" /><span  style="margin:20px;"></span>
	<input  type="button" onclick="dianji('1of');" value="关" />
    <h1 id=deng2 style="color:black" >院里电灯</h1>
	<input  type="button" onclick="dianji('2on');" value="开" /><span  style="margin:20px;"></span>
	<input  type="button" onclick="dianji('2of');" value="关" />
	<h1 id=dianruzi style="color:black" >电褥子<span id="dang"></span></h1>
	<input  type="button" onclick="dianji('1da');" value="一档" />
	<input  type="button" onclick="dianji('2da');" value="二档" />
	<input  type="button" onclick="dianji('3da');" value="三档" />
	<input  type="button" onclick="dianji('4da');" value="四档" />
	<br><br>
	<input  type="button" onclick="dianji('0da');" value="关" />		
	<br><br><div id="shijianxianshi"></div>
	<br>开<input type="number"  style="width:60px"  value="0" id="shi" />时<input type="number"  style="width:60px"  value="0" id="fen"  />分
<br><br>关<input type="number"  style="width:60px"  value="0" id="shi2" />时<input type="number"  style="width:60px"  value="0" id="fen2"  />分
<br><br><input type="button"  style="width:80px"  onclick="xiugaidingshi()" value="修改定时"/>
<br><div id="chenggong"></div><br>
<input  type="button" onclick="dianji('wen');" value="温湿度" style="width:60px" />
	<br>    
    <p id="huixian"></p>
</body>
</html>`

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值