谷动谷力

标题: 【平头哥Sipeed LicheeRV 86开发板试用】搭建Waft开发环境 [打印本页]

作者: 鸣涧 时间: 2022-3-15 10:52
标题: 【平头哥Sipeed LicheeRV 86开发板试用】搭建Waft开发环境
【平头哥Sipeed LicheeRV 86开发板试用】搭建Waft开发环境

Waft（WebAssembly Framework for Things) 是一个面向 AIoT 的高性能应用研发框架，由阿里工程师研发，基于WebAssembly和自研的渲染引擎技术打造，适用于智能终端的软件应用研发场景，目前已在天猫精灵上得到应用。

下面介绍如何在Ubuntu中使用Waft开发环境，也是自己的实际操作记录。

1 安装npm

在ubuntu中安装npm，使用如下指令：

提示需要node-gyp，再使用如下指令安装：

安装完之后，再重新安装npm（顺带也把node.js装一下）：

安装完npm之后，使用输入如下指令：

又提示一堆err!

2 升级npm

本来是想用如下指令再装一个cnpm试试：

这个装的较慢，大约十几到几十分钟。

这期间网上又搜索发现，上面报错的问题是因为是npm的版本太低了：

The error npm ERR! typeerror Error: Missing required arguments #1 is an error that basically is telling us that the current nodejs is outdated.

等cnpm安装完，再使用如下指令来升级npm的版本：

最终我的npm的版本为8.4.0：

注意上面输入npm i时提示错误，就先执行了一下npm init，如下图，它会产生一个package.json文件：

3 Waft例程测试

再来使用这个指令，注意要加sudo:

上面还是报错，好像是网络问题，再试一下又可以了：

3.1 初始化waft例程

然后进行waft的初始化：

这里有几个例程，通过键盘的上下键可以选择，这里我选择第3个：

确定之后，会下载该例程，并多出一个my-waft-project的文件夹：

3.2 启动调试

进入到my-waft-project目录下，运行调试：

3.3 网页端查看效果

启动调试之后之后，可以在浏览器中查看显示的界面，如果是在ubuntu的浏览器中，使用本机地址127.0.0.1，我使用的是同一局域网下的Windows系统的浏览器，显示效果如下：

浏览器显示的时候，ubuntu中也会同步输出一下信息：

3.4 REPL命令行模式

启动调试后会自动开启REPL模式，可以通过.help查询支持哪些命令：

waft> .help
.aot aot编译 --wasm=build/app.wasm
.build 编译工程 --default=默认页面(可选) --page=指定单页(可选) --card=指定的卡片(可选) --aot=true(可选, 是否输出 .aot 文件) --push=true(可选, 构建完自动推送)
.clear 清空屏幕输出。
.disconnect 断开终端链接
.exit 退出 REPL。
.help 查看更多 WAFT REPL 命令。
.nlu adb模拟语音调试如".nlu 早上好"
.push 推送真机设备或模拟器 --wasm=build/app.wasm --mock=src/mock.json (可选)
.simulator 启动模拟器 --wasm=build/app.wasm
.ui
.update 触发调试更新 onMessage 事件，--mock=src/mock.json 或者 --mock={"dataSource":{"desc":"hello\\sbig\\sold"}}
.upgrade 升级官方插件工具例如: .upgrade simulator 或着 .upgrade aot