【Intel Edison试用体验】 web篇>>>打造web服务器

论坛

本帖最后由 birdinskyd***sy 于 2016-7-8 18:26 编辑

      刚刚获悉，又得了个jd卡，看来早起的鸟儿有虫吃是亘古不变的真理，当然，作为早起的虫儿，一定要做好安全防护，别被早起的鸟儿吃了。
   考虑到项目中还应该用到web服务器，于是这篇弄下此物。
   web服务器，很普遍的东东，我们能够在论坛上酣畅淋漓地抒发一个程序猿的情怀，这东功不可没，论坛好像是用的PHP开发的，不知道挂在了iis上还是阿帕奇上，这么大的论坛不会用的那只猫吧，PHP开发部署简单，功能强大，不用编译。
   在嵌入式领域里，有专门的套路也好，模式也好，总之，轻量级是永恒的主题，我们不可能在邮票大的东上装很多东东，随着科技的发展，也许以后的量子计算机可以装无限多的东，但今天还不行。去年试用aworks280的时候，在上边部署过BOA，一个嵌入式常用的打造web服务器的开源软件，这回跟着Intel一起来学习下在小艾上打造web服务器。
   参照官网关于创建web服务器的指导意见，我们打造个web版的环境光照强度监控系统，嘎嘎嘎，说的太官方了，这会就是把官方的一个lightsensor栗子演示一下，如有可能，做点发挥啥的，只是没明白，官方发表的web向导，为啥是双胞胎啊？不信戳进去看看，一样一样的，还是我这又出了奇葩的问题了？要不就是想写一个光照的一个温度的？还是重要的事情说两遍啊？好吧不管他了。

我们还是打开xdk，XDK是神马意思呢？“想得开”啊！！！一方面是说思路要想得开扩，作为一个程序猿，有一个发散式思维是很重要的，另一方面是说遇到bug要想得开，坚信bug一定会被你解决掉的，或者你不行还会被别的牛人解决掉的，总之，想要过得开心，就得想得开。又跑题了，纯粹是凑字数啊。。。。
打开XDK，我们已经玩过blink和蓝牙了，xdk我们已经很熟悉了，这回导入web实例模板，其他的统统都一样

这回，我们要用到Grove starter kit plus了，简称小吉，用到lightsensor，扩展板，导线一条，因为小吉扩展板从没有用过，第一次，比较不好插，童鞋们千万别盲目用力，方向要对正，这比较容易辨认，难度就是要对齐三处针脚，动作一定要柔和，否则，不是板子挂了，就是手出血了，我觉得出血的面大，因为这板子我也不知道用啥材料做的，好像不是常见的那种PCB板材料，貌似更结实，且排针异常坚硬，不是普通那种一掰就弯的，有道是小心驶得万年船。

另外，我们用的是A0口了，童鞋们，上回蓝宙小车的时候，我们用的基本都是D几口，这会是A0口，Intel的默认口A0口，再重复一遍，这不是演习，真的是A0口。。。。那个小开关是拨到5V那边，默认的应该是5V那边，

连接好pc两根u***线，我们准备烧写了，连接好后，扩展板上的灯会亮起，

二话不说，烧吧，然后点运行，大家看有一行代码，.Aio(0)，估计因为这个传感器要接A0口，一会儿我们换换口味，验证下

然后迫不及待地用浏览器看下，成功了，今天桑拿天，屋里光线不足啊，对了，如果有同学只看到一个空白页而没有出现“”呀！网页走丢了“”的情况，切换下浏览器的模式试一下，一般浏览器有极速模式和兼容模式用的不同的内核，Intel的实例可能需要对HTML5的支持，那么基本成功了，

再看下这个网址，就是去掉“”lightsensor“”，这样会出现标准的json格式，玩耍web前端的同学都懂得，玩耍后端的同学更懂了，玩耍移动端的同学天天懂了，json格式常常被用来传递各种信息，比如地图啥的。

我们把小吉lightsensor放到主板的电源灯上，来验证下，之前上电篇用小T测的数据准不准，注意，先把lightsensor用透明胶包裹下，虽然板子上没有画那个不抗静电的图，但是要处处谨慎，免得烧了啥器件，出师未捷身先死

可以看到，数值几乎是一样一样的，对于这种绿色led，用30lux左右的光强是比较适合的

刚才说了，Intel用的默认A0口，我们改下代码，试试，用A3口看看行不行，为了降低我u口的供电压力以减少散热，我插上了外接电源，机械硬盘就是热啊，我的手都湿了。。。童鞋们注意，在你不确定的时候，断电插拔，虽然一般不会出现烧毁硬件的恶性事件，但是还是小心使得万年船

代码改了这个O，重新上传，开启运行

没问题的，用手电筒照一下

71lux，对于上边的条形图，我也是懵懵懂懂，它究竟要表达个啥？百分比？可是下边写的大大的Lux,但是和传送过来的数值也不一样呢？等我搞明白了向童鞋们汇报一下。

这个页面的源码是这个，稍懂点html和js的同学轻松易懂，要是想改点啥改这个就行了，比如，我改下，

我让网页三秒钟刷新一次数据，填充用绿色

上传，发现吗？xdk只更新改过的文件，

效果，当然，三秒的部分请亲们发挥下动态想象力

好吧，如果你还有啥想法，自己改改吧。

这个栗子，相当于在小艾上部署了web服务器后，又装了个网站，用来实时跟踪环境光照的，那么，我们也可以在xdk上导入其他的，比如温度、按钮开关啥的栗子，这就不是这篇帖子的任务了。
祝童鞋们玩耍开心噢。预知后事如何，明天接着说。

Tan_gou_gou · 2017-4-29 20:30:25

折腾了两天除了那个小数太多我找不到在哪修改，其它都模仿成功了。。。没任何基础，，看代码看的脑阔疼。。。

Tan_gou_gou · 2017-4-29 21:00:42

嗯网上搜了下学到个新命令 toFixed(2) 。。

但是这样的话。。上面那个不知道干什么用的绿条条就不动了、、、

Tan_gou_gou · 2017-4-29 21:30:35

自己弄了个不知道是不是很蠢得方法。。。找了下发现绿条是根据lightlevel后面跟的值的变化而改变的并且使用.tofixed命令会将结果变成一个string 字符串？？然后答者提供了个 praseFloat(x.toFixed()) 算是解决了吧。。是不是很蠢。。。

加的value1~当时以为是getLux的变化导致的就找了个中介。。。

birdinskydzfsy · 2017-4-30 18:34:54

Tan_gou_gou 发表于 2017-4-29 21:30
自己弄了个不知道是不是很蠢得方法。。。找了下发现绿条是根据lightlevel后面跟的值的变化而改变的并且使用.tofixed命令会将结果变成一个string 字符串？？然后答者提供了个 praseFloat(x.toFixed()) 算是解决了吧。。是不是很蠢。。。加的value1~当时以为是getLux的变化导致的就找了个中介。。。 ...

很好很好，不蠢，解决问题了就成功了

脚本语言不同浏览器内核解析不同，细节很多，火狐的和IE的有很多js写法不一样，所以需要开发人员，不然我们就都没饭吃了，你这解决的方案很正规很专业，谈不到蠢。

加油继续玩耍以愉悦的心态今天解决不了的放一放，没准明天或者吃饱了灵光一现就知道了，这再正常不过了

我解决不了的问题不会死磕到底钻进去反而出不来

birdinskydzfsy · 2017-4-30 18:58:35

Tan_gou_gou 发表于 2017-4-29 21:30
自己弄了个不知道是不是很蠢得方法。。。找了下发现绿条是根据lightlevel后面跟的值的变化而改变的并且使用.tofixed命令会将结果变成一个string 字符串？？然后答者提供了个 praseFloat(x.toFixed()) 算是解决了吧。。是不是很蠢。。。加的value1~当时以为是getLux的变化导致的就找了个中介。。。 ...

你是从后台处理的思路，后台一般只提供数据，尽量不做数据格式的事，防止服务器的压力太大，
要改显示格式从html那个页面改，格式显示的压力会分担到客户机的浏览器上，前台负责客户感觉，后台负责数据

虽然看起来只是一小步，但是有10w访问量时你的机器会省下不少电

而且看起来他这后台的main.js是JavaScript的写法，但后台肯定不是纯浏览器内核，应该是模拟的