战舰V3通过ESP8266获得网络天气

郭庆帅 · 发表于 2017-11-26 11:32:44

本帖最后由 Genius 于 2017-11-27 09:50 编辑

之前用8266和机智云成功通信了，见帖子 http://club.gizwits.com/thread-8048-1-1.html  但是一直不知道8266是怎么设置联网，因为这个是下载的机智云的固件。后来就寻思着做了这个网络天气的。网上几乎没有人用STM32做天气的，基本上都是用arduino或者直接用esp8266+oled。

一、
硬件：战舰V3 + ESP8266 + 2.8寸屏
软件：1、esp8266的配置
      2、连接天气的服务器，get API数据
      3、cjson的移植与解析
      4、UTF8转GBK转码，这个网上很少例程
      5、图标的取模

首先配置esp8266为透传模式

01

02

03

04

05

06

07

08

09

10

11

12

13

14

15

16

17

18

19

20

while(atk_8266_send_cmd("AT","OK",20))//¼ì2éWIFIÄ￡¿éêÇ·ñÔúÏß
      {
            atk_8266_quit_trans();//íË3öí¸′«
            atk_8266_send_cmd("AT+CIPMODE=0","OK",200);  //1Ø±Õí¸′«Ä￡ê½
            Show_Str(40,55,200,16,"Î′¼ì2aμ½Ä￡¿é!!!",16,0);
            delay_ms(800);
            LCD_Fill(40,55,200,55+16,WHITE);
            Show_Str(40,55,200,16,"3￠êÔá¬½óÄ￡¿é...",16,0);
      }
      while(atk_8266_send_cmd("ATE0","OK",20));//1Ø±Õ»ØÏÔ
      atk_8266_send_cmd("AT+CWMODE=1","OK",50);             //éèÖÃWIFI STAÄ￡ê½
      atk_8266_send_cmd("AT+RST","OK",20);             //DHCP·tÎñÆ÷1Ø±Õ(½öAPÄ￡ê½óDD§)
      delay_ms(1000);       //Ñóê±3Sμè′yÖØÆô3é1|
      delay_ms(1000);
      delay_ms(1000);
      delay_ms(1000);
      //éèÖÃá¬½óμ½μÄWIFIíøÂçÃû3Æ/¼óÃü·½ê½/ÃüÂë,Õa¼¸¸ö2ÎêyDèòa¸ù¾YÄú×Ô¼oμÄÂ·óéÆ÷éèÖÃ½øDDDT¸Ä!!
      atk_8266_send_cmd("AT+CIPMUX=0","OK",20); //0￡oμ￥á¬½ó￡¬1￡o¶àá¬½ó
      sprintf((char*)p,"AT+CWJAP=\"%s\",\"%s\"",wifista_ssid,wifista_password);//éèÖÃÎTÏß2Îêy:ssid,ÃüÂë
      while(atk_8266_send_cmd(p,"WIFI GOT IP",300));                                     //á¬½óÄ¿±êÂ·óéÆ÷,2￠Çò»ñμÃIP

然后连接天气服务器，get API

01

02

03

04

05

06

07

08

09

10

11

12

13

14

15

16

17

sprintf((char*)p,"AT+CIPSTART=\"TCP\",\"%s\",%s",WEATHER_SERVERIP,WEATHER_PORTNUM); //ÅäÖÃÄ¿±êTCP·tÎñÆ÷
      res = atk_8266_send_cmd(p,"OK",200);//á¬½óμ½Ä¿±êTCP·tÎñÆ÷
      if(res==1)
      {
            myfree(SRAMIN,p);
            return 1;
      }
      delay_ms(300);
      atk_8266_send_cmd("AT+CIPMODE=1","OK",100);    //′«êäÄ￡ê½Îa￡oí¸′«
      atk_8266_get_wanip(ipbuf);//»ñè¡WAN IP
      sprintf((char*)p,"IPμØÖ·:%s ¶Ë¿ú:%s",ipbuf,(u8*)WEATHER_PORTNUM);
//       Show_Str(30,65,200,12,p,12,0);                               //ÏÔê¾IPμØÖ·oí¶Ë¿ú
      USART3_RX_STA=0;
      atk_8266_send_cmd("AT+CIPSEND","OK",100);       //¿aê¼í¸′«
      printf("start trans...\r\n");

      u3_printf("GET [color=rgb(0, 130, 0) !important][url=https://api.seniverse.com/]https://api.seniverse.com[/url]);

然后再解析这个API返回的数据，并予以显示。

二、
1.目前免费的API有很多，我比较喜欢“心知天气”（ https://www.seniverse.com/ ）和 “和风天气”（ http://www.heweather.com/  ）。
  大家可以到这两个网站去注册，选择你们喜欢的天气API。心知天气的免费API返回的数据表少，功能较少。而和风天气的免费API则返回的比较详细。
  我这里选择心知天气，然后大家可以去看看心知天气的文档，里面有详细的数据结构（cjson数据）。
2.移植和解析cjson。
  这个东西很简单，我也是第一次移植，不过看了一篇教程就会了。推荐大家看下这两篇文章就可以了。
  http://blog.csdn.net/xukai871105/article/details/32346797 这个讲cjson的格式讲的蛮好的
  http://blog.csdn.net/lintax/article/details/50993958    这个讲cjson的使用
  https://sourceforge.net/projects/cjson/       这个网站是下载cjson的
  移植cjson，注意两点，一个是cjson占用堆比较大，大约3K，这个坑我就遇到了，使用默认的堆大小不能运行，于是我把堆改成了4K。

第二点就是要为 cjson 配置malloc ，打开cjson.c，修改下面几处。修改成原子的mymalloc，由于原子的mymalloc有个选择SRAMIN的参数，所以我又封装了下，弄了个my_malloc。

3.连接天气服务器，然后get 天气的api。
这里卡了好半天，一开始用网口调试助手连上了服务器，然后get那个API链接的时候，一直不成功，原来是要在这个链接后面加两个回车，这个得感谢坛友  svwydh

4.解析天气数据
  用cjson库来解析天气数据，这里有个问题就是获得的天气数据的格式都是  utf8 的，无法直接显示在屏上，需要转码成GBK的，而原子哥的汉字例程就是gbk的。
  utf8转gbk这个网上也比较少，问了很多网友，有人说用查表法，于是又去找，侥幸找到了一个类似的，然后修改了下，居然可以用。

5.图标的制作
  首先自己去选一套漂亮的天气图标，我刚才推荐的那两个网站里已经为大家准备了图标，可自行下载。
  然后用战舰光盘里那个Image2lcd的软件，选择输出灰度为单色，这样取模以后的数据最小。打开你的天气图标，然后点保存，就可以保存为一个数组的c文件，将这个
  数组添加到你的工程里去。

大体上的难点和知识点就是上面这些。

上几张效果图。一张彩色的，一张白色的，大家觉得哪个好看点。