查看: 398|回复: 2

(简单入门) App inventor 编写安卓app控制 ESP8266

[复制链接]
  • TA的每日心情
    开心
    2019-8-22 09:26
  • 签到天数: 7 天

    [LV.3]偶尔看看II

    发表于 2019-8-5 17:19 | 显示全部楼层 |阅读模式
    本帖最后由 bemfa 于 2019-8-5 17:31 编辑

    原理简述:利用发布订阅模式,即:ESP8266 订阅了一个主题,再利用app inventor 编写得app 往这个主题发布消息,由于ESP8266 订阅了这个消息,所以就可以收到app发布得消息,从而执行相应得动作。

    基于TCP长连接的模式,ESP8266通过TCP长连接,连接到服务器,app也同样通过TCP长连接,连接到服务器,两者通过主题(topic)进行耦合。


    第一 下载ESP8266示例(arduino ide 编程开发)

    下载地址: http://www.cloud.bemfa.com/zip/tm_bemfa_led.zip

    本demo 是利用arduino IDE开发,关于arduino IDE 的ESP8266环境配置可参考:环境配置: (http://bbs.bemfa.com/6/)

    第二 修改demo例程

    需要修改的信息有WIF名称,WIFI密码,用户私钥UID,设备主题topic。

    用户私钥可以 巴法云控制台 (http://www.cloud.bemfa.com/tcpfast.php)获取,注册绑定邮箱即可在 巴法创客云 控制台获取。

    关于主题topic:主题可在控制台(http://www.cloud.bemfa.com/tcpfast.php)新建,字母+数字自定义组合即可。如下,例程的主题为light002。

    kittenblock中小学创客名师推荐的图形化编程软件

    //********************需要修改的部分*******************//
    
    //WIFI名称,区分大小写,不要写错
    #define DEFAULT_STASSID  "Air_mbs"
    //WIFI密码
    #define DEFAULT_STAPSW   "air123456"
    //用户私钥,可在控制台获取,修改为自己的UID
    #define UID  "4d9ec352e0376f2110a0c601a2857xxx"
    //主题名字,可在控制台新建
    #define TOPIC  "light002"
    //单片机LED引脚值
    const int LED_Pin = D4;
    
    //**************************************************//


    在本demo中是控制的ESP8266的D1 口,可根据自己需求更改。

    kittenblock中小学创客名师推荐的图形化编程软件

    //单片机LED引脚值
    const int LED_Pin = D4;


    下载程序到ESP8266中,如果WIFI信息没有填错的话ESP8266就会自动连接到云服务器上。

    开发者可进行测试,测试方法,在控制台该主题处推送消息,可观察ESP8266是否收到该消息。可通过串口工具查看输出。

    消息检测代码默认为(在例程147行):

    kittenblock中小学创客名师推荐的图形化编程软件

        if((TcpClient_Buff.indexOf("&msg=on") > 0)) {
          turnOnLed();
        }else if((TcpClient_Buff.indexOf("&msg=off") > 0)) {
          turnOffLed();
        }


    当检测到消息为on 时,执行开灯,当检测到消息为off 时,执行关灯。

    开发者可在控制台推送on或者off,然后检测esp8266是否收到,如果收到,说明正常可进行下一步app编写。

    说明:消息不单单局限于on或off,开发者可以张大脑洞随意定义的,你推送什么消息,在单片机处做什么消息检测就可以了。

    第三 app inventor 开发

    原理:同样通过TCP 长连接,连接到服务器,当按下按钮,就向服务器该主题推送个消息,ESP8266就可以收到该消息了。

    简介:Google App Inventor是一个完全在线开发的Android编程环境,抛弃复杂的程式代码而使用积木式的堆叠法来完成您的Android程式。 而且这款编程软件不一定非要是专业的研发人员,甚至根本不需要掌握任何的程序编制知识。因为这款软件已经事先将软件的代码全部编写完毕,用户只需要根据自己的需求向其中添加服务选项即可。也就是我们所要做的只是写简单的代码拼装程序。

    在appInventor 点击跳转(http://app.gzjkw.net) 广州站创建账号,并登陆。

    本操作只提供一个app的demo,界面过于丑陋,大家可自由发挥更改界面。

    demo 下载 ( http://www.cloud.bemfa.com/docs/aia/smarthome.aia  )

    顶部导航栏,依次点击(项目-->导入项目aia),选择上一步骤下载的aia文件导入即可。点击导入的项目,即可看到控制面板,面板主要分为在组建设计和逻辑设计,用户可在右上角进行模式切换。


    (组建设计)面板可以向屏幕添加组建以进行二次开发。(逻辑面板)则进行相关逻辑编写。


    导入aia文件后,如果只是简单使用,只需要修改两个地方,一个是主题名字,一个是UID,均需开发者置换成自己的topic(主题名字)和UID(用户私钥),均可在创客云 控制台(http://www.cloud.bemfa.com/tcpfast.php) 获取。此处的主题topic应该和ESP8266程序里面设定的主题修改为一样,不然会收不到消息。UID修改为自己的私钥。



    控制逻辑

    当按钮'打开'被点击,发送on,ESP8266即可收到on消息。




    具体发送的消息,开发者可自定义,例程中只是发送简单的字符串,开发者也可发送json之类的,例如

    cmd=2&uid=7d54f85af42976ee3c2693e6xxxxxxxx&topic=light002&msg={"r":10,"g":200,"b":255}\r\n

    不过在ESP8266端要对json消息体进行解析。

    如果想控制家里的灯具,加个继电器即可,通过引脚输出高低电平控制继电器的开和关,从而达到控制220v交流电的效果。继电器需要用3.3V继电器。
    界面太丑,大家下载例程后可以修改,加背景图片之类的,这里教程就不多说了,百度有很多的,就不献丑了。











  • TA的每日心情
    开心
    2019-8-22 09:26
  • 签到天数: 7 天

    [LV.3]偶尔看看II

     楼主| 发表于 2019-8-5 17:47 | 显示全部楼层
    有问题可以Q1217882800
  • TA的每日心情
    慵懒
    2019-5-25 16:08
  • 签到天数: 134 天

    [LV.7]常住居民III

    发表于 2019-8-5 21:53 | 显示全部楼层
    前一段玩esp8266的APP,没成功。太好了,有空再试试
    您需要登录后才可以回帖 登录 | 立即注册  

    本版积分规则

    热门推荐

    Arduino lcd屏幕亮了但是不显示字符
    Arduino lcd屏幕亮了但是
    Arduino的lcd屏亮了但是上面没有字符显示,串进去的滑动变阻器也旋过了,但是还是没有
    【原创】全球最小口袋3D打印机mini one直播教程贴
    【原创】全球最小口袋3D打
    最近闲得蛋疼,没事搞个掌上3D打印机,先放效果图吧。 搞了半天,终于能正常打印,
    [限时福利]5分钟带你快速了解新一代开发板:M5STACK
    [限时福利]5分钟带你快速
    一、什么是M5Stack M5Stack是一种模块化、可堆叠扩展的开发板,每个模块
    【Arduino】108种传感器模块系列实验(98)---L298N电机驱动板
    【Arduino】108种传感器模
    37款传感器与模块的提法,在网络上广泛流传,其实Arduino能够兼容的传感器模块肯定是
    两个ESP8266通过云端实现远程数据交互
    两个ESP8266通过云端实现
    原理简述:利用发布订阅模式。一个ESP8266作为消息发布者,另一个ESP8266作为消息订阅
    Copyright   ©2015-2016  Arduino中文社区  Powered by©Discuz!   ( 蜀ICP备14017632号-3 )
    快速回复 返回顶部 返回列表