CC3200 wifi 协议栈 http web试验分享

杂牌电子 · 发表于 2016-5-28 12:16:51

能力有限，难免有错，有问题请指出，谢谢！

qq群交流219757695 QQ:2442926161

第一次写分享帖，以前都是看别人的。如果讲的不到的地方或不对的地方欢迎指出。

   一直从事智能家居行业，一直用zigbee和wifi模块做传输，本来想学习STM32F4做以太网通讯和音频来做背景音乐，但是感觉以太网和wifi比起来，无线比较有优势，后面开始了解CC3200 wifi传输....

好了，原来一直在关注原子哥STM32F4上的以太网（但是开发板还是没有买），我们现在就用原子哥提供的网页，然后修改下，使用到CC3200上吧！

图片怎么粘贴不了？那我打字吧...

我们找到网络实验6 RAW_Webserver实验\LWIP\lwip_app\web_server_demo\makefsdata\fs路径，选择STM32F407LED_OFF_BEEP_OFF.shtml这个去修改或者直接新建一个html文件，然后将以下代码复制到这个新建的html文件中：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CC3200 学习  谢斌笔记分享</title>
<style type="text/css">

.ul1{margin:0;padding:0; list-style:none;}
.li1{margin:0;padding:0; list-style:none;}
.menu{width:1000px;height:48px;margin:0 auto; background:url(image/tab.jpg) repeat-x; }
.menu ul{width:1000px;float:left;height:48px;display:inline;}
.menu ul li{width:200px;height:48px; line-height:48px; text-align:center; float:left;display:inline; }
.menu ul li a{width:200px;height:48px; float:left;text-decoration:none; color:#fff; font-size:18px;font-weight:bold;}
.menu ul li a:hover{ background:#FF0000 repeat-x; }

.logo{}
.bodystyle{  margin:0 auto; width:1000px; background:#d5d5d7;}

</style>

</head>
<body class="bodystyle">
<div style="background-color:#FFFFFF;">
<div class="logo"><img src="test2.jpg" alt="广州市星翼电子科技有限公司" width="470" height="328" style="margin:20px 0px 0px 0px;" title="广州市星翼电子科技有限公司" />
  <img src="test1.jpg" width="461" height="332" />
  <hr />
</div>

<div class="menu">
<ul class="ul1">
<li class="li1"><a href="index.html">主页</a></li>
      <li class="li1"><a href="STM32F407LED_OFF_BEEP_OFF.shtml">P控制</a></li>
      <li class="li1"><a href="STM32F407ADC_TEMPERATE.shtml">ADC/内部温度传感器</a></li>
      <li class="li1"><a href="STM32F407RTC.shtml">RTC实时时钟</a></li>
      <li class="li1"><a href="http://eboard.taobao.com" target="_blank">联系我们</a></li>
</ul>
</div>

<div style="margin-top:30px;"><strong>通过http post请求控制CC3200 wifi模块上led灯的亮灭。</strong></div>
<div style="width:1000px; background-color:#0066CC;color:#fff;margin-top:30px;  ">
            <h3>
               <span style="text-align:center;">网页LED1控制</span>
            </h3>
</div>
<div style="margin-top:30px; text-align:center;">
<form action="" method="post">
LED1:
   <input type="radio" name="__SL_P_ULD" value="LED1_ON" id="LED1_0" >ON
   <input name="__SL_P_ULD" type="radio" id="LED1_1" value="LED1_OFF" checked>OFF<BR>
<br>
  <input type="submit" name="button2" id="button2" value="SEND">
</form>
</div>

<div style="width:1000px; background-color:#0066CC;color:#fff; ">
            <h3>
               <span style="text-align:center;">网页LED2控制</span>
            </h3>
</div>

<div style="margin-top:30px; text-align:center;">
<form action="__SL_P_ULD" method="post" name="form1">
  LED2:
<input type="radio" name="__SL_P_ULD" value="LED2_ON" id="BEEP_0" >ON
<input name="__SL_P_ULD" type="radio" id="LED2" value="LED2_OFF" checked>OFF<BR> <BR>
<input type="submit" name="button" id="button" value="SEND">
<br>
</form>
</div>

</div>
<div align="center" style="margin-top:20px;margin-bottom:30px;">
<tr>
      <td align="center">© 开源电子网(OpenEdv.com) | <a href="http://www.alientek.com/" target="_blank">关于我们</a> | <a target="_blank" href="http://www.alientek.com">官方网站</a> | <a href="http://weibo.com/u/2973019374" target="_blank">@新浪微博</a> |<a href="http://shop62057469.taobao.com/" target="_blank">官方淘宝店</a> |<a href="http://www.miitbeian.gov.cn/" target="_blank" style="color:#737573;text-decoration:none;">粤ICP备12000418号-1</a></td>          </tr>    <BR>
</div>
</body>
</html>

将文件名修改成main.html并且烧录到外部flash的/www路径，之后启动cc3200（如果使用的是提供的历程，记得连接P58到VCC），此时CC3200作为AP模式，等到以下信息后使用手机在浏览器中输入mysimplelink.net，此时可以点击对应的LED灯即可控制板子上的LED灯了！
*************************************************
      CC3200 HTTP Server Application
*************************************************
Host Driver Version: 1.0.0.10
Build Version 2.6.0.5.31.1.4.0.1.1.0.3.34
Device is configured in default state
Device is in AP Mode, Please Connect to AP [mysimplelink-E869D0] andtype [mysimplelink.net] in the browser

其实这里就是CC3200控制LED灯的源码,只要网页中的数据和这里对上就可以进行控制了，是不是感觉很简单呢？嘻嘻..

case SL_NETAPP_HTTPPOSTTOKENVALUE_EVENT: //post请求
      {
      unsigned char led;
      unsigned char *ptr = pSlHttpServerEvent->EventData.httpPostData.token_name.data;

      if(memcmp(ptr, POST_token, strlen((const char *)POST_token)) == 0) //比较标签
      {
         ............. //省略很多字，嘻嘻..

         if(led == '1') //LED1
         {
            if(memcmp(ptr, LED_ON_STRING, strLenVal) == 0)
            {
                  GPIO_IF_LedOn(MCU_RED_LED_GPIO); //如果是打开指令就开灯
            }
            else
            {
                  GPIO_IF_LedOff(MCU_RED_LED_GPIO);
            }
         }
         else if(led == '2') //lLED2
         {
            if(memcmp(ptr, LED_ON_STRING, strLenVal) == 0)
            {
                  GPIO_IF_LedOn(MCU_GREEN_LED_GPIO);
            }
            else
            {
                  GPIO_IF_LedOff(MCU_GREEN_LED_GPIO);
            }
         }

我得做饭吃了，下次再写其他的！