“第五十七课--Microduino WiFi控制LED/zh”的版本间的差异

来自Microduino Wikipedia
跳转至: 导航搜索
(Created page with "{| style="width: 800px;" |- | ==目的== 本教程将教大家如何使用Microduino制作一个控制LED灯的装置,数据传输用wifi,传输格是json. ==设备== ...")
 
调试
 
(未显示同一用户的6个中间版本)
第51行: 第51行:
 
步骤二:下载代码,在Microduino里运行Microduino_led_wifi的代码,如果有编译错误的话,应该是因为缺少Adafruit_CC3000库函数:[[https://github.com/wasdpkj/libraries/tree/master/_03_Microduino_WIFI_CC3000 _03_Microduino_WIFI_CC3000]]
 
步骤二:下载代码,在Microduino里运行Microduino_led_wifi的代码,如果有编译错误的话,应该是因为缺少Adafruit_CC3000库函数:[[https://github.com/wasdpkj/libraries/tree/master/_03_Microduino_WIFI_CC3000 _03_Microduino_WIFI_CC3000]]
  
安装好缺少的库函数后应该就可以运行了,如果正常的话你的IDE串口通讯会显示IP地址等如下信息:
+
安装好缺少的库函数后应该就可以运行了,在运行之前在程序中修改一下wifi用户名,密码:
 +
[[File:wifiContorlLED1_1.png|600px|center|thumb]]
 +
 
 +
 
 +
 
 +
如果正常的话你的IDE串口通讯会显示IP地址等如下信息:
  
 
[[File:wifiContorlLED2.png|600px|center|thumb]]
 
[[File:wifiContorlLED2.png|600px|center|thumb]]
第61行: 第66行:
 
其实有许多开源软件可以用来配置服务器,例如easyPHP, wampserver等,因为本人比较熟悉wampserver所以接下来介绍如何安装配置wampserver。
 
其实有许多开源软件可以用来配置服务器,例如easyPHP, wampserver等,因为本人比较熟悉wampserver所以接下来介绍如何安装配置wampserver。
  
W-windows
+
windows操作系统:
A-apache
+
*W-windows
M-mysql
+
*A-apache
P-php
+
*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/ 下载安装
 
官网: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]]下载安装(需要翻墙)
 
在安装过程中很有可能会提示 缺少msvcr110.dll 之类的提示,导致安装不成功,这时因为你的windows系统缺少组件,请去:[[http://www.microsoft.com/en-us/download/details.aspx?id=30679  Visual C++ Redistributable for Visual Studio 2012 Update 4]]下载安装(需要翻墙)
第72行: 第92行:
 
[[File:wifiContorlLED3.png|600px|center|thumb]]
 
[[File:wifiContorlLED3.png|600px|center|thumb]]
  
本站msvcr110.dll下载地址:sss
+
本站msvcr110.dll下载地址:[[File:Msvcr110.rar]]
 +
 
  
 
安装好后,在你的安装目录下会看到以下目录结构
 
安装好后,在你的安装目录下会看到以下目录结构
第81行: 第102行:
  
 
如果看到下面的画面说明安装wampserver成功了:
 
如果看到下面的画面说明安装wampserver成功了:
[[File:wifiContorlLED4_1.png|600px|center|thumb]]
+
[[File:wifiContorlLED4_1.jpg|600px|center|thumb]]
  
  
第95行: 第116行:
 
[[File:wifiContorlLED6.png|600px|center|thumb]]
 
[[File:wifiContorlLED6.png|600px|center|thumb]]
  
确保Microduino通电,这时你可以点击这些按钮,看看LED等有啥反应。
+
确保Microduino通电,这时你可以点击这些按钮,看看LED灯有啥反应。
  
  
第107行: 第128行:
  
 
找到如下语句:
 
找到如下语句:
 
+
<source lang="cpp">
#  onlineoffline tag - don't remove
+
#  onlineoffline tag - don't remove
 
+
Require local
Require local
+
</source>
  
 
替换成:
 
替换成:
  
#  onlineoffline tag - don't remove
+
<source lang="cpp">
 
+
#  onlineoffline tag - don't remove
Require all granted
+
Require all granted
 
+
</source>
 
就解决问题了。
 
就解决问题了。
 
  
 
==结果==
 
==结果==

2014年11月23日 (日) 05:27的最新版本


目的

本教程将教大家如何使用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