“Microduino WiFi控制LEDs/zh”的版本间的差异

来自Microduino Wikipedia
跳转至: 导航搜索
(Created page with "{| style="width: 800px;" |- | ==目的== 本教程将教大家如何使用Microduino制作一个控制LED灯的装置,数据传输用wifi,传输格是json. ==设备== ...")
 
调试
第107行: 第107行:
 
步骤四:
 
步骤四:
  
找到update_state.php这个文件,修改里边的socket连接的IP地址,修改成Microduino的IP地址:
+
在下载的代码文件夹里找到update_state.php这个文件,修改里边的socket连接的IP地址,修改成Microduino的IP地址:
 
[[File:wifiContorlLED5.png|600px|center|thumb]]
 
[[File:wifiContorlLED5.png|600px|center|thumb]]
  

2014年11月23日 (日) 07:04的版本


目的

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

设备

模块 数量 功能
Microduino-Core/zh 1 核心板
Microduino-USBTTL/zh 1 下载程序
Microduino-WiFi/zh 1 无线传输


  • 其他设备
220电阻 2个
面包板跳线 一盒
LED灯 2个
micro usb数据线 一根

原理图

WifiContorlLEDSchematic.png


程序

wifiConrol

调试

步骤一:按照原理图搭建好电路,像这样:

WifiContorlLED1.png


步骤二:下载代码,在Microduino里运行Microduino_led_wifi的代码,如果有编译错误的话,应该是因为缺少Adafruit_CC3000库函数:[_03_Microduino_WIFI_CC3000]

安装好缺少的库函数后应该就可以运行了,在运行之前在程序中修改一下wifi用户名,密码:

WifiContorlLED1 1.png


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

WifiContorlLED2.png

这说明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/ 下载安装

本站下载地址:文件:WampServer.rar

在安装过程中很有可能会提示 缺少msvcr110.dll 之类的提示,导致安装不成功,这时因为你的windows系统缺少组件,请去:[Visual C++ Redistributable for Visual Studio 2012 Update 4]下载安装(需要翻墙)

WifiContorlLED3.png

本站msvcr110.dll下载地址:文件:Msvcr110.rar


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

WifiContorlLED4.png

打开你的浏览器输入:localhost

如果看到下面的画面说明安装wampserver成功了:

WifiContorlLED4 1.jpg


步骤四:

在下载的代码文件夹里找到update_state.php这个文件,修改里边的socket连接的IP地址,修改成Microduino的IP地址:

WifiContorlLED5.png


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

显示:

WifiContorlLED6.png

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


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

WifiContorlLED7.png

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

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

找到如下语句:

 #   onlineoffline tag - don't remove
 Require local

替换成:

 #   onlineoffline tag - don't remove
 Require all granted

就解决问题了。

结果

你可以用浏览器或者手机来控制LED灯了。

WifiContorlLED8.png
WifiContorlLED9.png


视频

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