USB迷 | 专注于互联网分享

    最新消息： USBMI致力于为网友们分享Windows、安卓、IOS等主流手机系统相关的资讯以及评测、同时提供相关教程、应用、软件下载等服务。
    你的位置： 首页 > 业界 > tauri 开发

    tauri 开发

    业界 admin 4浏览 0评论

    1、介绍

    Tauri 是一个框架，用于为所有主要桌面平台构建微小、极快的二进制文件。开发人员可以集成任何可编译为 HTML、JS 和 CSS 的前端框架来构建他们的用户界面。应用程序的后端是一个来自 rust 的二进制文件，带有一个前端可以与之交互的 API。

    Tauri 应用程序中的用户界面目前tao在 macOS 和 Windows 上用作窗口处理库，gtk在 Linux 上通过Tauri 团队孵化和维护的WRY，它创建了系统 web 视图（以及其他好东西，如菜单和任务栏）的统一界面，在 macOS 上利用 WebKit，在 Windows 上利用 WebView2，在 Linux 上利用 WebKitGTK。

    2、支持平台

    平台版本
    Windows7 及以上
    macOS10.15 及以上
    Linux见下文
    iOS/iPadOS即将退出
    安卓即将推出

    如需开发Tauri 应用程序，请参阅tauri.app 上的入门指南。

    对于运行Tauri 应用程序，我们支持以下配置（这些配置会自动添加为 .deb 的依赖项并与 AppImage 捆绑在一起，因此您的用户无需手动安装它们）：

    • 安装了以下软件包的 Debian（Ubuntu 18.04 及更高版本或同等版本）：

       libwebkit2gtk-4.0-37, libgtk-3-0, libayatana-appindicator3-11

    • Arch 安装了以下软件包：

       webkit2gtk, gtk3, libayatana-appindicator1

    • 安装了以下软件包的 Fedora（最新 2 个版本）：

       webkit2gtk3, gtk3, libappindicator-gtk31

    3、安全功能

    • 本地主机免费
    • 安全模式的自定义协议
    • 动态提前编译 (dAoT) 与功能性 tree-shaking
    • 功能地址空间布局随机化
    • 在运行时对函数名称和消息进行 OTP 加盐
    • CSP 注入

    4、Tauri 和 Electron 的比较（官方）

    细节TauriElectron
    安装程序 Linux3.1MB52.1MB
    内存消耗 Linux180MB462MB
    启动时间 Linux0.39s0.80s
    界面服务提供WRYChromium
    后端绑定RustNode.js (ECMAScript)
    底层引擎RustV8 (C/C++)
    FLOSS(自由/开源软件)是的不是
    多线程是的是的
    字节码交付是的不是
    多窗口是的是的
    自动更新是的是的1
    自定义应用程序图标是的是的
    Windows Binary是的是的
    macOS Binary是的是的
    Linux Binary是的是的
    iOS Binary很快No
    Android Binary很快No
    桌面托盘是的是的
    Sidecar Binaries是的No

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

    打包后程序大小对比（在Macos系统下）

    5、安装前提条件-macOS

    1、要安装 CLang 和 macOS 开发依赖项。为此，请在终端中运行以下命令：

    xcode-select --install

    2、要在 macOS 上安装 Rust，请打开终端并输入以下命令

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

    在窗口中出现以下提示，代表安装成功

    Rust is installed now. Great!

    5、安装前提条件-Windows

    1、Microsoft Visual Studio C++ 构建
    您将需要安装 Microsoft Visual Studio C++ 构建工具。最简单的方法是安装Build Tools for Visual Studio 2022。当询问要安装哪些工作负载时，请确保选择“C++ 构建工具”和 Windows 10 SDK。

    2、Tauri 严重依赖 WebView2 在 Windows 上呈现 Web 内容，因此您必须安装 WebView2。最简单的方法是从Microsoft 网站下载并运行 Evergreen Bootstrapper 。
    提示：WebView2 预装在 Windows 11 中

    3、安装Rust，地址：https://www.rust-lang/tools/install

    6、开始创建tauri应用程序

    npm create tauri-app

    1、输入app的名字，不输入默认为tauri-app，直接回车。

    2、输入窗口的标题，默认直接回车：

    3、前端UI模板搭配选择：

    4、是否添加tauri-apps/api包的依赖。

    5、选择vite的模板

    6、项目初始化完成，依赖已安装完成。

    7、进入tauri-app目录，运行命令：

    npm run tauri dev

    在浏览器中，打开链接地址：http://localhost:5173/

    然后桌面端，程序没有打包,因为Rustde 第三方包都集中在crates.io网站上面,因为镜像问题，需要更换成国内镜像。
    在 $HOME/.cargo/config 中添加如下内容：

    # 放到 `$HOME/.cargo/config` 文件中
[source.crates-io]
#registry = "https://github/rust-lang/crates.io-index"

# 替换成你偏好的镜像源
replace-with = 'ustc'
#replace-with = 'sjtu'

# 清华大学
[source.tuna]
registry = "https://mirrors.tuna.tsinghua.edu/git/crates.io-index.git"

# 中国科学技术大学
[source.ustc]
registry = "git://mirrors.ustc.edu/crates.io-index"

# 上海交通大学
[source.sjtu]
registry = "https://mirrors.sjtug.sjtu.edu/git/crates.io-index"

# rustcc社区
[source.rustcc]
registry = "git://crates.rustcc/crates.io-index"

    配置完成，重新运行命令，会看完整个编译结束。

    出现桌面端的界面

    7、进行桌面打包

    npm run tauri build

    在target目录下面，生成对应桌面端app的文件，原文件大小9M，如下图所示：

    想了解更多，可以查看官方文档：https://tauri.app/v1/guides/

    1、介绍

    Tauri 是一个框架，用于为所有主要桌面平台构建微小、极快的二进制文件。开发人员可以集成任何可编译为 HTML、JS 和 CSS 的前端框架来构建他们的用户界面。应用程序的后端是一个来自 rust 的二进制文件，带有一个前端可以与之交互的 API。

    Tauri 应用程序中的用户界面目前tao在 macOS 和 Windows 上用作窗口处理库，gtk在 Linux 上通过Tauri 团队孵化和维护的WRY，它创建了系统 web 视图（以及其他好东西，如菜单和任务栏）的统一界面，在 macOS 上利用 WebKit，在 Windows 上利用 WebView2，在 Linux 上利用 WebKitGTK。

    2、支持平台

    平台版本
    Windows7 及以上
    macOS10.15 及以上
    Linux见下文
    iOS/iPadOS即将退出
    安卓即将推出

    如需开发Tauri 应用程序，请参阅tauri.app 上的入门指南。

    对于运行Tauri 应用程序，我们支持以下配置（这些配置会自动添加为 .deb 的依赖项并与 AppImage 捆绑在一起，因此您的用户无需手动安装它们）：

    • 安装了以下软件包的 Debian（Ubuntu 18.04 及更高版本或同等版本）：

       libwebkit2gtk-4.0-37, libgtk-3-0, libayatana-appindicator3-11

    • Arch 安装了以下软件包：

       webkit2gtk, gtk3, libayatana-appindicator1

    • 安装了以下软件包的 Fedora（最新 2 个版本）：

       webkit2gtk3, gtk3, libappindicator-gtk31

    3、安全功能

    • 本地主机免费
    • 安全模式的自定义协议
    • 动态提前编译 (dAoT) 与功能性 tree-shaking
    • 功能地址空间布局随机化
    • 在运行时对函数名称和消息进行 OTP 加盐
    • CSP 注入

    4、Tauri 和 Electron 的比较（官方）

    细节TauriElectron
    安装程序 Linux3.1MB52.1MB
    内存消耗 Linux180MB462MB
    启动时间 Linux0.39s0.80s
    界面服务提供WRYChromium
    后端绑定RustNode.js (ECMAScript)
    底层引擎RustV8 (C/C++)
    FLOSS(自由/开源软件)是的不是
    多线程是的是的
    字节码交付是的不是
    多窗口是的是的
    自动更新是的是的1
    自定义应用程序图标是的是的
    Windows Binary是的是的
    macOS Binary是的是的
    Linux Binary是的是的
    iOS Binary很快No
    Android Binary很快No
    桌面托盘是的是的
    Sidecar Binaries是的No

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

    打包后程序大小对比（在Macos系统下）

    5、安装前提条件-macOS

    1、要安装 CLang 和 macOS 开发依赖项。为此，请在终端中运行以下命令：

    xcode-select --install

    2、要在 macOS 上安装 Rust，请打开终端并输入以下命令

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

    在窗口中出现以下提示，代表安装成功

    Rust is installed now. Great!

    5、安装前提条件-Windows

    1、Microsoft Visual Studio C++ 构建
    您将需要安装 Microsoft Visual Studio C++ 构建工具。最简单的方法是安装Build Tools for Visual Studio 2022。当询问要安装哪些工作负载时，请确保选择“C++ 构建工具”和 Windows 10 SDK。

    2、Tauri 严重依赖 WebView2 在 Windows 上呈现 Web 内容，因此您必须安装 WebView2。最简单的方法是从Microsoft 网站下载并运行 Evergreen Bootstrapper 。
    提示：WebView2 预装在 Windows 11 中

    3、安装Rust，地址：https://www.rust-lang/tools/install

    6、开始创建tauri应用程序

    npm create tauri-app

    1、输入app的名字，不输入默认为tauri-app，直接回车。

    2、输入窗口的标题，默认直接回车：

    3、前端UI模板搭配选择：

    4、是否添加tauri-apps/api包的依赖。

    5、选择vite的模板

    6、项目初始化完成，依赖已安装完成。

    7、进入tauri-app目录，运行命令：

    npm run tauri dev

    在浏览器中，打开链接地址：http://localhost:5173/

    然后桌面端，程序没有打包,因为Rustde 第三方包都集中在crates.io网站上面,因为镜像问题，需要更换成国内镜像。
    在 $HOME/.cargo/config 中添加如下内容：

    # 放到 `$HOME/.cargo/config` 文件中
[source.crates-io]
#registry = "https://github/rust-lang/crates.io-index"

# 替换成你偏好的镜像源
replace-with = 'ustc'
#replace-with = 'sjtu'

# 清华大学
[source.tuna]
registry = "https://mirrors.tuna.tsinghua.edu/git/crates.io-index.git"

# 中国科学技术大学
[source.ustc]
registry = "git://mirrors.ustc.edu/crates.io-index"

# 上海交通大学
[source.sjtu]
registry = "https://mirrors.sjtug.sjtu.edu/git/crates.io-index"

# rustcc社区
[source.rustcc]
registry = "git://crates.rustcc/crates.io-index"

    配置完成，重新运行命令，会看完整个编译结束。

    出现桌面端的界面

    7、进行桌面打包

    npm run tauri build

    在target目录下面，生成对应桌面端app的文件，原文件大小9M，如下图所示：

    想了解更多，可以查看官方文档：https://tauri.app/v1/guides/

    继续浏览有关 的文章

    与本文相关的文章

    发布评论

    评论列表 (0)

    1. 暂无评论