搭建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

相关文章
|
6月前
|
存储 边缘计算 安全
边缘计算的概念和在IoT中的应用
随着物联网(IoT)设备数量的激增,传统的云计算模式面临着数据传输延迟和带宽压力等问题。边缘计算作为一种新的计算模式,通过将计算资源和服务部署到靠近数据源的位置,解决了这些问题。
108 2
|
2月前
|
安全 物联网 物联网安全
揭秘区块链技术在物联网(IoT)安全中的革新应用
揭秘区块链技术在物联网(IoT)安全中的革新应用
|
2月前
|
存储 安全 物联网
C# 在物联网 (IoT) 应用中的应用
本文介绍了C#在物联网(IoT)应用中的应用,涵盖基础概念、优势、常见问题及其解决方法。重点讨论了网络通信、数据处理和安全问题,并提供了相应的代码示例,旨在帮助开发者更好地利用C#进行IoT开发。
68 3
|
4月前
|
物联网 Linux C#
一键掌控未来!用 Uno Platform 打造跨平台 IoT 应用,轻松连接你的智能设备,让生活更智能!
微软的开源跨平台框架 Uno Platform 支持使用 C# 和 XAML 一次性编写代码并部署至多个平台,如 Windows、macOS、Linux、WebAssembly 及 iOS/Android,这使其成为 IoT 设备开发的理想选择。本文通过创建控制网络 LED 灯的应用,详细介绍了 Uno Platform 的环境搭建及 MQTT 客户端配置过程,实现了 LED 状态订阅与控制指令发送功能。该案例展示了 Uno Platform 在 IoT 领域的潜力及其跨平台优势,未来可扩展至更多设备类型,构建智能家居系统。
330 58
|
2月前
|
存储 缓存 开发框架
提高微信小程序的应用速度
【10月更文挑战第21天】提高微信小程序的应用速度需要从多个方面入手,综合运用各种优化手段。通过不断地优化和改进,能够显著提升小程序的性能,为用户带来更流畅、更高效的使用体验。
71 3
|
2月前
|
人工智能 小程序 算法
微信小程序地图定位的核心技术与实际应用详解
在移动互联网时代,微信小程序凭借其轻量化和普及性,成为室内地图导航的理想平台。本文探讨了微信小程序在室内定位领域的创新应用,包括蓝牙iBeacon定位、高精度地图构建及AI路径规划等核心技术,及其在购物中心、医院、机场火车站和景区等场景的应用,展示了其为用户带来的高效、智能的导航体验。
130 0
|
3月前
|
小程序 前端开发 JavaScript
微信小程序全栈开发中的PWA技术应用
【10月更文挑战第3天】微信小程序作为新兴应用形态,凭借便捷体验与社交传播能力,成为企业拓展业务的新渠道。本文探讨了微信小程序全栈开发中的PWA技术应用,包括离线访问、后台运行、桌面图标及原生体验等方面,助力开发者提升小程序性能与用户体验。PWA技术在不同平台的兼容性、性能优化及用户体验是实践中需注意的关键点。
78 5
|
2月前
|
SQL 监控 物联网
ClickHouse在物联网(IoT)中的应用:实时监控与分析
【10月更文挑战第27天】随着物联网(IoT)技术的快速发展,越来越多的设备被连接到互联网上,产生了海量的数据。这些数据不仅包含了设备的状态信息,还包括用户的使用习惯、环境参数等。如何高效地处理和分析这些数据,成为了一个重要的挑战。作为一位数据工程师,我在一个物联网项目中深入使用了ClickHouse,以下是我的经验和思考。
117 0
|
4月前
|
小程序
浅谈提高微信小程序的应用速度
浅谈提高微信小程序的应用速度
|
3月前
|
物联网 Linux Android开发
一键掌控未来!用 Uno Platform 打造跨平台 IoT 应用,轻松连接你的智能设备,让生活更智能!
本文通过具体案例介绍了如何使用微软的开源框架 Uno Platform 实现与 IoT 设备的集成。Uno Platform 支持一次编写、多平台部署,适用于 Windows、macOS、Linux、WebAssembly 及 iOS/Android。本例创建了一个控制网络 LED 灯的应用,详细说明了环境搭建、MQTT 客户端配置、主题订阅及控制指令发送等步骤。该案例展示了 Uno Platform 在 IoT 领域的潜力及其跨平台优势,未来可扩展至更多设备类型,构建智能家居系统。
102 0

热门文章

最新文章