You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
733 lines
32 KiB
733 lines
32 KiB
<!DOCTYPE html> |
|
<html lang=""> |
|
<head><meta charset="UTF-8"/> |
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> |
|
|
|
|
|
<meta http-equiv="Cache-Control" content="no-transform" /> |
|
<meta http-equiv="Cache-Control" content="no-siteapp" /> |
|
|
|
<meta name="theme-color" content="#f8f5ec" /> |
|
<meta name="msapplication-navbutton-color" content="#f8f5ec"> |
|
<meta name="apple-mobile-web-app-capable" content="yes"> |
|
<meta name="apple-mobile-web-app-status-bar-style" content="#f8f5ec"> |
|
|
|
<meta name="description" content="wifiduino搭建236宿舍物联网平台"/><meta name="keywords" content="iotcat,yimian,blog" /><link rel="alternate" href="/atom.xml" title="EEE.DOG"><link rel="shortcut icon" type="image/x-icon" href="/favicon.ico?v=1.0.0" /><script type="text/javascript" src="https://cdn.yimian.xyz/ushio-js/ushio-head.min.js"></script> |
|
|
|
<link rel="stylesheet" type="text/css" href="https://cdn.yimian.xyz/kayo/lib/iziModal/iziModal.min.css" /> |
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="https://cdn.yimian.xyz/kayo/lib/iziToast/iziToast.min.css" /> |
|
|
|
<link rel="stylesheet" type="text/css" href="https://cdn.yimian.xyz/shaky/shaky.css"> |
|
<link rel="canonical" href="https://www.eee.dog/tech/build-236-iot-platform-on-wifiduino.html"/> |
|
|
|
<link rel="stylesheet" type="text/css" href="https://cdn.yimian.xyz/kayo/lib/fancybox/jquery.fancybox.css" /><script type="text/x-mathjax-config"> |
|
MathJax.Hub.Config({ tex2jax: { inlineMath: [['$','$'], ['\\(','\\)']] } }); |
|
</script> |
|
<script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML"></script> |
|
<link rel="stylesheet" type="text/css" href="https://cdn.yimian.xyz/kayo/css/style.css?v=1.0.0" /> |
|
|
|
<!-- Global site tag (gtag.js) - Google Analytics --> |
|
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-169276192-1" data-pjax></script> |
|
<script> |
|
pjax_google_analytics = () => { |
|
window.dataLayer = window.dataLayer || []; |
|
function gtag(){dataLayer.push(arguments);} |
|
gtag('js', new Date()); |
|
|
|
gtag('config', 'UA-169276192-1'); |
|
} |
|
</script><script id="baidu_push"> |
|
(function(){ |
|
var bp = document.createElement('script'); |
|
var curProtocol = window.location.protocol.split(':')[0]; |
|
if (curProtocol === 'https') { |
|
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; |
|
} |
|
else { |
|
bp.src = 'http://push.zhanzhang.baidu.com/push.js'; |
|
} |
|
var s = document.getElementsByTagName("script")[0]; |
|
s.parentNode.insertBefore(bp, s); |
|
})(); |
|
</script> |
|
<script> |
|
window.config = {"leancloud":"","toc":true,"fancybox":true,"pjax":{"enable":true,"loadingbar":true},"latex":true}; |
|
</script> |
|
|
|
<title>wifiduino搭建236宿舍物联网平台 - EEE.DOG</title> |
|
<meta name="generator" content="Hexo 4.2.1"><link rel="alternate" href="/atom.xml" title="EEE.DOG" type="application/atom+xml"> |
|
</head> |
|
|
|
<body><div id="mobile-navbar" class="mobile-navbar"> |
|
<div class="mobile-header-logo"> |
|
<a href="/." class="logo">EEE.DOG</a> |
|
</div> |
|
<div class="mobile-navbar-icon"> |
|
<span></span> |
|
<span></span> |
|
<span></span> |
|
</div> |
|
<div class="loading-bar"> |
|
<div class="progress"></div> |
|
</div> |
|
</div> |
|
|
|
<nav id="mobile-menu" class="mobile-menu slideout-menu"> |
|
<ul class="mobile-menu-list"><div id="mobile-menu-Archives"> |
|
<a href="/archives/"> |
|
<li class="mobile-menu-item">Archives |
|
</li> |
|
</a></div><div id="mobile-menu-Categories"> |
|
<a href="/categories/"> |
|
<li class="mobile-menu-item">Categories |
|
</li> |
|
</a></div><div id="mobile-menu-Projects"> |
|
<a href="#"> |
|
<li class="mobile-menu-item">Projects |
|
</li> |
|
</a><ul class="sub-menu" style="display: none;"> |
|
<li> |
|
<a href="https://fp.yimian.xyz/" target="_blank" rel="noopener"> |
|
fp |
|
</a> |
|
</li> |
|
<li> |
|
<a href="https://wiot.yimian.xyz/" target="_blank" rel="noopener"> |
|
wiot |
|
</a> |
|
</li> |
|
</ul> |
|
<script>$('#mobile-menu-Projects').click(function(){ |
|
$("#mobile-menu-Projects ul").toggle(); |
|
})</script> |
|
</div><div id="mobile-menu-Map"> |
|
<a href="#"> |
|
<li class="mobile-menu-item">Map |
|
</li> |
|
</a><ul class="sub-menu" style="display: none;"> |
|
<li> |
|
<a href="https://api.yimian.xyz/" target="_blank" rel="noopener"> |
|
APIs |
|
</a> |
|
</li> |
|
<li> |
|
<a href="https://img.yimian.xyz/" target="_blank" rel="noopener"> |
|
Imgs |
|
</a> |
|
</li> |
|
<li> |
|
<a href="/"> |
|
Imgbed |
|
</a> |
|
</li> |
|
<li> |
|
<a href="https://share.yimian.xyz/" target="_blank" rel="noopener"> |
|
Fileshare |
|
</a> |
|
</li> |
|
<li> |
|
<a href="https://monitor.yimian.xyz/" target="_blank" rel="noopener"> |
|
Monitor |
|
</a> |
|
</li> |
|
<li> |
|
<a href="https://acg.watch/" target="_blank" rel="noopener"> |
|
ACG.WATCH |
|
</a> |
|
</li> |
|
<li> |
|
<a href="https://onedrive.yimian.xyz/" target="_blank" rel="noopener"> |
|
Oneindex |
|
</a> |
|
</li> |
|
<li> |
|
<a href="https://proxy.yimian.xyz/" target="_blank" rel="noopener"> |
|
Proxy |
|
</a> |
|
</li> |
|
<li> |
|
<a href="https://shorturl.yimian.xyz/" target="_blank" rel="noopener"> |
|
ShortenURL |
|
</a> |
|
</li> |
|
</ul> |
|
<script>$('#mobile-menu-Map').click(function(){ |
|
$("#mobile-menu-Map ul").toggle(); |
|
})</script> |
|
</div><div id="mobile-menu-About"> |
|
<a href="#"> |
|
<li class="mobile-menu-item">About |
|
</li> |
|
</a><ul class="sub-menu" style="display: none;"> |
|
<li> |
|
<a href="/links/"> |
|
links |
|
</a> |
|
</li> |
|
<li> |
|
<a href="https://iotcat.me/" target="_blank" rel="noopener"> |
|
Me |
|
</a> |
|
</li> |
|
</ul> |
|
<script>$('#mobile-menu-About').click(function(){ |
|
$("#mobile-menu-About ul").toggle(); |
|
})</script> |
|
</div></ul> |
|
</nav> |
|
<div class="container" id="mobile-panel"> |
|
<header id="header" class="header"><div class="logo-wrapper"> |
|
<a href="/." class="logo">EEE.DOG</a> |
|
</div> |
|
|
|
<nav class="site-navbar"><ul id="menu" class="menu"><li class="menu-item"> |
|
<a id="menu-Archives" class="menu-item-link" href="/archives/"> |
|
Archives |
|
</a> |
|
|
|
</li> |
|
<li class="menu-item"> |
|
<a id="menu-Categories" class="menu-item-link" href="/categories/"> |
|
Categories |
|
</a> |
|
|
|
</li> |
|
<li class="menu-item"> |
|
<a id="menu-Projects" class="menu-item-link" href="#"> |
|
Projects |
|
</a> |
|
|
|
<script> |
|
$("#menu-Projects").click(function(){ |
|
iziToast.question({ |
|
timeout: 20000, |
|
close: false, |
|
overlay: true, |
|
displayMode: 'once', |
|
//id: 'question', |
|
zindex: 999, |
|
title: 'Projects', |
|
message: '', |
|
position: 'center', |
|
buttons: [ |
|
['<button><b>fp</b></button>', function (instance, toast) { |
|
|
|
instance.hide({ transitionOut: 'fadeOut' }, toast, 'button'); |
|
if("undefined" == "true") |
|
pjax.loadUrl("https://fp.yimian.xyz/"); |
|
else |
|
window.location.href="https://fp.yimian.xyz/"; |
|
}, true], |
|
['<button><b>wiot</b></button>', function (instance, toast) { |
|
|
|
instance.hide({ transitionOut: 'fadeOut' }, toast, 'button'); |
|
if("undefined" == "true") |
|
pjax.loadUrl("https://wiot.yimian.xyz/"); |
|
else |
|
window.location.href="https://wiot.yimian.xyz/"; |
|
}, true], |
|
['<button><b>close</b></button>', function (instance, toast) { |
|
|
|
instance.hide({ transitionOut: 'fadeOut' }, toast, 'button'); |
|
}, true], |
|
] |
|
}); |
|
}); |
|
</script> |
|
</li> |
|
<li class="menu-item"> |
|
<a id="menu-Map" class="menu-item-link" href="#"> |
|
Map |
|
</a> |
|
|
|
<script> |
|
$("#menu-Map").click(function(){ |
|
iziToast.question({ |
|
timeout: 20000, |
|
close: false, |
|
overlay: true, |
|
displayMode: 'once', |
|
//id: 'question', |
|
zindex: 999, |
|
title: 'Map', |
|
message: '', |
|
position: 'center', |
|
buttons: [ |
|
['<button><b>APIs</b></button>', function (instance, toast) { |
|
|
|
instance.hide({ transitionOut: 'fadeOut' }, toast, 'button'); |
|
if("undefined" == "true") |
|
pjax.loadUrl("https://api.yimian.xyz/"); |
|
else |
|
window.location.href="https://api.yimian.xyz/"; |
|
}, true], |
|
['<button><b>Imgs</b></button>', function (instance, toast) { |
|
|
|
instance.hide({ transitionOut: 'fadeOut' }, toast, 'button'); |
|
if("undefined" == "true") |
|
pjax.loadUrl("https://img.yimian.xyz/"); |
|
else |
|
window.location.href="https://img.yimian.xyz/"; |
|
}, true], |
|
['<button><b>Imgbed</b></button>', function (instance, toast) { |
|
|
|
instance.hide({ transitionOut: 'fadeOut' }, toast, 'button'); |
|
if("undefined" == "true") |
|
pjax.loadUrl("/"); |
|
else |
|
window.location.href="undefined"; |
|
}, true], |
|
['<button><b>Fileshare</b></button>', function (instance, toast) { |
|
|
|
instance.hide({ transitionOut: 'fadeOut' }, toast, 'button'); |
|
if("undefined" == "true") |
|
pjax.loadUrl("https://share.yimian.xyz/"); |
|
else |
|
window.location.href="https://share.yimian.xyz/"; |
|
}, true], |
|
['<button><b>Monitor</b></button>', function (instance, toast) { |
|
|
|
instance.hide({ transitionOut: 'fadeOut' }, toast, 'button'); |
|
if("undefined" == "true") |
|
pjax.loadUrl("https://monitor.yimian.xyz/"); |
|
else |
|
window.location.href="https://monitor.yimian.xyz/"; |
|
}, true], |
|
['<button><b>ACG.WATCH</b></button>', function (instance, toast) { |
|
|
|
instance.hide({ transitionOut: 'fadeOut' }, toast, 'button'); |
|
if("undefined" == "true") |
|
pjax.loadUrl("https://acg.watch/"); |
|
else |
|
window.location.href="https://acg.watch/"; |
|
}, true], |
|
['<button><b>Oneindex</b></button>', function (instance, toast) { |
|
|
|
instance.hide({ transitionOut: 'fadeOut' }, toast, 'button'); |
|
if("undefined" == "true") |
|
pjax.loadUrl("https://onedrive.yimian.xyz/"); |
|
else |
|
window.location.href="https://onedrive.yimian.xyz/"; |
|
}, true], |
|
['<button><b>Proxy</b></button>', function (instance, toast) { |
|
|
|
instance.hide({ transitionOut: 'fadeOut' }, toast, 'button'); |
|
if("undefined" == "true") |
|
pjax.loadUrl("https://proxy.yimian.xyz/"); |
|
else |
|
window.location.href="https://proxy.yimian.xyz/"; |
|
}, true], |
|
['<button><b>ShortenURL</b></button>', function (instance, toast) { |
|
|
|
instance.hide({ transitionOut: 'fadeOut' }, toast, 'button'); |
|
if("undefined" == "true") |
|
pjax.loadUrl("https://shorturl.yimian.xyz/"); |
|
else |
|
window.location.href="https://shorturl.yimian.xyz/"; |
|
}, true], |
|
['<button><b>close</b></button>', function (instance, toast) { |
|
|
|
instance.hide({ transitionOut: 'fadeOut' }, toast, 'button'); |
|
}, true], |
|
] |
|
}); |
|
}); |
|
</script> |
|
</li> |
|
<li class="menu-item"> |
|
<a id="menu-About" class="menu-item-link" href="#"> |
|
About |
|
</a> |
|
|
|
<script> |
|
$("#menu-About").click(function(){ |
|
iziToast.question({ |
|
timeout: 20000, |
|
close: false, |
|
overlay: true, |
|
displayMode: 'once', |
|
//id: 'question', |
|
zindex: 999, |
|
title: 'About', |
|
message: '', |
|
position: 'center', |
|
buttons: [ |
|
['<button><b>links</b></button>', function (instance, toast) { |
|
|
|
instance.hide({ transitionOut: 'fadeOut' }, toast, 'button'); |
|
if("true" == "true") |
|
pjax.loadUrl("/links/"); |
|
else |
|
window.location.href="/links/"; |
|
}, true], |
|
['<button><b>Me</b></button>', function (instance, toast) { |
|
|
|
instance.hide({ transitionOut: 'fadeOut' }, toast, 'button'); |
|
if("undefined" == "true") |
|
pjax.loadUrl("https://iotcat.me/"); |
|
else |
|
window.location.href="https://iotcat.me/"; |
|
}, true], |
|
['<button><b>close</b></button>', function (instance, toast) { |
|
|
|
instance.hide({ transitionOut: 'fadeOut' }, toast, 'button'); |
|
}, true], |
|
] |
|
}); |
|
}); |
|
</script> |
|
</li> |
|
</ul></nav> |
|
</header> |
|
|
|
<main id="main" class="main"> |
|
<div class="content-wrapper"> |
|
<div id="content" class="content"><article class="post"> |
|
<header class="post-header"> |
|
<h1 class="post-title">wifiduino搭建236宿舍物联网平台 |
|
</h1> |
|
|
|
<div class="post-meta"> |
|
<span class="post-time"> |
|
2018-09-08 |
|
</span><span class="post-category"> |
|
<a href="/categories/tech/">tech</a> |
|
</span> |
|
</div> |
|
</header> |
|
|
|
<div class="post-toc" id="post-toc"> |
|
<h2 class="post-toc-title">Contents</h2> |
|
<div class="post-toc-content"> |
|
<ol class="toc"><li class="toc-item toc-level-2"><a class="toc-link" href="#搭建缘由"><span class="toc-text">搭建缘由</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#搭建经历"><span class="toc-text">搭建经历</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#主要功能"><span class="toc-text">主要功能</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#最后"><span class="toc-text">最后</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#2019-2-19更新："><span class="toc-text">2019.2.19更新：</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#2019-2-28更新"><span class="toc-text">2019.2.28更新</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#2019-6-12更新"><span class="toc-text">2019.6.12更新</span></a></li></ol> |
|
</div> |
|
</div><div class="post-content"><p>重新搭建236的IoT底层平台，并通过Blinker手机控制，实现操控监视。平台拥有很强的扩展性及可移植性，目前实现了夜间自动灯光，火灾烟雾报警，床帘内：上床小夜灯开，自动通风，LED自动感应阅读状态等设计。</p> |
|
<a id="more"></a> |
|
|
|
|
|
<h2 id="搭建缘由"><a href="#搭建缘由" class="headerlink" title="搭建缘由"></a>搭建缘由</h2><p>早在大一上学期，意外接触Arduino，开始了解单片机。17年11到12月份，曾利用Arduino uno 3搭建了一台功能简易的自动控制平台，主要实现了由红外遥控器控制床帘Light以及小夜灯的功能。在运行一个半月后，由于一次上传代码时意外短路，导致单片机烧毁，自此系统报废，但线路依旧保留。</p> |
|
<p>考虑到第一次搭建完全新手，代码缺少必要注释，更有通向床帘的数十根线路完全缠绕在一起，无法分清具体那几根控制什么传感器或设备，故设重建计划暂时搁置。</p> |
|
<p>半年后的暑假，参加欧朗中国的IETE项目，课程中与公司研发组的软件和硬件工程师愉快得体验了一些单片机的应用研发，了解了单片机及物联网的基础组成及发展现状，在工作闲余，对原有线路进行了测试，分类，贴标签，使其得以正常使用。</p> |
|
<p>8月份，项目结束，回到家中。考虑到家中原有太阳能需加水后需手动关闭，时常发生晚上洗澡后加水忘关情况，造成大量水资源浪费。于是结合欧朗所学，以及自己的实践经验，搭建了一套基于wifiduino和电磁阀的太阳能自动加水系统。为了照顾年老的姥姥方便夜间上厕所，在走廊过道利用原有废弃有线网络线路，搭建了与手动开关密切集合的自动感应开灯系统。由此收获了许多关于家用线路的架设经验。</p> |
|
<p>回到苏州，考虑到一年来的相关经验，认为是时候尝试搭建一套可长期使用的商品级的强扩展性的IoT系统，于是…start搞事情</p> |
|
<h2 id="搭建经历"><a href="#搭建经历" class="headerlink" title="搭建经历"></a>搭建经历</h2><p>搭建初期，一切还算顺利。但是随着系统逐渐趋于完善，代码逐渐复杂，经典的Arduino式软硬件兼容问题又逐渐开始捣乱啦~</p> |
|
<p>首先遇到的问题是（大概是由于esp8266与wifiduino的一些神奇的勾当）当把代码通过usb传给wifiduino的时候，代码运行是正常的，但是在断电重启或者Reset后，它就死掉了。。。而且，这个问题只在上传占用了大约十个左右Digital通信口的程序之后才出现，如果只是上传简单的示例程序则运行正常，，最后从淘宝钓了一只路由器用的USB-DC9V升压线，用其持续供电，才确保了板子的正常运行。</p> |
|
<p>遇见的第二个问题也是很神奇。就是，wifiduino在连接tx与rx后竟然无法上传代码！！！当时我一直以为是板子坏掉了</p> |
|
<p>本来是只有一块板子的，但是当他装载了太多控制端之后，大概是死掉了，wifi无法正常连接Blinker..于是我只用它作为控制器，然后将另一块板子连接wifi，将接受信息通过串口传递给主板子执行。于是，运行终于正常了，，，莫名想到了欧朗当时考试的译码器</p> |
|
<h2 id="主要功能"><a href="#主要功能" class="headerlink" title="主要功能"></a>主要功能</h2><p>功能的话目前看来也不是很多，4只传感：2只超神波测距，1只光敏，1只烟雾，4个控制端：1只床外探照灯ledB, 1只小夜灯，1只床头灯，1个小风扇。实现的话，无非就是其相互配合，目前可以准确识别我的存在位置4个，室友的存在位置1个。然后配合行为习惯编程调整灯与风扇。</p> |
|
<p>未来的话，还打算逐步实现–传感层：对室内是否有人的识别 智能层：对室友在宿舍时间规律的学习（神经网络） 控制层：空调红外控制，基于esp8266的微型继电器对宿舍大灯的控制，以及，快乐的话考虑自动养一株辣椒什么的…</p> |
|
<h2 id="最后"><a href="#最后" class="headerlink" title="最后"></a>最后</h2><p>最后附上两个板子的代码，，还会更新的哦//祝生活愉快啦~<br>代码：<a href="https://uk.cloud.yimian.xyz/index.php/s/YbPwdkt2mANYoiS" target="_blank" rel="noopener">https://uk.cloud.yimian.xyz/index.php/s/YbPwdkt2mANYoiS</a></p> |
|
<hr> |
|
<h2 id="2019-2-19更新："><a href="#2019-2-19更新：" class="headerlink" title="2019.2.19更新："></a>2019.2.19更新：</h2><p>板子运行超过150天，一切运行正常。<br>出现过几次分钟级别的控制失效事件，怀疑宿舍电网供压不稳导致，事后均自动修复。</p> |
|
<hr> |
|
<h2 id="2019-2-28更新"><a href="#2019-2-28更新" class="headerlink" title="2019.2.28更新"></a>2019.2.28更新</h2><p>上文代码链接已弃用，如有兴趣，可查看由其代码开发的<a href="https://github.com/iotgod/wIoT" target="_blank" rel="noopener">wIoT项目</a>！</p> |
|
<hr> |
|
<h2 id="2019-6-12更新"><a href="#2019-6-12更新" class="headerlink" title="2019.6.12更新"></a>2019.6.12更新</h2><p>稳定运行611天18小时32分钟，正式退役！<br><img src="https://api.yimian.xyz/img/?path=imgbed/img_39e7f50_3968x1984_8_null_normal.jpeg" alt="236-iot"></p> |
|
<hr> |
|
<p>已完结</p> |
|
|
|
</div> |
|
<div class="post-copyright"> |
|
<p class="copyright-item"> |
|
<span>Author: </span> |
|
<a href="https://iotcat.me/" target="_blank" rel="noopener">IoTcat</a> |
|
</p> |
|
<p class="copyright-item"> |
|
<span>Link: </span> |
|
<a href="https://www.eee.dog/tech/build-236-iot-platform-on-wifiduino.html">https://www.eee.dog/tech/build-236-iot-platform-on-wifiduino.html</a> |
|
</p> |
|
<p class="copyright-item"> |
|
<span>License: </span><a rel="license" href="http://creativecommons.org/licenses/by-nc/4.0/" target="_blank">知识共享署名-非商业性使用 4.0 国际许可协议</a> |
|
</p> |
|
</div> |
|
<footer class="post-footer"> |
|
<div class="post-tags"> |
|
<a href="/tags/Arduino/">Arduino</a> |
|
<a href="/tags/iot/">iot</a> |
|
</div> |
|
|
|
<nav class="post-nav"><a class="prev" href="/tech/build-nextcloud-server-on-centos7.html"> |
|
<i class="iconfont icon-left"></i> |
|
<span class="prev-text nav-default">Build Nextcloud Server on Centos 7.5</span> |
|
<span class="prev-text nav-mobile">Prev</span> |
|
</a> |
|
<a class="next" href="/tech/hello-world.html"> |
|
<span class="next-text nav-default">Hello World</span> |
|
<span class="prev-text nav-mobile">Next</span> |
|
<i class="iconfont icon-right"></i> |
|
</a> |
|
</nav></footer> |
|
</article><script>$(()=>{setTimeout(()=>{iziToast.show({ |
|
title: 'tips', |
|
position: 'topRight', |
|
message: "此文章预计阅读 9 分钟哦~" |
|
})}, 3000)})</script> |
|
</div><div class="comments" id="comments"><div id="vcomments"></div> |
|
</div></div> |
|
</main> |
|
|
|
<footer id="footer" class="footer"> |
|
<script> |
|
page_obj = { |
|
layout: "post", |
|
comments: "true" |
|
}; |
|
</script><div class="social-links"><a href="mailto:i@iotcat.me" class="iconfont icon-email" title="email"></a> |
|
<a href="https://github.com/iotcat" target="_blank" rel="noopener" class="iconfont icon-github" title="github"></a> |
|
<a href="/atom.xml" class="iconfont icon-rss" title="rss"></a> |
|
</div><div class="copyright"><span id="/tech/build-236-iot-platform-on-wifiduino.html" class="statistic leancloud_visitors"> |
|
<em>Visitors </em> <i class="leancloud-visitors-count">??</i> |
|
<span class="division"> |</span> |
|
<em>Reading </em> 9 min |
|
</span> |
|
<br> |
|
<span class="power-by"> |
|
Powered by <a class="hexo-link" href="https://hexo.io/" target="_blank" rel="noopener">Hexo</a> |
|
</span> |
|
<span class="division">|</span> |
|
<span class="theme-info"> |
|
Theme - |
|
<a class="theme-link" href="https://github.com/iotcat/kayo" target="_blank" rel="noopener">Kayo</a> |
|
</span> |
|
|
|
<span class="copyright-year">©2018 - 2020<span class="heart shaky"> |
|
<i class="iconfont icon-heart"></i> |
|
</span> |
|
<span class="author">IoTcat</span> |
|
</span> |
|
</div> |
|
</footer> |
|
|
|
<div class="back-to-top" id="back-to-top"> |
|
<i class="iconfont icon-up"></i> |
|
</div> |
|
</div> |
|
<script src="https://cdn.yimian.xyz/kayo/lib/valine/valine.min.js" data-pjax></script> |
|
<style> |
|
/* 背景图片 */ |
|
#veditor { |
|
background-image: url(https://cdn.jsdelivr.net/gh/drew233/cdn/20200409110727.webp); |
|
background-size: contain; |
|
background-repeat: no-repeat; |
|
background-position: right; |
|
background-color: rgba(255, 255, 255, 0); |
|
resize: vertical |
|
} |
|
|
|
/* 头像旋转 */ |
|
img.vimg { |
|
transition: all 1s /* 旋转时间为 1s */ |
|
} |
|
img.vimg:hover { |
|
transform: rotate(360deg); |
|
-webkit-transform: rotate(360deg); |
|
-moz-transform: rotate(360deg); |
|
-o-transform: rotate(360deg); |
|
-ms-transform: rotate(360deg); |
|
} |
|
|
|
|
|
/* 盒子模式 */ |
|
#vcomments .vcards .vcard { |
|
padding: 15px 20px 0 20px; |
|
border-radius: 10px; |
|
margin-bottom: 15px; |
|
box-shadow: 0 0 4px 1px rgba(0, 0, 0, .12); |
|
transition: all .3s |
|
} |
|
|
|
#vcomments .vcards .vcard:hover { |
|
box-shadow: 0 0 8px 3px rgba(0, 0, 0, .12) |
|
} |
|
|
|
#vcomments .vcards .vcard .vh .vcard { |
|
border: none; |
|
box-shadow: none; |
|
} |
|
|
|
|
|
</style> |
|
<script> |
|
pjax_valine = () => { |
|
new Valine({ |
|
el: '#vcomments', |
|
appId: 'eVzpK7EyT6OafJvXWIRminWT-gzGzoHsz', |
|
appKey: '2qjuEBgVE0BscTQnTmoS9roU', |
|
master: '9b616ff4cd6c305e5970bee7b1bd9b1f', //博主邮箱md5 |
|
tagMeta: ["博主","小伙伴","访客"], //标识字段名 |
|
friends: ["b6ddef7c7e1c647e7767afeacdfb7b64","46dd4e6fef4f9591736c4723a965ca2e","6132d77f9f0ae060bc733090991acecb","3e00e104b79d7c6e866c6b23c6ba6dfc"], //小伙伴邮箱Md5 |
|
metaPlaceholder: {"nick":"昵称/QQ号","mail":"邮箱（完全保密）"}, |
|
placeholder: "填写邮箱可以及时收到回复哦(●'◡'●)", |
|
path: window.location.pathname, |
|
enableQQ: true, |
|
visitor: true, |
|
emojiCDN: '//i0.hdslb.com/bfs/emote/', |
|
emojiMaps: { |
|
"tv_doge": "6ea59c827c414b4a2955fe79e0f6fd3dcd515e24.png", |
|
"tv_亲亲": "a8111ad55953ef5e3be3327ef94eb4a39d535d06.png", |
|
"tv_偷笑": "bb690d4107620f1c15cff29509db529a73aee261.png", |
|
"tv_再见": "180129b8ea851044ce71caf55cc8ce44bd4a4fc8.png", |
|
"tv_冷漠": "b9cbc755c2b3ee43be07ca13de84e5b699a3f101.png", |
|
"tv_发怒": "34ba3cd204d5b05fec70ce08fa9fa0dd612409ff.png", |
|
"tv_发财": "34db290afd2963723c6eb3c4560667db7253a21a.png", |
|
"tv_可爱": "9e55fd9b500ac4b96613539f1ce2f9499e314ed9.png", |
|
"tv_吐血": "09dd16a7aa59b77baa1155d47484409624470c77.png", |
|
"tv_呆": "fe1179ebaa191569b0d31cecafe7a2cd1c951c9d.png", |
|
"tv_呕吐": "9f996894a39e282ccf5e66856af49483f81870f3.png", |
|
"tv_困": "241ee304e44c0af029adceb294399391e4737ef2.png", |
|
"tv_坏笑": "1f0b87f731a671079842116e0991c91c2c88645a.png", |
|
"tv_大佬": "093c1e2c490161aca397afc45573c877cdead616.png", |
|
"tv_大哭": "23269aeb35f99daee28dda129676f6e9ea87934f.png", |
|
"tv_委屈": "d04dba7b5465779e9755d2ab6f0a897b9b33bb77.png", |
|
"tv_害羞": "a37683fb5642fa3ddfc7f4e5525fd13e42a2bdb1.png", |
|
"tv_尴尬": "7cfa62dafc59798a3d3fb262d421eeeff166cfa4.png", |
|
"tv_微笑": "70dc5c7b56f93eb61bddba11e28fb1d18fddcd4c.png", |
|
"tv_思考": "90cf159733e558137ed20aa04d09964436f618a1.png", |
|
"tv_惊吓": "0d15c7e2ee58e935adc6a7193ee042388adc22af.png", |
|
"tv_打脸": "56ab10b624063e966bfcb76ea5dc4794d87dfd47.png", |
|
"tv_抓狂": "fe31c08edad661d63762b04e17b8d5ae3c71a757.png", |
|
"tv_抠鼻": "c666f55e88d471e51bbd9fab9bb308110824a6eb.png", |
|
"tv_斜眼笑": "911f987aa8bc1bee12d52aafe62bc41ef4474e6c.png", |
|
"tv_无奈": "ea8ed89ee9878f2fece2dda0ea8a5dbfe21b5751.png", |
|
"tv_晕": "5443c22b4d07fb1907ccc610c8e6db254f2461b7.png", |
|
"tv_流汗": "cead1c351ab8d79e9f369605beb90148db0fbed3.png", |
|
"tv_流泪": "7e71cde7858f0cd50d74b0264aa26db612a8a167.png", |
|
"tv_流鼻血": "c32d39db2737f89b904ca32700d140a9241b0767.png", |
|
"tv_点赞": "f85c354995bd99e28fc76c869bfe42ba6438eff4.png", |
|
"tv_生气": "26702dcafdab5e8225b43ffd23c94ac1ff932654.png", |
|
"tv_生病": "8b0ec90e6b86771092a498c54f09fc94621c1900.png", |
|
"tv_疑问": "0793d949b18d7be716078349c202c15ff166f314.png", |
|
"tv_白眼": "c1d59f439e379ee50eef488bcb5e5378e5044ea4.png", |
|
"tv_皱眉": "72ccad6679fea0d14cce648b4d818e09b8ffea2d.png", |
|
"tv_目瞪口呆": "0b8cb81a68de5d5365212c99375e7ace3e7891b7.png", |
|
"tv_睡着": "8b196675b53af58264f383c50ad0945048290b33.png", |
|
"tv_笑哭": "1abc628f6d4f4caf9d0e7800878f4697abbc8273.png", |
|
"tv_腼腆": "89712c0d4af73e67f89e35cbc518420380a7f6f4.png", |
|
"tv_色": "61822c7e9aae5da76475e7892534545336b23a6f.png", |
|
"tv_调侃": "4bc022533ef31544ca0d72c12c808cf4a1cce3e3.png", |
|
"tv_调皮": "b9c41de8e82dd7a8515ae5e3cb63e898bf245186.png", |
|
"tv_鄙视": "6e72339f346a692a495b123174b49e4e8e781303.png", |
|
"tv_闭嘴": "c9e990da7f6e93975e25fd8b70e2e290aa4086ef.png", |
|
"tv_难过": "87f46748d3f142ebc6586ff58860d0e2fc8263ba.png", |
|
"tv_馋": "fc7e829b845c43c623c8b490ee3602b7f0e76a31.png", |
|
"tv_鬼脸": "0ffbbddf8a94d124ca2f54b360bbc04feb6bbfea.png", |
|
"tv_黑人问号": "45821a01f51bc867da9edbaa2e070410819a95b2.png", |
|
"tv_鼓掌": "1d21793f96ef4e6f48b23e53e3b9e42da833a0f6.png" |
|
// ... 更多表情 |
|
} |
|
}); |
|
}; |
|
</script><script type="text/javascript" src="https://cdn.yimian.xyz/ushio-js/ushio-footer.min.js"></script> |
|
<script> |
|
session.onload(function(){ |
|
if(session.get('group') != 'anonymous'){ |
|
function insertNick(){ |
|
if($('.vnick').length){ |
|
$('.vnick').val(session.get('nickname')); |
|
}else{ |
|
setTimeout(insertNick, 500); |
|
} |
|
} |
|
function insertMail(){ |
|
if($('.vmail').length){ |
|
$('.vmail').val(session.get('email')); |
|
}else{ |
|
setTimeout(insertMail, 500); |
|
} |
|
} |
|
|
|
if(session.get('nickname')){ |
|
insertNick(); |
|
} |
|
|
|
if(session.get('email')){ |
|
insertMail(); |
|
} |
|
} |
|
}); |
|
</script> |
|
<script type="text/javascript" src="https://cdn.yimian.xyz/kayo/lib/slideout/slideout.js"></script> |
|
<script type="text/javascript" src="https://cdn.yimian.xyz/kayo/lib/fancybox/jquery.fancybox.pack.js"></script> |
|
<script type="text/javascript" src="https://cdn.yimian.xyz/kayo/lib/iziToast/iziToast.min.js"></script> |
|
<script type="text/javascript" src="https://cdn.yimian.xyz/kayo/lib/iziModal/iziModal.min.js"></script> |
|
<script type="text/javascript" src="https://cdn.yimian.xyz/kayo/lib/mermaid/mermaid.min.js"></script> |
|
<script type="text/javascript" src="https://cdn.yimian.xyz/kayo/js/src/kayo.js?v=1.0.0" data-pjax></script> |
|
<script type="text/javascript" src="https://cdn.yimian.xyz/kayo/js/src/kayo-no-pjax.js?v=1.0.0"></script> |
|
<script src="https://cdn.yimian.xyz/kayo/lib/pjax/pjax.min.js"></script> |
|
<script>window.pjax = new Pjax({ |
|
elements: 'a[href]:not([href^="#"]):not([href="javascript:void(0)"])', |
|
selectors: ["head title, #main", "#footer"], |
|
});/* 第一次载入页面加载的函数 */ |
|
pjax_ini = () => { |
|
|
|
/* 关闭侧边栏 */ |
|
window.slideout.close(); |
|
|
|
if(page_obj.comments == "true"){pjax_valine();}pjax_google_analytics();mermaid.init(undefined, $(".mermaid"));}; |
|
|
|
/* 第一次 执行 */ |
|
pjax_ini();var loadingBar = document.querySelector(".loading-bar"); |
|
var progress = document.querySelector(".loading-bar .progress"); |
|
var timer = null; |
|
|
|
|
|
// Pjax 开始时执行的函数 |
|
var loadingbarStart = function () { |
|
// 进度条默认已经加载 20% |
|
var loadingBarWidth = 20; |
|
// 进度条的最大增加宽度 |
|
var MAX_LOADING_WIDTH = 95; |
|
|
|
// 显示进度条 |
|
loadingBar.classList.add("loading"); |
|
// 初始化进度条的宽度 |
|
progress.style.width = loadingBarWidth + "%"; |
|
|
|
clearInterval(timer); |
|
timer = setInterval(function () { |
|
// 进度条的增加速度（可以改为一个随机值，显得更加真实） |
|
loadingBarWidth += 3; |
|
|
|
// 当进度条到达 95% 后停止增加 |
|
if (loadingBarWidth > MAX_LOADING_WIDTH) { |
|
loadingBarWidth = MAX_LOADING_WIDTH; |
|
} |
|
|
|
progress.style.width = loadingBarWidth + "%"; |
|
}, 500); |
|
}; |
|
|
|
|
|
// Pjax 完成之后执行的函数 |
|
var loadingbarStop = function () { |
|
clearInterval(timer); |
|
progress.style.width = "100%"; |
|
loadingBar.classList.remove("loading"); |
|
|
|
setTimeout(function () { |
|
progress.style.width = 0; |
|
}, 400); |
|
};/* Pjax 开始时，重新加载的函数 */ |
|
document.addEventListener("pjax:send", function () {loadingbarStart(); |
|
}); |
|
|
|
|
|
/* Pjax 完成后，重新加载的函数 */ |
|
document.addEventListener("pjax:complete", function () { |
|
/* 重载带data-pjax的script，或者.pjax-reload属性内容的script */ |
|
$("script[data-pjax], .pjax-reload script").each(function () { |
|
$(this).parent().append($(this).remove()); |
|
}); |
|
pjax_ini();loadingbarStop(); |
|
}); |
|
|
|
|
|
/* Pjax 出错，执行的函数 */ |
|
document.addEventListener("pjax:error", function () { |
|
|
|
});</script> |
|
</body> |
|
</html>
|
|
|