搭建IoT小程序开发环境,创建一个应用
1. 安装IoT小程序开发环境
一、安装NodeJS
- 通过NodeJS官网在终端中安装NodeJS,建议版本v16及以上。
说明:安装后系统具有node/npm两个命令。
- 在终端中执行如下命令,查看nodejs版本号。
node -v 输出:nodejs版本号
二、安装IoT小程序脚手架
框架脚手架提供项目创建、构建Debug & Release包、运行模拟器等能力。
- 安装脚手架。
# Linux or MacOS sudo npm i aiot-vue-cli -g # Windows npm i aiot-vue-cli -g
- 查看脚手架版本,是否安装成功。
aiot-cli -V
三、安装VSCode开发IDE
JS前端开发推荐安装VSCode。
- 推荐您在VSCode官网地址下载VSCode。
- 安装VSCode。
四、安装VSCode插件
在VS Code的插件市场中,搜索HaaS UI,单击安装即可。
2. 安装运行PC模拟器环境
下载安装PC端的IoT小程序框架模拟器,用于在PC端开发调试IoT小程序应用,分Windows、Ubuntu和MacOS三个操作系统:
- Windows模拟器安装运行。
- 下载:https://hli.aliyuncs.com/o/config/haasui/simulator/windows_x64/haasui-simulator-windows-64.zip。
- 解压到自定义目录。
- 双击运行安装目录下的appx.exe。
- Ubuntu模拟器安装运行。
- 下载:https://hli.aliyuncs.com/o/config/miniapp/haas-ui-simulator-ubuntu.zip。
- 解压到自定义目录。
- 终端中运行 安装目录下的 ./appx程序。
- MacOS模拟器安装运行。
- 下载:https://hli.aliyuncs.com/o/config/simulator/haas-ui-simulator-mac-v2.zip
- 解压到自定义目录。
- 终端中运行 安装目录下的 ./appx程序。
注意:MacOS中如运行出现以下安全提示:
需要在系统偏好设置>安全性与隐私中单击同意打开。
安装运行后显示如下界面:
3. 创建和运行一个新应用
前述开发调试环境搭建完成之后,开始第一个应用开发实践
- 创建应用。
1.1 在VSCode中,单击下面的+号图标创建工程。
1.2 输入工程名称和路径等信息.
返回如下图所示,表示创建完成。
- 编译打包。
2.1 编译Debug包(非混淆)。
2.2 编译Release包(混淆)。
返回结果如下,您可看到编译打包完成后的文件。
- 推送到模拟器运行。
3.1 应用编译之后,推送到设备上运行(模拟器)。
3.2 输入目标设备IP和端口。
返回如下页面,您可看到设备(模拟器)上显示效果。
实验链接:https://developer.aliyun.com/adc/scenario/b6d77a16f9674c7f9e5f701f2678323f