查看“Microduino WiFi控制LEDs/zh”的源代码

{| style="width: 800px;"
|-
|


==目的==

本教程将教大家如何使用Microduino制作一个控制LED灯的装置，数据传输用wifi，传输格是json.

==设备==
{|class="wikitable"
|-
|模块||数量||功能
|-
|[[Microduino-Core/zh]]||1||核心板
|-
|[[Microduino-USBTTL/zh]] ||1||下载程序
|-
|[[Microduino-WiFi/zh]] ||1||无线传输

|}


*其他设备
{|class="wikitable"
|-
|220电阻||2个
|-
|面包板跳线||一盒
|-
|LED灯||2个
|-
|micro usb数据线||一根
|}

==原理图==

[[File:wifiContorlLEDSchematic.png|600px|center|thumb]]


==程序==

wifiConrol

==调试==

步骤一：按照原理图搭建好电路，像这样：
[[File:wifiContorlLED1.png|600px|center|thumb]]


步骤二：下载代码，在Microduino里运行Microduino_led_wifi的代码，如果有编译错误的话，应该是因为缺少Adafruit_CC3000库函数：[[https://github.com/wasdpkj/libraries/tree/master/_03_Microduino_WIFI_CC3000 _03_Microduino_WIFI_CC3000]]

安装好缺少的库函数后应该就可以运行了，在运行之前在程序中修改一下wifi用户名，密码：
[[File:wifiContorlLED1_1.png|600px|center|thumb]]



如果正常的话你的IDE串口通讯会显示IP地址等如下信息：

[[File:wifiContorlLED2.png|600px|center|thumb]]

这说明Microduino WiFi连接正常。

步骤三：接下来需要把你的笔记本电脑配置成一个可以运行PHP代码的服务器，因为在本例中网页接口使用的了PHP代码。

其实有许多开源软件可以用来配置服务器，例如easyPHP, wampserver等，因为本人比较熟悉wampserver所以接下来介绍如何安装配置wampserver。

windows操作系统:
*W-windows
*A-apache
*M-mysql
*P-php
Linux操作系统:
*L-linux
*A-apache
*M-mysql
*P-php
Mac OS操作系统:
*M-Mac OS
*A-apache
*M-mysql
*P-php

我是用的是windows操作系统:

官网：http://www.wampserver.com/en/ 下载安装

本站下载地址：[[File:wampServer.rar]]

在安装过程中很有可能会提示 缺少msvcr110.dll 之类的提示，导致安装不成功，这时因为你的windows系统缺少组件，请去：[[http://www.microsoft.com/en-us/download/details.aspx?id=30679  Visual C++ Redistributable for Visual Studio 2012 Update 4]]下载安装（需要翻墙）

[[File:wifiContorlLED3.png|600px|center|thumb]]

本站msvcr110.dll下载地址：[[File:Msvcr110.rar]]


安装好后，在你的安装目录下会看到以下目录结构

[[File:wifiContorlLED4.png|600px|center|thumb]]

打开你的浏览器输入：localhost

如果看到下面的画面说明安装wampserver成功了：
[[File:wifiContorlLED4_1.jpg|600px|center|thumb]]


步骤四：

找到update_state.php这个文件，修改里边的socket连接的IP地址，修改成Microduino的IP地址：
[[File:wifiContorlLED5.png|600px|center|thumb]]


把MicroduinoWiFiControl文件夹放到www文件夹里边，浏览器地址输入：http://localhost/MicroduinoWiFiControl/robot.html

显示：
[[File:wifiContorlLED6.png|600px|center|thumb]]

确保Microduino通电，这时你可以点击这些按钮，看看LED灯有啥反应。


步骤五：除了在电脑浏览器里操作控制LED灯，你也可以用任何终端控制，比如手机：

[[File:wifiContorlLED7.png|600px|center|thumb]]

在手机中输入你电脑的IP地址来访问网页接口，如果访问受限说明你的wampserver初始安装时做了限制不允许内网里的其它计算机访问，只要做下边的修改配置就解决问题了：

找到 wamp文件夹里的httpd.conf文件，此文件在：wamp\bin\apache\apache2.4.9\conf

找到如下语句：
<source lang="cpp">
 #   onlineoffline tag - don't remove
 Require local
</source>

替换成：

<source lang="cpp">
 #   onlineoffline tag - don't remove
 Require all granted
</source>
就解决问题了。

==结果==

你可以用浏览器或者手机来控制LED灯了。
[[File:wifiContorlLED8.png|600px|center|thumb]]
[[File:wifiContorlLED9.png|600px|center|thumb]]


==视频==

http://v.youku.com/v_show/id_XODMyNDg4MDgw.html
|}