搭建IoT小程序开发环境,创建一个应用

简介: 通过实验,了解阿里云IoT小程序应用的开发调试环境,以及如何创建新的应用并在PC模拟器上进行预览调试。

搭建IoT小程序开发环境,创建一个应用

1. 安装IoT小程序开发环境

一、安装NodeJS

  1. 通过NodeJS官网在终端中安装NodeJS,建议版本v16及以上。

说明:安装后系统具有node/npm两个命令。

  1. 在终端中执行如下命令,查看nodejs版本号。
node -v
输出:nodejs版本号

二、安装IoT小程序脚手架

框架脚手架提供项目创建、构建Debug & Release包、运行模拟器等能力。

  1. 安装脚手架。
# Linux or MacOS
sudo npm i aiot-vue-cli -g
# Windows
npm i aiot-vue-cli -g
  1. 查看脚手架版本,是否安装成功。
aiot-cli -V

三、安装VSCode开发IDE

JS前端开发推荐安装VSCode。

  1. 推荐您在VSCode官网地址下载VSCode。
  1. 安装VSCode。

四、安装VSCode插件

在VS Code的插件市场中,搜索HaaS UI,单击安装即可。

2. 安装运行PC模拟器环境

下载安装PC端的IoT小程序框架模拟器,用于在PC端开发调试IoT小程序应用,分Windows、Ubuntu和MacOS三个操作系统:

  • Windows模拟器安装运行。
  1. 下载:https://hli.aliyuncs.com/o/config/haasui/simulator/windows_x64/haasui-simulator-windows-64.zip
  2. 解压到自定义目录。
  3. 双击运行安装目录下的appx.exe。
  • Ubuntu模拟器安装运行。
  1. 下载:https://hli.aliyuncs.com/o/config/miniapp/haas-ui-simulator-ubuntu.zip
  2. 解压到自定义目录。
  3. 终端中运行 安装目录下的 ./appx程序。
  • MacOS模拟器安装运行。
  1. 下载:https://hli.aliyuncs.com/o/config/simulator/haas-ui-simulator-mac-v2.zip
  2. 解压到自定义目录。
  3. 终端中运行 安装目录下的 ./appx程序。

注意:MacOS中如运行出现以下安全提示:

需要在系统偏好设置>安全性与隐私中单击同意打开

安装运行后显示如下界面:

3. 创建和运行一个新应用

前述开发调试环境搭建完成之后,开始第一个应用开发实践

  1. 创建应用。

1.1 在VSCode中,单击下面的+号图标创建工程。

1.2 输入工程名称和路径等信息.

返回如下图所示,表示创建完成。

  1. 编译打包。

2.1 编译Debug包(非混淆)。

2.2 编译Release包(混淆)。

返回结果如下,您可看到编译打包完成后的文件。

  1. 推送到模拟器运行。

3.1 应用编译之后,推送到设备上运行(模拟器)。

3.2 输入目标设备IP和端口。

返回如下页面,您可看到设备(模拟器)上显示效果。

实验链接:https://developer.aliyun.com/adc/scenario/b6d77a16f9674c7f9e5f701f2678323f

相关文章
|
3月前
|
存储 边缘计算 安全
边缘计算的概念和在IoT中的应用
随着物联网(IoT)设备数量的激增,传统的云计算模式面临着数据传输延迟和带宽压力等问题。边缘计算作为一种新的计算模式,通过将计算资源和服务部署到靠近数据源的位置,解决了这些问题。
74 2
|
12天前
|
物联网 Linux C#
一键掌控未来!用 Uno Platform 打造跨平台 IoT 应用,轻松连接你的智能设备,让生活更智能!
微软的开源跨平台框架 Uno Platform 支持使用 C# 和 XAML 一次性编写代码并部署至多个平台,如 Windows、macOS、Linux、WebAssembly 及 iOS/Android,这使其成为 IoT 设备开发的理想选择。本文通过创建控制网络 LED 灯的应用,详细介绍了 Uno Platform 的环境搭建及 MQTT 客户端配置过程,实现了 LED 状态订阅与控制指令发送功能。该案例展示了 Uno Platform 在 IoT 领域的潜力及其跨平台优势,未来可扩展至更多设备类型,构建智能家居系统。
138 58
|
3月前
|
移动开发 小程序 JavaScript
跨端技术问题之小程序渠道环境的差异带来了什么样的挑战
跨端技术问题之小程序渠道环境的差异带来了什么样的挑战
|
9天前
|
小程序
浅谈提高微信小程序的应用速度
浅谈提高微信小程序的应用速度
|
29天前
|
小程序 Android开发 iOS开发
ISO钉钉小程序小程序webview打开nextjs应用异常
ISO钉钉小程序小程序webview打开nextjs应用异常
38 3
|
27天前
|
存储 物联网 关系型数据库
PolarDB在物联网(IoT)数据存储中的应用探索
【9月更文挑战第6天】随着物联网技术的发展,海量设备数据对实时存储和处理提出了更高要求。传统数据库在扩展性、性能及实时性方面面临挑战。阿里云推出的PolarDB具备高性能、高可靠及高扩展性特点,能有效应对这些挑战。它采用分布式存储架构,支持多副本写入优化、并行查询等技术,确保数据实时写入与查询;多副本存储架构和数据持久化存储机制保证了数据安全;支持动态调整数据库规模,适应设备和数据增长。通过API或SDK接入IoT设备,实现数据实时写入、分布式存储与高效查询,展现出在IoT数据存储领域的巨大潜力。
48 1
|
2月前
|
存储 物联网 关系型数据库
PolarDB在物联网(IoT)数据存储中的应用探索
随着物联网技术的发展,海量设备数据对数据库提出实时高效存储处理的新要求。PolarDB作为阿里云的高性能云数据库,展现了其在IoT数据存储领域的潜力。面对IoT数据的规模、实时性和多样性挑战,PolarDB凭借分布式架构,实现了高性能、高可靠性和高扩展性,支持动态扩展和冷热数据分层存储,满足IoT数据实时写入、查询及管理需求,展现出广阔的应用前景。
73 1
|
2月前
|
消息中间件 传感器 物联网
Producer 在物联网 (IoT) 中的应用
【8月更文第29天】在物联网 (IoT) 领域,设备和传感器不断生成大量的数据。为了有效地收集、处理和分析这些数据,通常会采用消息队列技术。消息队列允许设备将数据发送给后端系统进行进一步处理。在这个过程中,消息生产者(Producer)扮演着关键角色,负责将数据从设备发送到消息队列。本文将详细介绍如何使用消息生产者来收集来自各种传感器和其他 IoT 设备的数据,并提供一个基于 Python 和 Kafka 的示例代码。
29 0
|
2月前
|
消息中间件 传感器 监控
AMQP 与物联网 (IoT) 应用的结合
【8月更文第28天】高级消息队列协议 (AMQP) 是一种开放标准的应用层协议,特别适合于物联网 (IoT) 场景中的消息传递。AMQP 提供了可靠的、可扩展的消息传输机制,能够处理来自大量设备的数据流。本文将探讨 AMQP 在 IoT 应用中的优势,并提供使用不同编程语言构建 AMQP 客户端的具体示例。
24 0
|
4月前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的代驾应用系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的代驾应用系统附带文章和源代码部署视频讲解等
185 21
下一篇
无影云桌面