App inventor 编写安卓app控制 ESP8266

  1. 3 月前
    2
    3 月前,由 小巴同学 重新编辑

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

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

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

    下载地址: [点击下载 ]

    本demo 是利用arduino IDE开发,关于arduino IDE 的ESP8266环境配置可参考:环境配置: [点击跳转]

    第二 修改demo例程

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

    用户私钥可以巴法云控制台[点击跳转 ]获取,注册绑定邮箱即可在巴法创客云控制台[点击跳转 ]获取。

    关于主题topic:主题可在控制台新建,字母+数字自定义组合即可。如下,例程的主题为light002。

    //********************需要修改的部分*******************//
    
    //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 口,可根据自己需求更改。

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

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

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

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

    //********************需要修改的部分*******************//
    
        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 [点击跳转 ]广州站创建账号,并登陆。

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

    demo 下载[点击下载 ]

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

    -image-

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

    -image-

    导入aia文件后,如果只是简单使用,只需要修改两个地方,一个是主题名字,一个是UID,均需开发者置换成自己的topic(主题名字)和UID(用户私钥),均可在创客云控制台获取[点击跳转](http://www.cloud.bemfa.com/tcpfast.php)。

    此处的主题topic应该和ESP8266程序里面设定的主题修改为一样,不然会收不到消息。UID修改为自己的私钥。

    -image-

    -image-

    控制逻辑

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

    -image-

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

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

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

    如果想控制家里的灯具,加个继电器即可,通过引脚输出高低电平控制继电器的开和关,从而达到控制220v交流电的效果。继电器需要用3.3V继电器。

    -image-

  2. 4 周前

    打开APP的时候状态显示“NAN”,没有显示实时状态。要点一下“打开”或者“关闭”才能显示实时状态。

或者 注册后参与话题.