PakePlus:轻松将任意网站/Vue/React等项目构建为轻量级(小于5M)多端桌面应用和多端手机应用

使用强大的PakePlus将任何网站打包为跨平台桌面软件,而且还支持将vue/react等项目编译后的静态资源打包为跨平台桌面软件,既有PakePlus,何必是网页。

pakel

PakePLus 简介

PakePlus 是一个基于 Tauri2 和 Github 的打包工具,无需在本地安装复杂的 rust 和 node 依赖环境,只需要一个 Github Token 就可以将任意网站/Vue/React 等项目的 dist 静态文件打包为跨平台桌面软件,体积小巧(小于 5M)并且性能还高,而且 PakePlus 本身也才仅仅 8M 左右小大。开源地址:https://github.com/Sjj1024/PakePlus

特性

  • 🎐 体积比 Electron 包小约 20 倍(小于 5M!),性能快 10 倍。
  • 🚀 基于 Rust Tauri,PakePlus 比基于 JS 的框架更轻量、更快。
  • 📦 内置丰富功能包——支持快捷方式、沉浸式窗口、极简自定义。
  • 👻 PakePlus 只是一个极简的软件,用 Tauri 替代旧的打包方式,支持跨平台桌面,将很快支持手机端。
  • 🤗 PakePlus 易于操作使用,只需一个 GitHub Token,即可获得桌面应用。
  • 🌹 不需要在本地安装任何复杂的依赖环境,使用 Github Action 云端自动打包。
  • 🧑‍🤝‍🧑 支持国际化,对全球用户都非常友好,并且会自动跟随你的电脑系统语言。
  • 💡 支持自定义 js 注入。你可以编写自己的 js 代码注入到页面中。
  • 🎨 ui 界面更美观更友好对新手更实用,使用更舒适,支持中文名称打包。
  • 📡 支持网页端直接使用,但是客户端功能更强大,更推荐客户端。
  • 🔐 数据安全,你的 token 仅保存在你本地,不会上传服务器,你的项目也都在你自己的 git 中安全存储。
  • 🍀 支持静态文件打包,将 Vue/React 等项目编译后的 dist 目录或者 index.html 丢进来即可成为客户端,何必是网站。
  • 🐞 支持 debug 调试模式,无论是预览阶段还是发布阶段,都可以找到 bug 并消灭 bug

使用场景

  • 你有一个网站,想把它立刻变成桌面应用,立刻高大尚。
  • 你有一个 Vue/React 等项目,不想购买服务器,想把它打包成桌面应用。
  • 你的 Cocos 游戏是不是想要跨平台客户端运行?完全没有问题。
  • 你的 Unity 项目是不是想要跨平台打包为客户端?也完全没有问题。
  • 隐藏你的网站地址,不被随意传播和使用,防止爬虫程序获取你的网站内容。
  • 公司内网平台,不想让别人知道你的网站地址,只允许通过你的客户端访问。
  • 想把某个网站变成自己的客户端,实现自定义功能,比如注入 js 实现自动化操作。
  • 网站广告太多?想把它隐藏起来,用无所不能的 js 来屏蔽它们吧。
  • 需要使用 tauri2 打包,但是依赖环境太复杂,本地电脑硬盘不够用,就用 PakePlus

热门包

PakePlus:轻松将任意网站/Vue/React等项目构建为轻量级(小于5M)多端桌面应用和多端手机应用

创建项目

经过获取 Token 的步骤,测试 Token 有效后,就可以创建项目了。如果没有获取 Token,或者 Token 无效,可在本地创建临时项目。但还是推荐请先按照获取 Token 的步骤,拿到 github 的 token 后,再进行下面的操作。

创建项目步骤

  1. 打开 PakePlus 首页,点击 + 按钮,创建项目。
  2. 在创建项目弹窗中,填写项目名称,点击 确定 按钮,就可以创建项目了。
  3. 点击 确定 按钮后,等待项目创建完成,会跳转到项目配置页面。

PakePlus:轻松将任意网站/Vue/React等项目构建为轻量级(小于5M)多端桌面应用和多端手机应用

简单配置

项目创建完成后,需要对项目进行简单的配置。比如你的 APP 名称,要打包的网址,APP 标识 id,还有版本号等,当然前面四个是必填项,后面的可以根据自己的需求来配置。APP 名称支持中文英文等,但是不支持空格。网站地址可以是本地地址,也可以是网络地址,但是必须是 http 或者 https 开头的地址,或者是你本地的 html 文件,以及 Vue/React 打包后的 dist 文件夹。软件唯一 id 是用来区分你的软件的,不能与其他项目重复。版本号是用来区分你的软件的版本的。

PakePlus:轻松将任意网站/Vue/React等项目构建为轻量级(小于5M)多端桌面应用和多端手机应用

简单配置后,就可以点击预览按钮来预览你的软件最终显示的时候长什么样子了。 确认无误后,点击发布,就可以开始打包了。

编译发布

这一步就是通知 github 将你的项目编译成跨平台的桌面软件。PakePlus 暂时只支持桌面端,所以这里只需要选择桌面端即可,移动端也会很快支持。发布模式可以选择关闭调试和开启调试,开启后,当软件启动时有问题可以在控制台看到错误信息。发布说明可以添加这次发布主要是哪些内容,可以忽略。一切配置完成后,点击确定,就可以开始打包了。需要耐心等待 10 分钟左右…PakePlus:轻松将任意网站/Vue/React等项目构建为轻量级(小于5M)多端桌面应用和多端手机应用

激动人心的等待时刻:(当然也是最容易出错的时刻)

成败在此一举
如果成功,跳转到发布页面,点击下载即可下载你的软件。
如果失败,又上角会有错误提示,可根据错误进行修改或联系我们。

PakePlus:轻松将任意网站/Vue/React等项目构建为轻量级(小于5M)多端桌面应用和多端手机应用

发布成功:

恭喜你 🎉🎉🎉,你的软件已经编译成功了,点击下载即可下载你的软件。 或者点击名称会复制下载链接,然后在浏览器打开即可下载。PakePlus:轻松将任意网站/Vue/React等项目构建为轻量级(小于5M)多端桌面应用和多端手机应用

本文来自投稿,不代表独立开发前线立场,如若转载,请注明出处:https://www.91wink.com/index.php/pakeplus%ef%bc%9a%e8%bd%bb%e6%9d%be%e5%b0%86%e4%bb%bb%e6%84%8f%e7%bd%91%e7%ab%99-vue-react%e7%ad%89%e9%a1%b9%e7%9b%ae%e6%9e%84%e5%bb%ba%e4%b8%ba%e8%bd%bb%e9%87%8f%e7%ba%a7%e5%b0%8f%e4%ba%8e5m/

Like (1)

相关推荐

发表回复

Please Login to Comment

联系我们

邮件:ove2022@126.com