【Fireduino】WIFI+WebSocket实现自定义远程控制

tjcfeng

   由于Fireduino没有输入设备，所以在播放音乐时的控制很不方便，虽然可以使用预留的的Arduino接口来扩展，不过暂时给屏幕用上了，所以还要想想别的办法。

    Fireduino板子上已经集成了WIFI模块，并且将Socket相关的功能封装好了，比如TCP的Server、Client，还有UDP，编写程序已经很方便了，可以随便找台Windows、Linux电脑或者手机之类的写个通讯程序即可。但是这样最大的问题就是通用性，总不能为一种设备编写一次程序吧，所以最最适合的方法就是HTML+WebSocket了，可以在任何支持浏览器的设备上运行。

    说起WebSocket，又让我想起来2007年的时候，WebSocket还是草案，我用Delphi实现了服务端可以和浏览器通讯，把封装好的程序传到了CSDN赚了点分，到现在还没用完，哈哈。跑题了下面继续。对于Fireduino来说应该当作一个WebSocketServer来监听客户端（也就是浏览器）的连接，WebSocket的服务端是基于SocketServer，而Socket通讯又是靠WIFI来建立的通道完成传输的，所以应该从WIFI开始。

    Fireduino提供了WIFI的库，可以直接拿来使用。为了符合我的习惯，我将WIFI又包装了一层，生成了一个类来使用（虽然不是完全必要）。类的定义很简单，就是WIFI的那些功能，而且还没有写完，先凑合着使用吧。

    在这个类里，我又扩展了一个ProtoThreads来实现所谓的协程，可以同时运行多个Loop而不至于有太大的影响。在这个WIFI类的Loop里，每隔一秒监测一次WIFI的状态，当状态发生改变时通过回调函数返回给该类的调用者，完全实现了逻辑代码和驱动代码的分离，程序的可移植性更好。为了简单，我直接使用了delay来延时，如果改成计时器的事件更合理。

    程序还是没有难度，理解了结构即可，也可以根据自己的喜好来改变。

    WebSocketServer的功能Fireduino也提供了，而且是个C++类，这样也就不需要再费劲自己去封装了，直接使用。程序的流程就是，首先先连接WIFI到自己的路由器，同时建立一个WebSocket服务端的监听，并且绑定WebSocket的各种事件，如客户端的连接、断开、接收到数据等等。这里为了演示，都是直接通过串口输出对应的消息，而没有具体处理各种数据。


    WebSocket.html是一个网页，也就是所谓的客户端了，它可以连接到Fireduino。根据Fireduino连接到路由器后被分配的IP地址，修改对应的代码，端口默认是80，保存后双击打开，自动调用浏览器来执行。

    此时Fireduino的串口显示了一些东西。NewWifiClient说明客户端已经连接上来，下面的header信息就是浏览器内部自动发送的根据WebSocket协议生成的握手信息，这些都可以略过不用关心。当服务端同意了这次握手并返回确认信息的时候，这个WebSocket就连接成功了。例子中的代码又从网页给Fireduino发送了个Hello做演示，还增加了个鼠标按下和抬起发送的数据。这些东西不是不重要，只是对于实现远程控制来说不需要关心。

    没有用的东西就把它关掉。

   从库中找到WebSocket.cpp文件，把这个define注释掉。然后再次打开WebSocket.html文件

   增加些自己的控制代码，比如音量的加减，再来运行一下

    在网页上点击按钮就会发送对应的数据到Fireduino，Fireduino端根据不同的数据进行处理执行不同的功能。在传输各种数据和指令时，正规的做法应该增加通讯协议，也就是为每条数据增加包头、包尾、ID编号和内容等，如果再严格一点，还要加上校验码，这样可以确保不会错误的解析数据。考虑可靠性的话应该加上应答信息，安全性应该加密后再传输。这里为了方便就全被我省略了。不过有一点需要注意，Javascript是不支持二进制数据的，所以也就只能传输ASCII了。

jackten

谢谢分享                       

wambob

C++学的好啊         

limale

谢谢斑竹分享，温习C++去了。