IoT小程序框架快速体验:ASP-80智显面板设备配网与真机更新

news/2024/7/20 2:21:12 标签: 物联网, 小程序, ASP-80智显面板, HaaS, Vue

背景

从环境搭建到程序开发,再到真机更新体验了 IoT小程序框架 的使用流程。其中,略过了程序开发过程,而是直接采用入门案例中的公板案例(模拟器测试)与智能闹钟案例(真机测试:ASP-80智显面板),程序开发主要是基于 Vue 的前端开发工作,因时间原因未能完成与云联动的测评,这里主要记录下遇到的3个小问题。

  1. VScode无法调起模拟器。
  2. 如何使用串口调试工具发送命令。
  3. 设备配网报错。

环境准备

这部分按照官方文档,10分钟内便可以快速完成环境搭建:https://www.yuque.com/wcye0k/haasui/qdmv3e。

开发环境

要求 Node.js 环境(>16), cnpm ,脚手架以及 VSCode

2023-03-19-0-Env.jpg

开发插件

VSCode 的扩展中,搜索安装 HaaS UI 插件。

2023-03-19-1-Plugin.jpg

模拟器

我是 Windows 操作系统,下载对应的模拟器:https://hli.aliyuncs.com/o/config/haasui/simulator/windows_x64/haasui-simulator-windows-64.zip,解压。

配置 HaaS UI 的模拟器路径。

2023-03-19-2-Path.jpg

下载案例

采用入门案例中的公板案例:https://hli.aliyuncs.com/o/config/public-examples/falcon-demo.zip

问题1:点击左下角的模拟器图标, VScode 无法调起模拟器:当前HaaS UI: Simulator任务正在执行,请稍后重试

分析:显然,我前面在开发插件中是配置了模拟器的地址的,可为啥无法启动模拟器呢?其实,这个解决方案在官方文档中是有的,我还排查了老半天。。论认真读官方文档的重要性。

原因: PowerShell 权限受限。

解决:以管理员身份运行 PowerShell ,执行 Set-ExecutionPolicy RemoteSigned , Get-ExecutionPolicy 两个命令,如下:

PS C:\Windows\system32> Set-ExecutionPolicy RemoteSigned
执行策略更改
执行策略可帮助你防止执行不信任的脚本。更改执行策略可能会产生安全风险,如 https:/go.microsoft.com/fwlink/?LinkID=135170
中的 about_Execution_Policies 帮助主题所述。是否要更改执行策略?
[Y] 是(Y)  [A] 全是(A)  [N] 否(N)  [L] 全否(L)  [S] 暂停(S)  [?] 帮助 (默认值为“N”): A
PS C:\Windows\system32> Get-ExecutionPolicy
RemoteSigned

公板案例在模拟器上成功运行。

2023-03-19-3-Simulator.jpg

真机体验

从官方文档中可以看出, IoT小程序框架 支持多种硬件开发板:ASP-80智显面板,树莓派,阿里云商显棒,全志D1带屏芯片等。这里使用ASP-80智显面板完成设备配网与真机更新实现应用的预览效果,避免重新刷机,减少了应用安装和运行的难度。

设备配网

关于ASP-80智显面板,官方提供了 ASP-80智显面板规格书.pdf内核文件系统升级指导文档.pdfWIFI配网指导文档.pdf 这三个核心文档。

ASP-80智显面板上提供的是 TYPE-C 接口,通过USB连接到计算机后,上电开机,展示的是公板案例。从官方文档中了解到如果要更新应用到面板设备上进行实时预览,则需要设备与计算机在同一网络下,然后通过设备IP地址将应用包发送至设备;而ASP-80智显面板支持WiFi连接,那么需要先进行配网。

问题2:通过什么方式来配网呢?

官方文档提到了串口调试工具: Windows 下使用 securtCrt ,但是没有讲具体怎么使用(我自己是没怎么用过这个 securtCrt ,只知道这个东西可以通过 SSH 连接服务器。。)

  • 确定设备的COM端口

可通过设备管理器查看串口:Windows徽标+X–>设备管理器–>端口。

2023-03-19-4-COM.jpg

  • 配置串口连接
    协议这里选择串口: Serial

2023-03-19-5-Serial.jpg

  • 执行配网命令

有个文档: WIFI配网指导文档.pdf ,里面是 Linux 的操作命令,可是怎么在串口上执行呢?
打开串口后,会发现接收窗口中会持续不断打印日志信息,我无意中键入了ls命令,发现竟然可以执行!!也就是说可以在串口中发送Linux命令来实现设备配网(可是修改配置文件时很不方便,有没有同学知道如何让命令回显不被串口接收的消息覆盖??)。

问题3:设备配网报错

接下来按照 WIFI配网指导文档.pdf 文档中的步骤和命令执行即可。可在这个过程中我花费了不少时间(插上了WiFi天线),就是无法获取到设备的IP地址。。

# 编辑配置文件,写入WiFi的名称与密码
vi /appconfigs/wpa_supplicant.conf

ctrl_interface=/tmp/wifi/run/wpa_supplicant
update_config=1

network={
ssid="TP-LINK_2048"
psk="@842103."
}

# 确认配置信息
cat /appconfigs/wpa_supplicant.conf

# 进入/config/wifi目录,执行后续命令
cd /config/wifi
export LD_LIBRARY_PATH=$LD_LIBRARY_PATH:/usr/local/lib:/lib:/config/wifi

./ssw01bInit.sh

./wpa_supplicant -Dnl80211 -i wlan0 -c /appconfigs/wpa_supplicant.conf -d &

# 获取IP地址
udhcpc -q -i wlan0 -s /etc/init.d/udhcpc.script &
# 报错信息如下。然后根据提示删除了/tmp/wifi/run/wpa_supplicant/wlan0,设备重新上电
ctrl_iface bind(PF_UNIX) failed: Address already in use ctrl_iface exists and seems to be in use - cannot override it Delete '/tmp/wifi/run/wpa_supplicant/wlan0' manually if it is not used anymore Failed to initialize control interface '/tmp/wifi/run/wpa_supplicant'. You may have another wpa_supplicant process already running or the file was left by an unclean termination of wpa_supplicant in which case you will need to manually remove this file before starting wpa_supplicant again. 

设备上电,插上 WiFi 天线,按照上述命令重复操作了很多遍,终于成功地拿到设备的IP地址,设备配网成功~~

2023-03-19-6-WlanIP.jpg

真机更新

点击左下角的 HaaS UI: Device 开始烧录应用,第一步的设备IP地址键入前面设备配网后得到的IP(我的是 192.168.0.102 ),第二步端口使用默认的 5556 ,第三步的启动页面也使用默认的 index ,最终实现真机更新,效果如下。

2023-03-19-7-Device.jpg

小总结

以上是使用IoT小程序框架集合ASP-80智显面板实现设备配网与真机更新的过程。这里的真机更新其实只是进行快速实时的预览,如果要实现应用的远程更新升级,则需要结合阿里云物联网平台与应用升级服务实现设备接入、创建应用、版本管理、创建测试以及灰度发布等功能。

Reference


If you have any questions or any bugs are found, please feel free to contact me.

Your comments and suggestions are welcome!


http://www.niftyadmin.cn/n/165120.html

相关文章

基础篇:09-Feign远程调用

回顾最初我们为了实现跨服务调用时,在不使用Dubbo这种RPC协议时,我们借助了RestTemplate对象实现跨服务调用,为了解决跨服务调用时调用地址写死的问题我们又引入了注册中心,从而实现根据服务名的调用。但是回过头来查看我们这段调…

谷粒学院SpringSecurity认证流程详解

登录功能前端分析前端会调用此接口去实现登录// 登录 export function login(username, password) {return request({url: /admin/acl/login,method: post,data: {username,password}})}request请求会经过request拦截器,给请求携带一个token的字段,token…

Codeforces Round 858 (Div. 2)(A~E)

A. Walking Master在坐标系中,每次只能向右上和左行走,给出起点和终点,问最少的步数是多少。思路:显然因为走的方向被固定,所以只能走到从左向右135的位置。判断一下,直接计算即可。AC Code:#in…

还不会拓扑排序?看这一篇就够了

目录一、什么是拓扑排序?二、拓扑排序的实现2.1 拓扑排序模版三、拓扑排序的应用3.1 有向图的拓扑序列3.2 家谱树3.3 奖金3.4 可达性统计3.5 Directing Edges一、什么是拓扑排序? 拓扑排序是一种有向无环图(DAG)的顶点排序方法&a…

Spring BeanFactory源码中是如何创建对象

Spring BeanFactory 源码中是如何创建对象 目录 整体流程 上篇博客【 源码解析-Spring 如何从配置文件中读取文件】 中,我们聊到Spring中如何从配置中读取文件并转成BeanDefinitions 。今天我们继续来聊一下,Spring 如何基于 BeanDefinitions 加工成…

【动态规划】最长上升子序列(单调队列、贪心优化)

Halo,这里是Ppeua。平时主要更新C语言,C,数据结构算法......感兴趣就关注我吧!你定不会失望。 🌈个人主页:主页链接 🌈算法专栏:专栏链接 我会一直往里填充内容哒! &…

原理底层计划---JVM

二、JVM对空间大小怎么配置?各区域怎么划? 新生代:短时间生成,可以马上回收 老生代:少部分对象会存在很久,回收策略应不同 三、JVM哪些内存区域会发生内存溢出(程序计数器不会) …

async与await异步编程

ECMA2017中新加入了两个关键字async与await 简单来说它们是基于promise之上的的语法糖,可以让异步操作更加地简单明了 首先我们需要用async关键字,将函数标记为异步函数 async function f() {} f()异步函数就是指:返回值为promise对象的函…