【深海王国】小学生都能做的APP？AppInventor、BLE蓝牙、Arduino联合开发你的第一个手机远程控制程序（1）

已于 2024-08-06 11:18:51 修改
阅读量2.7k 收藏 38
点赞数 69
分类专栏： 【深海王国】小学生都能做的APP？ 文章标签： 青少年编程 单片机 物联网 小程序 appinventor
于 2024-05-18 15:57:58 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/d13162580021/article/details/139026624
版权

Hi~ o(▽)ブ,各位深海王国的栋梁们，早上下午晚上凌晨好~辛勤工作的你今天也辛苦啦(‘▽’)♪
今天本大都督给各位带来的是小学生都能学会的APP制作教程，帮你一周内快速开发一款可以和单片机无线通讯的手机蓝牙APP，let’s go！

（1）Appinventor各版本介绍与离线版下载

AppInventor各版本介绍

首先介绍一下本次的APP开发平台AppInventor，AppInventor 是由Google公司开发的一款在线开放的Android编程工具软件，通过图形化积木式的拖放组件完成app开发，2012年1月移交麻省理工学院MIT的行动学习中心，由MIT发布使用，目前已经发布了第2版本。而AppInventor的版本也分为在线版和离线版。

目前我在国内能找到的AppInventor有三个中文在线版本，分别是测试版（广州市教育信息中心版本）、社区版和收费版(fun123版本)，网址链接如下:

三个版本从页面上来说，没有太大区别，但测试版和社区版使用的是第1版本的AppInventor，而收费版第2版本的，而使用的第1版本app inventor开发的程序，导入第2版本后会出现编译失败的情况，原因是版本不兼容。

测试版的优点是可以将项目保存在云端，登录账号就可以继续编辑程序，但经常出现服务器不稳定登陆不上的情况，如果你是大学生，设计APP用来做比赛，那这个版本可能有关键时刻掉链子的风险。

社区版则只能保存在本地，但服务器比测试版更稳定，功能也比测试版更全面，例如：

  • 测试版项目命名只能用英文，而社区版支持中文命名。
  • 测试版不提供地图map组件，社区版提供。
  • 测试版传感器组件只有九种，社区版有十四种。
  • 数据存储模块社区版也有更新内容。
  • 测试版仅能支持谷歌老版语音助手服务，社区版的语音模块可以支持绝大多数手机的语音助手功能。

但是需要注意测试版也有可能出现服务器不稳定、项目无法导出或保存的情况，所以如果你对项目稳定性要求高，最好直接使用下面的离线版。

而收费版嘛，一分价钱一分货，就基本没什么缺点了，能在线保存项目，服务器也稳定，功能也更全，唯一的缺点就是收费。我们深海王国的项目从来不是标题党，既然是小学生都能做的APP，那必然不能氪金做项目啊（虽然现在大部分小朋友都蛮有钱的）。

离线版下载与安装

所以现在就开始隆重介绍我们的重点~，AppInventor离线版的下载与使用。AppInventor离线版的版本是最新的第2版本，功能也更全面，而且最大的好处是拓展库可以直接导入到本地，不用像在线版那样每次都需要重新导入拓展库（比如之后我们要用到的BLE低功耗蓝牙库，使用在线版的时候拓展库不随项目保存，所以每次导入新的aia文件都要重新加载拓展库很麻烦。）

这个离线版其他博主也有介绍，正在实时更新，目前最新的一版是2024-3-1，已经持续更新4年，应该还会一直更新下去，反正目前这个版本已经很完善了。
在这里插入图片描述
主打一个小学生都能学，看不懂英文的我们直接用浏览器的页面翻译功能，这里我用的电脑自带的Microsoft Edge浏览器。（360、火狐、谷歌可以直接打开右上角的扩展管理页面找一个你中意的页面翻译拓展工具。）

然后点击下载最新版本。

在这里插入图片描述

双击下载好的文件进行安装。
在这里插入图片描述
接受并点击next。

在这里插入图片描述

允许创建桌面图标，并点击next进行下一步。

在这里插入图片描述

点击install 进行安装。

在这里插入图片描述

使用教程

双击桌面桌面「AI2Offline」绿青蛙图标启动软件，启动后依次点击 → 「AII AI2Offline Server」 → 「DevServer」 → 「AI2 Starter」 → 「Start Invent」，此时默认浏览器会自动弹出app inventor 界面，或手动在浏览器输入网址 http://localhost:8888 进入，不支持IE浏览器。

在这里插入图片描述

输入你的邮箱，或使用默认邮箱，直接点击 Log in 进行登录即可。

在这里插入图片描述

开发调试

手机需提前打开「开发者模式」，然后通过数据线连接到电脑USB接口，在app inventor 界面点击「Connect」 →「USB」，然后手机上点击允许调试即可开启开发调试。

在这里插入图片描述

当然如果你是还没有手机的小朋友，或者手边暂时没有安卓手机，可以先用「模拟器」，在电脑上模拟一下，但电脑上模拟的实际效果跟手机基本不一样，所以最好还是直接用手机进行调试。

当然还有一种更简单的调试办法就是手机上下载AI伴侣，然后点击「AI伴侣调试」，进行实时调试。

关于如何下载和使用AI伴侣，这个我们放到后面继续讲，今天已经学的很多啦，就先到这，看到这里的你也辛苦啦٩(ˊᗜˋ*)و✧*。

哈哈，让焦虑不再蔓延，信息不再高壁，如果你觉得这篇文章对你有帮助，就来个免费的点赞吧！

(◍˃̶ᗜ˂̶◍)✩ 我深海大都督正式授予你深海王国公民的身份~

(・ω< )★ 加入深海大家庭，快乐摆烂每一天！

参考文章：

视频链接：

【【深海王国】小学生都能做的APP？（1）Appinventor各版本介绍与离线版下载-哔哩哔哩】

深海大都督
关注
  • 69
    点赞
  • 踩
  • 38
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 6
    评论
专栏目录
APP Invertor 蓝牙BLE 个人案例分享 快速开发自己的蓝牙APP
Luminuos_的博客
07-31 1万+
APP Invertor 2 蓝牙BLE 个人案例分享 快速开发自己的蓝牙APP 经过几天的学习，期间查找了许多的文章资料。经过研究和总结加实践，终于做出了一个实现简单的接收和发送的Demo。下面将分享个人制作的过程。 在此之前需要声明的是所用不同版本的APP Invertor 2，其中的组件的信息以及用法都会稍有不同，本文讲解使用到的版本是 App Inventor 2 WxBit 汉化增强版。...
appinventor-ble:App Inventor BLE 原型
05-29
#欢迎来到麻省理工学院应用发明家 ＃＃介绍 了解有关更多信息。 此代码旨在在 Google 的 App Engine 中运行。 MIT 运行一个公共实例，欢迎所有人使用它来构建 App Inventor 应用程序。 如果您希望构建 MIT App Inventor 应用程序，则无需编译或使用此代码。 我们提供此代码以供参考和希望操作自己的 App Inventor 实例和/或为项目做出贡献的有经验的人。 此代码经过测试，可以与 Java 7 一起使用。 ##Contributors 在 App Inventor 中集成更改的最佳方式是在讨论您打算更改或添加的任何内容。 我们使用非常简短和非正式的设计文档，描述提议的更改以及功能外观和行为方式的屏幕截图，以便尽早从社区收集尽可能多的反馈。 我们通常为此使用共享的 Google 文档（具有添加评论的权限），但任何可从网络浏览器访问（并
APP inventor2离线版（x64 最新）
07-03
AI2离线板，安装后有AI助手，带进程工具
AppInventor开发第一个APP
最新发布
Bruce小鬼
07-24 500
这篇文章介绍如何使用AppInventor工具入手第一个APP，体验App开发的流程，掌握开发技能。
【详细教程】App inventor连接阿里云平台（APP显示STM32发来的温湿度数据等）
weixin_55576473的博客
10-29 1万+
App inventor连接阿里云平台，实现平台数据的接收和发送。
App Inventor
qq_41509200的博客
04-10 509
APP Invertor 制作BLE蓝牙APP 控制esp32蓝牙小车
青烨慕容
01-14 9045
APP Invertor蓝牙小车制作1、插件下载1.1、导入插件2、APP界面展示2.1 、可视化编程3、esp32 蓝牙代码4、实测效果4.1 APP控制端4.2 蓝牙接收端   经过几天的学习，终于成功制作了一个属于自己的蓝牙APP,APP可以控制蓝牙小车。   使用App Inventor 2 WxBit 汉化增强版 编写APP,建议使用这个，不同的APP Invertor 版本里面会有所差异。我的目的是为esp32 连接蓝牙，所以使用传统的蓝牙客户端是无法连接成功的，如果使用传统的蓝牙客户端会在连接
App inventor：使用BLE蓝牙
INT_TANG的博客
05-17 1万+
一、前言 最近用NRF52832蓝牙SOC做了一个车用测速的板子，由于目前还没有安卓编程的基础，做不了蓝牙控制APP，后来想到在学校的时候使用App inventor做了一个蓝牙APP来控制小车，想着这里也可以做来搞搞，没想到蓝牙一直连接报错507，查阅网上不少资料才知道，App inventor本身的蓝牙组件支持蓝牙2.0和3.0，但NRF52832是蓝牙5.0，所以没法用。那么需要安装BLE扩展组件，才能使用，而且我发现，除了蓝牙组件，还有其他的MQTT组件，这意味着我们可以自制APP通过WIFI控制
深海王国小学生都能做的APP？APP INVENTOR ，BLE低功耗蓝牙拓展模块库
07-18
使用方法与介绍，请参考系列文章——【深海王国】小学生都能做的APP？
深海王国小学生都能做的APP？最终成品APP，安卓安卓包
07-18
使用方法与介绍，请参考系列文章——【深海王国】小学生都能做的APP？
AppInventor教程
05-06
Appinventor是安卓开发的一种工具，便于新手完成一些小的功能。
深海王国小学生都能做的APP？aia项目工程文件，（5）APP接收发送数据
07-18
使用方法与介绍，请参考系列文章——【深海王国】小学生都能做的APP？
深海王国小学生都能做的APP？aia项目工程文件，（6）组件属性更改与界面布局
07-18
使用方法与介绍，请参考系列文章——【深海王国】小学生都能做的APP？
深海王国小学生都能做的APP？aia项目工程文件，（7）完结篇：APP最终美化、配色、logo一应俱全
07-18
使用方法与介绍，请参考系列文章——【深海王国】小学生都能做的APP？
App Inventor 2 低功耗蓝牙(BLE) 硬件接入、数据通信及IO控制
zqp2013的专栏
01-31 2962
低功耗蓝牙(BLE)以低功耗、低成本、开发简便逐渐被广泛应用，本文主要介绍一款较为通用、价格低廉的BLE设备从零开始如何利用App Inventor 2开发一款自己专属的手机蓝牙App应用。本文主要通过一款常见的BLE硬件接入控制，介绍硬件接入App Inventor 2 的通用方法，类似的硬件接入都是大同小异的。
Appinventor——蓝牙app(蓝牙遥控器、串口助手、温湿度显示、切换界面蓝牙依旧保持连接)
热门推荐
m0_59113542的博客
10-25 3万+
使用appinventor完全自主开发，功能：蓝牙遥控器、串口助手、温湿度显示；解决了切换界面蓝牙依旧保持连接问题
App Inventor 使用BLE发送一串十六进制数据
香风家的火柴盒CSDN分盒
10-27 6630
最近做的东西需要通过低功耗蓝牙BLE发送和接收一串的十六进制数据，现在终于把发送搞定了。 现在要用手机发送一串指令“01 01 02 12 45 65”，想要既可以直接发送，也可以手动输入任何十六进制进行发送，找了很多资料要么是蓝牙（不是BLE）的，要么是发送接收一个数（整型、字符等待），发送一串数据就比较难搞了。以前都是用Light Blue发的，每次指令都要手打很烦，有必要整一个整合的工具，能一键发送指令。 一句话总结：BLE.WriteBytes + 列表 添加BLE功能模块 首先，默认.
App Inventor蓝牙BLE的连接
weixin_45400695的博客
07-21 8011
上篇博客粗略讲了一下App Inventor的运用，现在来看看蓝牙连接的实现。 首先我们要导入一个蓝牙BLE模块，点下面这个链接下载http://iot.appinventor.mit.edu/assets/resources/edu.mit.appinventor.ble.aix 之后看App Inventor组件面板最下方有一个Extension 点Import extension，之后选择文...
使用 Arduino 发送 五路 ADC 采样的数据，通过蓝牙， 发给 App Inventor 制作的程序
03-25
下面是一个可能的Arduino代码，发送五路ADC采样的数据，此数据可以使用蓝牙传输给App Inventor。 ``` #include <SoftwareSerial.h> SoftwareSerial BTserial(10, 11); void setup() { // 将串口波特率设置为9600 Serial.begin(9600); // 设置蓝牙串口波特率为9600 BTserial.begin(9600); // 初始化A0到A4输入 for (int i = A0; i <= A4; i++) { pinMode(i, INPUT); } } void loop() { // 采样A0到A4的电压 int samples[5]; for (int i = A0; i <= A4; i++) { samples[i - A0] = analogRead(i); delay(5); // 等待转换完成 } // 将采样的电压发送给蓝牙模块 for (int i = 0; i < 5; i++) { BTserial.println(samples[i]); Serial.print(samples[i]); Serial.print("\t"); } Serial.println(); delay(1000); // 每隔1秒发送一次采样 } ``` 在App Inventor中，您可以设置一个“BluetoothClient”组件来接收来自Arduino的数据。例如，将“BluetoothClient1”的“Receive”事件块设置为： ``` // 读取蓝牙数据 while (BluetoothClient1.BytesAvailable()) { // 读取并处理接收到的LiveData数据 processLiveData(BluetoothClient1.ReadSigned16bitValue()); } // 处理LiveData数据 procedure processLiveData(newValue: number) begin // 这里展示如何在应用程序中使用LiveData，你应该基于这个来实现你的逻辑 // 读取A1的采样值，并在“值显示器”中显示 if (newValue > 0 && newValue < 1024) { if (newValue >= 200 && newValue < 800) { // 在这个范围内，显示绿色表示良好 ValueDisplay1.TextColor(COLOR_GREEN); } else if (newValue >= 800) { // 在这个范围内，显示红色表示太高 ValueDisplay1.TextColor(COLOR_RED); } else { // 在此范围内，显示黄色表示最佳 ValueDisplay1.TextColor(COLOR_YELLOW); } ValueDisplay1.Text(String(newValue)); } end ``` 这只是一个基本的示例，你可以根据你的需求修改它。注意，这个示例假定你希望在应用程序中监视并显示来自A1的电压，因此它调用了一个名为“processLiveData”的处理器，该处理器接受来自Arduino的值并根据其值在应用程序中更新一个“值显示器”。在实际使用中，你需要修改代码来适应你的需要和项目。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

深海大都督

建设深海，没你不行！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值