当前位置: 首页 > article >正文

使用 Pake 一键打包网页为桌面应用 / 客户端

项目

项目:https://github.com/tw93/Pake/

免费ICO图片:https://icon-icons.com/zh/

设置环境

以下教程仅针对windows系统适用

请确保您的 Node.js 版本为 18 或更高版本

文档:https://v1.tauri.app/zh-cn/v1/guides/getting-started/prerequisites/

  1. Microsoft Visual Studio C++ 生成工具

  2. WebView2

  3. Rust(难点)

前面两点容易,难的是安装Rust,原因在于网络互通,因为github,npm默认都是国外的地址,我的方法有两种:

设置代理方法1

1.我使用的是v2rayN 并将监听端口设置为7890,所以,打开cmd,输入以下代码

setx http_proxy "http://127.0.0.1:7891"
setx https_proxy "http://127.0.0.1:7891"

2.https://www.rust-lang.org/tools/install 下载Rust,双击打开,输入序号1安装依赖

Image

Image

方法2:使用winget安装rust

首先安装winget,如果你的系统没有安装winget ,步骤如下:

下载winget

https://github.com/microsoft/winget-cli/releases/download/v1.9.2507/Microsoft.DesktopAppInstaller_8wekyb3d8bbwe.msixbundle

然后打开powershell,导航到下载目录,使用以下命令安装msixbundle文件:

Add-AppxPackage Microsoft.DesktopAppInstaller_8wekyb3d8bbwe.msixbundle

换源

winget source remove msstore
winget source add winget https://cdn.winget.microsoft.com/cache

打开powershell,设置代理:

$env:http_proxy="http://127.0.0.1:7891"
$env:https_proxy="http://127.0.0.1:7891"

最后安装rust

winget install --id Rustlang.Rustup

命令行打包

首先安装pake-cli,步骤:

1.换源(可选)

npm config set registry https://mirrors.huaweicloud.com/repository/npm/

2.安装(必须)

npm install pake-cli -g

3.一键打包,参考如下:

pake https://woniu336.github.io --name bilibili --icon blog.ico --installer-language zh-CN --show-system-tray --system-tray-icon blog.ico
  • https://woniu336.github.io 打包的网址,前面带http/https
  • bilibili为名称,最好是单个英文,不能有下划线和中文
  • ico文件放在当前目录
  • zh-CN 设置安装程序为中文

更多参数:https://github.com/tw93/Pake/blob/master/bin/README_CN.md

最后,打包成功的文件在命令所在目录,以.msi为后缀

其他命令

清除代理命令,安装成功后可选

setx http_proxy ""
setx https_proxy ""

更新你的 Rust 版本

rustup update

卸载 Rust

rustup self uninstall

http://www.kler.cn/news/364474.html

相关文章:

  • 线程本地变量-ThreadLocal
  • Linux笔记---vim的使用
  • u盘装win10系统提示“windows无法安装到这个磁盘,选中的磁盘采用GPT分区形式”解决方法
  • 动态规划-子序列问题——300.最长递增子序列
  • 如何使用Golang的gomail库实现邮件发送功能
  • Java八股文-Mysql
  • 预算不够,怎么跟KOL砍价?(内附砍价模板)
  • 头部聚合公司源码质量测评!手把手教你打造高质量的碰一碰支付系统!
  • 设计模式 | 6大设计原则
  • NOTION 推出可定制的电子邮件产品 — NOTION MAIL
  • 15_卸载操作
  • pytorch 交叉熵损失函数 BCELoss
  • Java 代理模式详解
  • 003:无人机概述
  • 使用RabbitMQ实现延迟消息的完整指南
  • 瓜田推广:揭秘零撸项目里流量变现的技术与模式框架,新手必看!
  • EDA软件设计(1)----画板、侧边框和属性版的简易设计
  • 多模态技术串讲
  • CSDN介绍
  • Flink on yarn模式下,JobManager异常退出问题
  • 百度文心一言接入流程-java版
  • 前端全栈混合之路Deno篇:Deno2.0如何快速创建http一个 restfulapi/静态文件托管应用及oak框架介绍
  • 循环双链表,将L改造为L=(a1,a3,…,an,a4,a2)
  • 【Linux】实现一个简易的shell命令行
  • Vue3+ts+vite自动导入vue的依赖
  • 应用案例 | Panorama SCADA助力巴黎奥运会:保障赛事协调与安全