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

使用 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.lryc.cn/news/465728.html

相关文章:

  • vue.js【常用UI组件库】
  • 基于vue框架的的地铁站智慧管理系统的设计n09jb(程序+源码+数据库+调试部署+开发环境)系统界面在最后面。
  • 《南京师大学报(自然科学版)》
  • 考研读研生存指南,注意事项
  • 爬虫结合项目实战
  • 【Next.js 项目实战系列】07-分配 Issue 给用户
  • Web,RESTful API 在微服务中的作用是什么?
  • Ajax:跨域、防抖和节流、HTTP协议
  • 数据结构(8.2_2)—希尔排序
  • Netty笔记
  • 管道燃气监管系统
  • Python语法结构(三)(Python Syntax Structure III)
  • 08_Linux文件查找技巧:locate、find 和 grep 命令详解
  • JAVA 实验六
  • 电脑查不到IP地址是什么原因?怎么解决
  • Axure重要元件三——中继器修改数据
  • 应用层——电子邮件、MIME、简单网络管理协议SNMP
  • 我与C语言二周目邂逅vlog——8.编译和链接
  • Views Page 视图页面
  • Win10 IDEA远程连接HBase
  • 1.centos 镜像
  • electron 操作 cookie
  • 黑马软件测试第一篇_Linux
  • npm run dev 启动前端项目的原理
  • 【2024年SCI一区新算法:黑翅鸢优化算法 】分布式电网故障定位
  • PyTorch 中 12 种张量操作详解
  • 雷池WAF自动化实现安全运营实操案例终极篇
  • 微信小程序实现canvas电子签名
  • 【SpringCloud】Seata微服务事务
  • 重新阅读《马说》,感悟“伯乐相马”背后的被选择与选择的大智慧