tauri并非前端框架，而是一个rust框架。所以，要使用这个框架，还需要懂一定的rust开发。当然，如果你只需要将纯前端的代码进行打包，完全可以使用这个框架。

为什么使用 tauri

• 原始Tauri应用程序的打包大小小于3 MB，比Electron的大小小140 MB。
• 内存占用小于使用相同代码库构建的Electron应用程序的大小的一半。
• 安全是Tauri的头等大事，我们正在不断创新。
• 遗憾的是，底层是 Chromium 的使用者（例如Electron）无法获得 FLOSS(自由/开源软件) 许可。

技术细节

tauri 具有五个主要组成部分：

• 用于创建，开发和构建应用程序的Node.js CLI
• Rust Core，用于绑定到底层WEBVIEW并提供可摇树优化的API
• Rust Bundler用于制造最终的二进制文件
• Webview的Rust绑定
• Webview低层库，用于创建和与操作系统“本机” Webview交互

Tauri应用程序中的用户界面目前在macOS上使用Cocoa / WebKit，在Linux上使用gtk-webkit2，在Windows上通过Edge使用MSHTML（IE10 / 11）或Webkit。 Tauri基于MIT许可的进行工作，即webview。

tauri 与 electron 的对比

Notes

1. Electron在Linux上没有本地自动更新程序，但由electron-packager提供
2. 
   

环境搭建

以下为 macOS 为例子, Tauri是一个多语言系统，因此需要大量工具。

系统依赖项：

$ brew install gcc

使用 brew 下载 gcc 依赖

node 运行环境:

此框架的运行需要 node 12 以上的环境:

nvm install 12
nvm use 12

使用 nvm 下载 node 12

Rustc and Cargo 包管理

$ curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh

这条命令时需要梯子才能下好的
下载的时候一路回车即可
完成后,关闭终端,打开后查看

grewer@Grewer-2 ~ % rustc --version
rustc 1.42.0 (b8cedc004 2020-03-09)

Tauri 打包工具

$ cargo install tauri-bundler --force

此命令的下载也建议使用梯子,不然会比较慢

至此, 此框架的基础环境都已经搭建完成

使用(无缝融合进现有的项目)

首先你需要一个 web 项目, 可以是 react-create-app 或者 vue-cli 创建的项目,也可以是任意的 web 项目

在项目中下载 tauri:

yarn add tauri
# 或者
npm install tauri

下载完成后,在当前项目的目录下,使用命令

tauri init

之后, 你的项目下会出现一个目录 src-tauri，再根据你的 web 项目启动时的端口修改文件 src-tauri/tauri.conf.json:

 "build": {
    "distDir": "../build", //打包后的路径
    "devPath": "http://localhost:8080", // 此为 dev 启动时的url
    "beforeDevCommand": "",
    "beforeBuildCommand": ""
  },

现在启动项目:

"dev": "tauri dev",

第一次启动的时候会有点慢,要加载一些东西,后面就快了很多了。

仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！

链接: https://fly63.com/nav/3595