Tauri初探

11,906 阅读1分钟

Tauri是什么

Tauri是一个类似electron的跨平台基于web的客户端框架。通过Tauri可以将web网站已本地客户端的方式在pc\mac上运行。所以一些web网站无法实现的功能比如读取存储本地文件,就可以通过Tauri上提供的api实现了。

相比electron优势

  • Tauri打包后的执行文件会比electron小100多M。
  • electron使用的chromium内核导致内存占用很庞大,而tauri在windows上使用的是webview2。webview2使用的edge chromium相比chromium有更多的优势。
  • 以上是可以看得见的优势,还有更多可以查看官网

Tauri 初探

环境的安装

在Hello world之前,需要安装下环境。具体环境安装可以参照官方文档

这里有个需要注意的点,nodejs的路径不能用空格或者中文,如果已经安装了的话需要把路径改好(包括环境变量),不然运行将会出错。

官方文档的环境必须要全部装完,不然运行是会报找不到指定文件的错误。

开始愉快的hello world吧

这里用react来做个web网站。 通过create-react-app脚手架先生成个react项目

npx create-react-app hello-tauri

项目生成后添加tauri对应的依赖库

yarn add -D @tauri-apps/cli
yarn add @tauri-apps/api

这个依赖库的安装如果不通过梯子的话会比较慢,耐心的等待吧。

package.json里scripts 添加

"scripts": {
    "tauri": "tauri",
}

Tauri环境初始化

yarn tauri init

运行

yarn start 

另起一个cmd

yarn tauri dev

效果

E397F7ED-0331-4720-99CD-682A29A8F61F.png

这是一个 demo程序