【情境导入】

掌控板可以通过便捷的wifi连接网络方式或无线AP功能与其他软件联通,在理解前面课程内容的基础上,这节课我们一起来了解一下如何运用微信小程序通过OneNET网络平台与掌控板物联,制作一个简单的小项目吧。

【任务描述】

在理解前面课程内容的基础上,运用微信小程序通过OneNET网络平台与掌控板物联,制作一个简单的小项目。

【材料清单】

硬件—— 掌控板、USB数据线

软件—— mPythonX图形化编辑器、手机端微信小程序

【准备工作】

>微信小程序与掌控板物联架构分析:

>关键语句:

物联网→微信小程序→OneNET设置模块

物联网→微信小程序→接收模块

物联网→网络连接设置模块

物联网→微信小程序→上传程序模块

【学习目标】

1、掌控板微信小程序的设置;(重点)

2、理解微信小程序与掌控板物联的基本架构;

3、能制作简单的掌控板物联网运用项目;(难点)

【项目示例】

第一部分 手机端程序设置

Step1.1 微信找到小程序并进行进行授权操作

打开微信搜索掌控板物联网,按步骤完成授权

Step1.2微信小程序会自动获取手机号码进行登录

操作流程:

Step1.3按步骤添加掌控板

操作流程:

Step1.4配置掌控板的应用模板

操作流程:

Step1.5添加应用

可以给你的应用取个名称,添加你想要的组件,系统会把默认的组件给你显示出来,并给你规定好data0到data5的name关键字, 掌控板上编程要根据这些name关键字进行相应的操作。我们直接点击确定使用默认的选择。

操作流程:

Step1.6选择应用,点击掌控板方块进入操作界面

操作流程:

Step1.7 操作界面组件摆放

进入操作界面后可以拖动组件将其排列到你喜欢的位置

操作流程:

【技术支持】

根据结构分析,将程序分成三个结构块,分别为:

① 网络连接

② 指令接收

③ 信息发送

各结构块中再细分为几个小的功能块

第二部分 掌控板上的程序编写

Step2.1打开最新版mPythonX软件,登录网络平台

操作流程:

输入刚才在微信小程序上登录的手机号码,密码默认是123456, 需要修改密码可以在www.labplus.cn 上进行修改

Step2.2在mPythonX软件找到物联网---微信小程序模块

操作流程:

(这三个块的这些参数都是从微信小程序上获取的,不用修改,直接拖出搭建程序即可)

Step2.3搭建好网络连接程序结构块

操作流程:

Step2.4完成指令接收程序结构块

操作流程:

Step2.5完成指令接收程序结构块

操作流程:

Step2.6搭建光线值上传程序块

操作流程:

第三部分 掌控板程序下载,微信小程序与之物联

Step3.1程序组装完成,连接掌控板,下载程序

操作流程:

Step3.2微信小程序与掌控板物联

操作流程:

【拓展思考】

1、微信小程序可以与掌控板互联反馈检测到的光线值,那么如何运用微信小程序与掌控板互联来显示声音值的折线图呢?

2、微信小程序与掌控板互联还有没有其他好玩的玩法呢?

mpython掌控板_用mpython x玩转掌控板——微信小程序 遇上掌控板相关推荐

  1. springboot+vue基本微信小程序的疫情防控平台系统 计算机毕业设计

    本文讲述了基于微信小程序的疫情防控平台系统的设计与实现.结合电子管理系统的特点,分析了疫情防控平台系统的现状,给出了基于微信小程序的疫情防控平台系统实现的设计方案.本论文主要完成不同用户的权限划分,不 ...

  2. 基于微信小程序社区疫情防控系统

    基于微信小程序社区疫情防控系统 小程序社区疫情防控系统的设计主要是对系统所要实现的功能进行详细考虑,确定所要实现的功能后进行界面的设计,在这中间还要考虑如何可以更好的将功能及页面进行很好的结合,方便用 ...

  3. 微信小程序社区疫情防控+后台管理系统|前后分离VUE

    <微信小程序社区疫情防控+后台管理系统|前后分离VUE>该项目含有源码.论文等资料.配套开发软件.软件安装教程.项目发布教程等 本系统包含微信小程序前台和Java做的后台管理系统,该后台采 ...

  4. 计算机实战项目、毕业设计、课程设计之[含论文+辩论PPT+源码等]微信小程序社区疫情防控+后台管理|前后分离VUE[包运行成功

    <微信小程序社区疫情防控+后台管理系统|前后分离VUE>该项目含有源码.论文等资料.配套开发软件.软件安装教程.项目发布教程等 本系统包含微信小程序前台和Java做的后台管理系统,该后台采 ...

  5. 计算机实战项目之 [含论文+辩论PPT+源码等]微信小程序社区疫情防控+后台管理|前后分离VUE[包运行成功

    <微信小程序社区疫情防控+后台管理系统|前后分离VUE>该项目含有源码.论文等资料.配套开发软件.软件安装教程.项目发布教程等 本系统包含微信小程序前台和Java做的后台管理系统,该后台采 ...

  6. 微信小程序wepy自定义card控件封装

    微信小程序wepy自定义card控件 在利用wepy开发小程序的过程中,需要使用自定义控件来实现,但是很多时候,若直接在page页面中写对应的控件,下次在另一个页面中,想使用同样的控件又需要重新绑定数 ...

  7. 微信小程序:模仿树形控件——画三角形

    微信小程序:模仿树形控件--画三角形 前言 一.前端样式 二.css 1.底边在左的三角形 2.底边在上的三角形 前言 微信小程序没有像element ui这样的框架,页面需要展现一个树形结构,于是就 ...

  8. nodejs+vue 微信小程序的疫情防控平台系统

    功能介绍 考虑到实际生活中在疫情防控平台方面的需要以及对该系统认真的分析,将系统权限按服务端和客户端这两类涉及用户划分. (a) 服务端--管理员:管理员使用本系统涉到的功能主要有:个人中心.用户管理 ...

  9. 数字信号 fft c源码_如何制作一个简单的人体动态识别微信小程序(附源码)

    知乎小白第一次写专栏,还请多指教. 先放成果. GitHub源码: lrioxh/HAR-applet-of-Wechat​github.com b站演示视频: 居然不需要服务器?!如何制作一个简单的 ...

最新文章

  1. MySQL笔记12:C语言访问MYSQL数据库的完整的代码例子
  2. Master PDF Editor中文版
  3. CentOS 6.5编译安装Nginx+MySQL+PHP
  4. Distributed TensorFlow
  5. java 置信区间_仅从均值和标准差绘制置信区间
  6. 【转】win32 的DLL中创建windows窗口
  7. Python之路(二)Python基础
  8. 虚机不能启动的特例思考
  9. vscode 不展示文档注释内容_文本框这样用,实现文档不同板块内容高效联动,你还不知道吧...
  10. python 写入excel_基于Python实现Excel的读写
  11. Python基石 - 收藏集 - 掘金
  12. Android Studio设置,鼠标放上去有提示
  13. 计算机系统结构简答题
  14. 10月24日杨力祥老师谈话有感[转]
  15. elasticsearch搜索IK分词器实现单个字搜索
  16. WebRTC视频码率控制(序言)
  17. UVM糖果爱好者教程 - 31.provides_responses?
  18. 前端学习日志之复刻百度新闻女人专栏
  19. 计算机科学与技术补中益气丸的成分,经典名方,补中益气丸运用解析
  20. 一个通证经济典型案例——移动广告矿机

热门文章

  1. 你还不知道Redis 高延迟时发生了啥嘛?
  2. 当我们在谈数字化转型的时候,我们在谈什么?
  3. 如何利用开源项目,帮助企业免费搭建小程序官网
  4. maven导出项目依赖的jar包
  5. Linux下memcache的安装和启动(很好)
  6. 在servlet中或者在filter中获取spring容器中的bean
  7. SpringBoot2.0 基础案例(13):基于Cache注解模式,管理Redis缓存
  8. Linux信号实践(4) --可靠信号
  9. 教你如何在项目中集成推送功能
  10. 《Ext JS权威指南》——1.2节JSON概述