IoT小程序框架,我们首先要了解一下这是做什么的,和传统的小程序框架有什么区别,带着问题去测评产品。
首先我们先看一下简介:IoT小程序是一套跨平台应用显示框架,它利用JS语言低门槛和API标准化大幅度降低了IoT应用的研发难度,目前支持AliOS Things、Ubuntu、Linux、MacOS、Window等系统上运行;全面拥抱JavaScript开源生态,且系统服务通过统一的JSAPI,实现一端开发,多端运行策略。
我们先来看一下这个框架
目前跨平台应用显示框架,它利用JS语言低门槛和API标准化大幅度降低了IoT应用的研发难度,移动开发模式,全面拥抱JavaScript开源生态,且系统服务通过统一的JSAPI,实现一端开发,多端运行策略,包含前端应用图形三大框架能力
可以使用模拟器可以实时预览页面(支持边修改代码边预览),方便开发者开发、调试页面。模拟器配置与运行
- 点击Simulator预览图标即可启动模拟器
- 如果在MacBook上出现因执行权限问题导致的启动模拟器失败,可参照链接进行解决
- 模拟器启动后,即可边修改代码边在模拟器上实时预览效果
- 若要停止实时预览,在vscode的Simulator终端中,输入ctrl + c即可
- 让我们入手实际操作一下
第一步安装开发环境
第三步下载模拟器以及配置环境
第四步下载公板案例代码
再看一个实际案例
“应用场景”界面展示了智能空调、调光面板、智能闹钟、扫码收银等场景化案例
“UI组件”界面展示了组件相关使用效果,包括:
- 内置组件:div、text、slider、scroller、image、canvas 等基础标签组件
- 基础组件:layout(盒模型)、button、icon、toast 等基础封装组件
- 表单组件:checkbox、seekbar、radio、switch 等表单组件,可用于收集用户提交信息
- 反馈组件:popup、dialog 等与用户进一步交互的反馈组件
- 展示组件:progress(进度条)、lottie(动画)、qrcode(二维码)可展示当前状态信息的展示组件
展示效果
gif 效果展示
示例代码下载代码下载
Chrome浏览器体验
UI效果,可以通过浏览器体验,请点击网站
效果确实很强大,希望大家都可以用源码搭建一下,体验一下丝滑的模块和IoT小程序框架的优点.