使用Pake简单将网页生成轻量级桌面应用软件,可在Windows/Linux/macos中免费使用

简介

使用 Rust 将任何网页变成桌面应用程序, 利用 Rust 轻松构建轻量级多端桌面应用。

优点

  • 🎐 比 Electron 封装小近 20 倍(约 5M!)
  • 🚀 使用 Rust Tauri,Pake 比基于 JS 的框架更轻量级、更快。
  • 📦 电池包 — 快捷方式直通、身临其境的窗口和极简主义的定制。
  • 👻 Pake 只是一个简单的工具——用 Tauri 替换旧的捆绑包方法(尽管 PWA 已经足够好了)。

应用场景

图片[1]-使用Pake简单将网页生成轻量级桌面应用软件,可在Windows/Linux/macos中免费使用

使用教程

1.直接在Releases · tw93/Pake (github.com)下载

https://github.com/tw93/Pake/releases

准备工作

对于初学者:尝试使用热门软件包以了解 Pake 的功能,或尝试使用 GitHub Actions 打包您的应用程序。

对于开发人员:“命令行打包”完全支持 macOS。对于 Windows/Linux 用户,它需要一些修补。

对于黑客:对于同时擅长前端开发和 Rust 的人来说,算了不用说了,看图吧

图片[2]-使用Pake简单将网页生成轻量级桌面应用软件,可在Windows/Linux/macos中免费使用

windows配置环境

Microsoft Visual Studio C++ 构建工具

安装 Microsoft Visual Studio C++ 生成工具,当询问要安装哪些工作负载时,请确保选择“C++ 生成工具”和 Windows 10 SDK

图片[3]-使用Pake简单将网页生成轻量级桌面应用软件,可在Windows/Linux/macos中免费使用

Tauri 非常依赖 WebView2 在 Windows 上呈现 Web 内容,因此必须安装 WebView2。最简单的方法是从 Microsoft 的网站下载并运行 Evergreen Bootstrapper

引导程序脚本将尝试确定系统的正确体系结构和版本。不过,如果遇到问题(尤其是在 ARM 上的 Windows 中),可以选择独立安装程序。

使用Rust

转到 https://www.rust-lang.org/tools/install 安装 rustup(Rust 安装程序)。必须重新启动终端,在某些情况下,还要重新启动 Windows 本身,才能使更改生效。

或者,可以在 PowerShell 中使用 winget 命令安装程序:

winget install --id Rustlang.Rustup

如果已经安装了 Rust,则可以通过运行以下命令来确保安装了正确的工具链:

rustup default stable-msvc

macOS配置环境

 CLang 和 macOS 开发依赖项

在终端中执行以下命令安装 CLang 和 macOS 开发依赖项。

xcode-select --install

 使用Rust

打开终端并输入以下命令:

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

此命令将下载以上脚本并开始安装用来安装最新版 Rust 的 工具。 可能需要输入密码。 若安装成功,终端将显示以下内容:

Rust is installed now. Great!

然后重新启动终端以使更改生效。

Linux配置环境

需要安装几个系统依赖,如 C 语言编译器,下方是适用于部分热门发行版的安装命令

sudo apt update
sudo apt install libwebkit2gtk-4.0-dev \
    build-essential \
    curl \
    wget \
    libssl-dev \
    libgtk-3-dev \
    libayatana-appindicator3-dev \
    librsvg2-dev
sudo pacman -Syu
sudo pacman -S --needed \
webkit2gtk \
base-devel \
curl \
wget \
openssl \
appmenu-gtk-module \
gtk3 \
libappindicator-gtk3 \
librsvg \
libvips
sudo dnf check-update
sudo dnf install webkit2gtk4.0-devel \
    openssl-devel \
    curl \
    wget \
    libappindicator-gtk3 \
    librsvg2-devel
sudo dnf group install "C Development Tools and Libraries"
sudo emerge --ask \
    net-libs/webkit-gtk:4 \
    dev-libs/libappindicator \
    net-misc/curl \
    net-misc/wget
sudo zypper up
sudo zypper in webkit2gtk3-soup2-devel \
    libopenssl-devel \
    curl \
    wget \
    libappindicator3-1 \
    librsvg-devel
sudo zypper in -t pattern devel_basis

在 NixOS 上工作需要稍微不同的设置,因为 Tauri 需要在编译时找到所需的系统库。

使用 [Nix Flakes] 时,将以下代码复制到存储库中,然后运行以激活开发环境。你也可以使用【direnv's Flakes integration】,在进入项目文件夹时自动启动开发shell

{
  inputs = {
    nixpkgs.url = "nixpkgs";
    flake-utils.url = "github:numtide/flake-utils";
  };

  outputs = { self, nixpkgs, flake-utils }:
    flake-utils.lib.eachDefaultSystem (system:
      let
        pkgs = nixpkgs.legacyPackages.${system};

        libraries = with pkgs;[
          webkitgtk
          gtk3
          cairo
          gdk-pixbuf
          glib
          dbus
          openssl_3
          librsvg
        ];

        packages = with pkgs; [
          curl
          wget
          pkg-config
          dbus
          openssl_3
          glib
          gtk3
          libsoup
          webkitgtk
          librsvg
        ];
      in
      {
        devShell = pkgs.mkShell {
          buildInputs = packages;

          shellHook =
            ''
              export LD_LIBRARY_PATH=${pkgs.lib.makeLibraryPath libraries}:$LD_LIBRARY_PATH
            '';
        };
      });
}

要使用 [Guix shell] 创建 Tauri 开发环境,请将以下代码复制到您的存储库中,然后运行以激活。也可以使用【direnv's Guix shell support】,在进入项目文件夹时自动启动 Guix shel

(specifications->manifest
 (list "gtk+@3"
       "webkitgtk-with-libsoup2"
       "libsoup-minimal@2"
       "cairo"
       "gdk-pixbuf"
       "glib"
       "dbus"
       "openssl@3"
       "gcc:lib"

       "curl"
       "wget"
       "pkg-config"
       "gsettings-desktop-schemas"))
sudo xbps-install -Syu
sudo xbps-install -S \
    webkit2gtk-devel \
    curl \
    wget \
    openssl \
    gtk+3-devel \
    libappindicator \
    librsvg-devel \
    gcc \
    pkg-config

使用 Rust

在 Linux 上安装 Rust,请打开终端并输入以下命令:

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

可能需要输入密码。 若安装成功,终端将显示以下内容

Rust is installed now. Great!

请确保重新启动终端以使更改生效。

使用命令行打包

Pake的命令行工具基于Nodejs开发的,可以使用npm或者yarn来安装并使用。在正式使用之前需要确认你的本机环境需要符合:Rust >=1.63 和 Node >=16的环境,以及Tauri的系统依赖,具体的安装方法可以参考Tauri的文档。

安装命令行工具:

npm i -g pake-cli  

打包目标网站:

输入以下命令打包网页应用,其中<url>是你想要打包的网页的链接,--icon是您想要使用的网页应用的图标的路径,可以是本地路径或网络链接:

pake <url> --icon <icon>  

等待打包完成,你可以在当前目录下的dist文件夹中找到网页应用的安装包,按照正常的安装程序进行安装,即可在桌面上看到网页应用的图标,双击即可打开网页应用。

© 版权声明
THE END
支持我嘛~
点赞43 分享
碎语词话 共2条

请登录后发表评论