(可远程)开源手机app控制c51单片机,附微信小程序控制

article/2025/10/11 22:20:08

开源手机app控制c51单片机

  • 第一 、先上效果图
  • 第二、原理讲解
  • 第三、下载程序到c51
  • 第四 app inventor 开发
  • 第五、微信小程序开发
  • 第六 可能遇到的一些小问题

第一 、先上效果图

在这里插入图片描述

第二、原理讲解

原理简述:利用发布订阅模式。第一步,新建主题,第二步,stc89c51通过esp8266订阅这个主题。第三步、通过app往这个主题发消息。由于单片机订阅了这个主题,所以可以实时收到发往这个主题的消息。从而达到通过app或者微信小程序控制c51单片机的目的。

关于发布订阅:

订阅(订阅):订阅给定的一个主题。
发布(发布)将信息发送到指定的主题。

只有订阅该主题的设备才可以收到发往该主题的消息。

通俗的来讲:就是像博客订阅的场景,什么意思呢,也就是说100个人订阅了你的博客,如果博主发表了文章,那么100个人就会同时收到通知邮件,订阅/发布模式就是这样的原理。

如果还不理解的话再通俗讲一下,就像生活中听收音机,要想听收音机,肯定就是调频啦,只有在正确的频道上面,我们才能听得到好听的节目,所以说订阅首先要订阅一个频道/主题,只有订阅了该主题,我们才能收到发往该频道/主题的消息。

在本例程中,c51借助ESP8266订阅主题,app订阅或者小程序发布消息,c51会实时收到消息,就可以实时控制c51了。

第三、下载程序到c51

下载程序的时候需要先断开c51和esp8266的连接。

c51示例程序下载:点击下载

程序说明,波特率9600,晶振11.0592

由于ESP8266-01默认波特率是115200,需要先手动调节esp8266-01的波特率。
调整方法:ESP8266-01连接到usb转ttl

五根线
esp8266---------UsbTTL
tx----------rx
rx----------tx
vcc-------3.3v
gnd--------gnd
en----------3.3v

打开串口调试助手,找到esp8266的com口并打开,发送

AT+UART=9600,8,1,0,0

末尾应该加上回车换行,串口会回复ok

串口调试助手下载工具: 点击下载
在这里插入图片描述

如果上步设置波特率没反应,则是你的esp8266固件不支持更改波特率,可以刷esp8266官方固件,教程:链接

用keil 打开程序,需要修改WIFI等信息

//需要修改的部分
#define Ssid  "newhtc"											//WIFI名称,,修改为自己路由器的WIFI名称,好像不支持中文
#define PassWord  "qq123456"              //WIFI密码,修改为自己路由器的
#define Uid  "4d9ec352e0376f2110a0c601a2857225" //巴法云UID密钥,控制台获取
#define TopicLed  "light002" //巴法云控制台创建,名称自定义,app订阅主题要和这个推送主题一致

巴法创客云控制台 新建一个主题,主题名字随意,例如light002,本实例用用light002,使用示例代码时应修改为自己的主题名字,字母或数字或字母加数字组合。UID为用户私钥,在 巴法创客云控制台 注册登陆后可获得。
登陆完成后,可在控制台看到自己的私钥UID,如图所示:

在这里插入图片描述

创建主题,在控制台,可创建主题。

  • 第一输入主题,字母或数字或字母+数字组合。
  • 点击创建主题。

在这里插入图片描述

WIFI名称为自己的路由器WIFI名称,区分大小写,写错会导致连接不上网络的。

重要代码讲解:

//实际收到到指令:cmd=2&uid=4d9ec352e0376f2110a0c601a2857225&topic=light002&msg=on
//字符串匹配,当检测到字符串msg=on时,执行开灯 
//如果有多个主题,可以加上主题名字以区分不同设备控制命令,如: if(strstr(Recive_table,"light002&msg=on"))
if(strstr(Recive_table,"&msg=on")){ P1=0xfe;   //打开灯,P10引脚置高电平
}else if(strstr(Recive_table,"&msg=off")){ 当检测到字符串msg=off时,执行关灯P1=0xff;	//关闭灯,P10引脚置低电平
}else if(strstr(Recive_table,"ERROR")){ //如果掉线或网络故障,重新连接
...

对收到的消息,进行字符串匹配,收到带on的消息,把P10引脚置高,收到带off的消息,把P10口置低电平。

具体接口可参考:巴法云官方文档

下载工具STC-ISP:下载:https://www.lanzous.com/iaxa4fc 密码:1234

STC89c51/52和ESP8266接线问题
c51 ----------8266
P30----------TX
P31----------RX
3.3v-----------3.3v
Gnd---------Gnd
3.3v-----------EN
试了8266直接接5v也工作,不过不建议使用

如果路由器有网络的话,esp8266会自动连接服务器,可在巴法创客云控制台 刷新网页,查看订阅设备是否在线。如果在线的话,可以在控制台推送on或许off消息,可以在串口调试助手查看单片机是否收到指令。波特率9600。

如果控制台没有显示订阅设备在线,连接好esp8266和c51,然后断电重启重试即可。

第四 app inventor 开发

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

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

安装appInventor 点击安装

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

demo 下载点击下载

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

app

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

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

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

在这里插入图片描述

app

控制逻辑

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

在这里插入图片描述

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

不过在ESP8266端要对json消息体进行解析。更多指令格式说明:接入文档

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

在这里插入图片描述

在这里插入图片描述

第五、微信小程序开发

教程:https://blog.csdn.net/bemfa/article/details/107019002

第六 可能遇到的一些小问题

选择PDATA 或者large XDATA。
在这里插入图片描述
在这里插入图片描述


http://chatgpt.dhexx.cn/article/Wb3oZMPw.shtml

相关文章

java实例内部类

内部类:可以将一个类定义在另一个类或者一个方法的内部。描述一个事物的一个完整结构的描述。内部类包括:实例内部类(普通内部类),静态内部类,局部内部类(定义在方法里,几乎不用&…

Java内部类介绍 - 局部内部类和匿名内部类

文章目录 内部类局部内部类匿名内部类匿名内部类介绍常见的使用形式开发中使用场景 内部类 局部内部类 局部内部类 (鸡肋语法,了解即可) 局部内部类, 在方法、代码块、构造器等执行体中创建一个类, 称为为局部内部类(但是我们一般都不会这样…

夯实Java基础系列8:深入理解Java内部类及其实现原理

本系列文章将整理到我在GitHub上的《Java面试指南》仓库,更多精彩内容请到我的仓库里查看 https://github.com/h2pl/Java-Tutorial 喜欢的话麻烦点下Star、Fork、Watch三连哈,感谢你的支持。 文章首发于我的个人博客: www.how2playlife.c…

初识JAVA内部类

1 内部类概述 如果一个类存在的意义就是为指定的另一个类,可以把这个类放入另一个类的内部。 就是把类定义在类的内部的情况就可以形成内部类的形式。 A类中又定义了B类,B类就是内部类,B类可以当做A类的一个成员看待: 2 特点 1) 内部类可以直接访问外…

java 内部类怎么调用成员变量_JAVA内部类之成员内部类

JAVA有一个特殊的类形式——内部类(这个词有点为难普通话不好的南方朋友)。今天我们就来聊聊内部类的一种:成员内部类。 如何定义成员内部类 那要如何定义成员内部类呢。 既然叫成员内部类,说明和成员变量是有类似的地方。从代码的层次结构上来看他是和成…

Java内部类(匿名内部类)

Java内部类(匿名内部类) 一、内部类二、静态内部类三、成员内部类四、局部内部类(了解即可)五、匿名内部类(重要) 一、内部类 1、概述 内部类就是一个定义在一个类里面的类,里面的类可以理解为…

Java 内部类的四种实现方式

Java 内部类的四种实现方式 前言 今天的话我将为大家介绍Java的四种内部类,他们分别是普通内部类,静态内部类,局部内部类,匿名内部类。 提示:以下是本篇文章正文内容,下面案例可供参考 一、内部类是什么&…

Java内部类

Java内部类 内部类成员内部类局部内部类匿名内部类静态内部类常规面试案例内部类实例化对象重名变量的引用 内部类 是什么? 字面意思,在类的内部编写的类就叫内部类! 为了方便区分、学习、理解我们一般将内部类分为以下几种! 内部…

java内部类赋值_详解 Java 内部类

内部类在 Java 里面算是非常常见的一个功能了,在日常开发中我们肯定多多少少都用过,这里总结一下关于 Java 中内部类的相关知识点和一些使用内部类时需要注意的点。 从种类上说,内部类可以分为四类:普通内部类、静态内部类、匿名内部类、局部内部类。我们来一个个看: 普通…

java new 一个内部类_java内部类

java内部类的几种类型:成员内部类,静态内部类,方法内部类,匿名内部类。 成员内部类:成员内部类是类内部的非静态类。成员内部类不能定义静态方法和变量(final修饰的除外)。这是因为成员内部类是非静态的,类初始化的时候先初始化静态成员,如果允许成员内部类定义静态变量…

java中的内部类

java中的内部类主要分为两类四种: 第一类:定义在外部类局部位置上,分为局部内部类( 有 类名)、匿名内部类(没有类名)。 第二类:定义在外部类的成员位置上,分为成员内部类(没有static修饰)、静态内部类(使用static修饰…

java内部类最全详解

1、成员内部类 内部类与外部类的关系 a.成员内部类的创建需要依赖于外部类对象-(成员方法必须通过对象调用),在没有外部类实例之前无法创建成员内部类对象 b.内部类与外部类相对独立,不是is a 的关系(发动机-汽车&am…

Java内部类详解(含:成员内部类、局部内部类、匿名内部类、静态内部类)

内部类是什么? 字面意思,在类的内部编写的类就叫内部类!即一个类的内部又完整的嵌套了另一个类结构,被嵌套的类称为内部类(inner class),嵌套其他类的类称为外部类(outer class)。 内部类是类的第五大成员→【提示:类的五大成员…

分享15款很棒的 JavaScript 开发工具javascript

在开发中,借助得力的工具可以事半功倍。今天,这篇文章向大家分享最新收集的15款非常有用的 javascript 开发工具。 testswarm: continious & distributed js testing testswarm是mozilla实验室推出的一个开源项目,它旨在为开发者提供在多个浏览器版本上快速轻松测试自己j…

27 个面向开发人员的最佳 Vue.js 开发工具

英文 | https://javascript.plainenglish.io/best-27-vuejs-development-tools-for-developers-bd972bb5f573 01、BootstrapVue 地址:https://bootstrap-vue.org/ 一个用于 Vue.js 构建引导接口的开源库。 02、Vuex 地址:https://vuex.vuejs.org/ Vue.js…

15 款非常有用的 JavaScript 开发工具

开发者有个趁手的工具将事半功倍。今天这篇文章分享给大家最新的15款非常有用的JavaScript 开发工具。 列表如下: TestSwarm: Continious & Distributed JS Testing TestSwarm提供分布式的JavaScript持续集成测试。最初它的创造者John Resig只是将它作为…

03【WebStorm开发工具】

上一篇:02【HTML快速入门】 下一篇:04【】 目录:【HTML5系列教程】 文章目录 三、WebStorm开发工具3.1 WebStorm简介3.2 WebStorm安装3.3 WebStorm基本使用3.3.1 创建项目3.3.2 调整字体大小3.3.3 代码自动补全3.3.4 WebStorm常用快捷键 三…

web开发者工具 js

作为Web开发人员,我为什么喜欢Google Chrome浏览器 【原文地址:http://www.cnblogs.com/QLeelulu/archive/2011/08/28/2156402.html 】 在Google Chrome浏览器出来之前,我一直使用FireFox,因为FireFox的插件非常丰富,更…

JavaScript 专用开发工具

下载地址:http://soooh.com/3/jsedit.rar javaScript专用编辑工具,免费绿色版,需要.net2.0才能运行。 特色:左侧能列出javascript的函数列表,适合修改很大的js文件。

顶级 Vue.js 开发工具

Vue.js已成为当前最热门的JavaScript前端框架。Vue 是构建有用应用程序和网站的完美选择,无论你是经验丰富的开发人员,正希望切换到 Vue 上,还是刚刚开始工作的新人——选择正确的工具都是非常重要的。在合适的工具帮助下,你就能快…