[微信篇]ESP8266-NonOS学习笔记(十一)之微信小程序控制LED灯 Part 1

本文主要是介绍[微信篇]ESP8266-NonOS学习笔记(十一)之微信小程序控制LED灯 Part 1,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

Hi,大家好,最近有点偷懒,没怎么写文章,也主要是最近一直在瞎鼓捣硬件了,忙里偷闲今天教大家如何用微信小程序控制自己的硬件,相信大家都有用过微信小程序了,小程序相比于普通App开发来说就很简单了,主要是一些前端技术,而且在微信的体系内可以很好的跨平台,这一点是非常不错的,本篇文章就教大家如何构建自己的小程序来控制自己的设备,闲话少说,just do it!

在开始之前你需要注册几个账号,请确保先注册完成,再开始:

1.微信小程序账号

微信公众平台

2.百度云天工物联网账号

百度天工-物联网平台

这里的MQTT服务器我们使用的是百度天工物联网服务,一年十块钱,一个月有两百万条消息配额,非常划算,我已经购买很久了,貌似一直在闲置着~请大家先注册一下账号,注册好以后我们开始一步步来~

首先我们需要先在百度天工上创建个计费套餐,一个月1块钱最低配就可,一年十元,如果不舍得就先看看别的文章吧~啊哈哈哈,开玩笑的,看我姿势:

这里我们点击创建计费套餐就可,在百度天工这边我们只需要四大步就好,其实有点麻烦,我们慢慢来~点击创建计费套餐,选择一下付钱就可以了,这里资源类型选物接入,不要选成SIM版了,有个区域选择,你看你离那个地区近就选哪一个,个人建议长江以南选广州,长江以北选北京~

购买完成后我们进入项目列表,然后新创建一个项目,如下图:

我这里今天测试已经创建好了一个项目,不过为了给不太熟悉的同学展示一下,我这里再新建一个项目,跟着我一步步来就好了,稍微有点麻烦,图片有点多,请大家见谅~

项目名称大家随便填,主要起一个标识作用,项目类型大家要选择数据型,这里不要选错哦,然后点击提交,这时候会发现项目列表里多了一个项目,如下图:

创建项目就好了,这里有几个网址,等会我们会用到一个,先不用着急记,等会大家知道来这里找就好了,然后我们点击项目名称,就是你刚刚起的名字:

然后我们点击创建用户,名称没什么讲究,大家可以自行选择,下面的用户名就是一会我们用来登录MQTT时用到的用户名,密码会在最后一步生成,大家先不要着急,然后再点击下一步:

这一步让我们选择身份,由于我们还没有创建身份,这里选择创建身份就好,然后填写一个名称,认证方式选择密码认证,然后点击下一步:

同样的,我们选择创建策略,名称不重要,大家可自行起一个,这里主题大家要注意了,主题是我们在这里设置好的,不是随便订阅的,如果你在设备或者小程序里订阅没有设置过的主题是不会收到任何消息的,而且还会断连,这一点请注意,这里我创建了三个主题,分别是控制灯、温度和湿度的,大家根据自己需要去创建或者跟我一样就好,权限把发布和订阅都选上即可,然后我们点击下一步:

这里让我们配置确认,这一步大家把密钥记录下来备用,记得不要搞丢哟~

接下来我们进行连接测试,我们回到用户列表,然后点击连接测试:

身份密钥填上那会我们生成的密码,然后点击连接,应该会看到连接成功的提示:

然后我们在左侧publish的主题里填上我们前面创建的主题,右侧Subscriptions处订阅相同的主题,然后随便发一条消息,看看不能在下面 Messages处收到,如果能接收到,表示我们设置成功,可以进行下一步了~

前面你已经注册完微信小程序账号后,我们还需要设置一下服务器地址,因为小程序的安全机制是不允许你随便去连接一个网址的,所以我们需要先在后台设置好:

点击开发设置,然后找到服务器域名,点击修改,然后再socket合法域名中填写前面让大家记住的网址就好,记得端口号不要一块复制进去,如下图:

小程序的AppID,大家一块记录一下,一会我们会用到~

至此大部分的设置就完成了,接下来我们需要下载一下小程序开发工具了,俗称IDE,大家戳卡片下载就可以了,建议大家选择稳定版下载哦~

下载 · 小程序

恭喜你到这一步,你已经走完一大步了,接下来,就是最重要的一步了,废话少说,先把小程序代码下下来呀,戳卡片:

imliubo/Wechat_MQTT_ESP8266_BaiduIoT​github.com

Part 1 就先到这,大家可以先看看小程序的代码,如果你了解JS的话,相信很快就能看懂,如果不了解的话,也没关系,后面我会录个视频讲解一下,当然我对JS也是半路出家,啊哈哈哈哈,大神勿喷~

最后如果喜欢的话,可以给我的仓库点个star,您的star是对我最大的鼓励!

下篇我们再来看看硬件代码,其实跟之前的写过的MQTT的Demo是一样的,有能力的同学,可以自己搞起来先~

转载于:https://www.cnblogs.com/imliubo/p/10633618.html

这篇关于[微信篇]ESP8266-NonOS学习笔记(十一)之微信小程序控制LED灯 Part 1的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:https://blog.csdn.net/weixin_30881367/article/details/95680336
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/306045

相关文章

java向微信服务号发送消息的完整步骤实例

《java向微信服务号发送消息的完整步骤实例》:本文主要介绍java向微信服务号发送消息的相关资料,包括申请测试号获取appID/appsecret、关注公众号获取openID、配置消息模板及代码... 目录步骤1. 申请测试系统2. 公众号账号信息3. 关注测试号二维码4. 消息模板接口5. Java测试

Python基于微信OCR引擎实现高效图片文字识别

《Python基于微信OCR引擎实现高效图片文字识别》这篇文章主要为大家详细介绍了一款基于微信OCR引擎的图片文字识别桌面应用开发全过程,可以实现从图片拖拽识别到文字提取,感兴趣的小伙伴可以跟随小编一... 目录一、项目概述1.1 开发背景1.2 技术选型1.3 核心优势二、功能详解2.1 核心功能模块2.

Go学习记录之runtime包深入解析

《Go学习记录之runtime包深入解析》Go语言runtime包管理运行时环境,涵盖goroutine调度、内存分配、垃圾回收、类型信息等核心功能,:本文主要介绍Go学习记录之runtime包的... 目录前言:一、runtime包内容学习1、作用:① Goroutine和并发控制:② 垃圾回收:③ 栈和

Android学习总结之Java和kotlin区别超详细分析

《Android学习总结之Java和kotlin区别超详细分析》Java和Kotlin都是用于Android开发的编程语言,它们各自具有独特的特点和优势,:本文主要介绍Android学习总结之Ja... 目录一、空安全机制真题 1:Kotlin 如何解决 Java 的 NullPointerExceptio

如何基于Python开发一个微信自动化工具

《如何基于Python开发一个微信自动化工具》在当今数字化办公场景中,自动化工具已成为提升工作效率的利器,本文将深入剖析一个基于Python的微信自动化工具开发全过程,有需要的小伙伴可以了解下... 目录概述功能全景1. 核心功能模块2. 特色功能效果展示1. 主界面概览2. 定时任务配置3. 操作日志演示

Redis迷你版微信抢红包实战

《Redis迷你版微信抢红包实战》本文主要介绍了Redis迷你版微信抢红包实战... 目录1 思路分析1.1hCckRX 流程1.2 注意点①拆红包:二倍均值算法②发红包:list③抢红包&记录:hset2 代码实现2.1 拆红包splitRedPacket2.2 发红包sendRedPacket2.3 抢

SpringBoot后端实现小程序微信登录功能实现

《SpringBoot后端实现小程序微信登录功能实现》微信小程序登录是开发者通过微信提供的身份验证机制,获取用户唯一标识(openid)和会话密钥(session_key)的过程,这篇文章给大家介绍S... 目录SpringBoot实现微信小程序登录简介SpringBoot后端实现微信登录SpringBoo

重新对Java的类加载器的学习方式

《重新对Java的类加载器的学习方式》:本文主要介绍重新对Java的类加载器的学习方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1、介绍1.1、简介1.2、符号引用和直接引用1、符号引用2、直接引用3、符号转直接的过程2、加载流程3、类加载的分类3.1、显示

Python实现微信自动锁定工具

《Python实现微信自动锁定工具》在数字化办公时代,微信已成为职场沟通的重要工具,但临时离开时忘记锁屏可能导致敏感信息泄露,下面我们就来看看如何使用Python打造一个微信自动锁定工具吧... 目录引言:当微信隐私遇到自动化守护效果展示核心功能全景图技术亮点深度解析1. 无操作检测引擎2. 微信路径智能获

Java学习手册之Filter和Listener使用方法

《Java学习手册之Filter和Listener使用方法》:本文主要介绍Java学习手册之Filter和Listener使用方法的相关资料,Filter是一种拦截器,可以在请求到达Servl... 目录一、Filter(过滤器)1. Filter 的工作原理2. Filter 的配置与使用二、Listen