尧图网站设计 尧图网站设计YAOTU DESIGN
ARTICLE DETAIL

资讯详情

深耕网站设计与一线实操的经验洞察。

免费把网页打包成应用:PakePlus 零代码快速上手教程

免费把网页打包成应用:PakePlus 零代码快速上手教程 免费把网页打包成应用PakePlus 零代码快速上手教程【免费下载链接】PakePlusTurn any webpage/HTML/Vue/React and so on into desktop and mobile app under 5M with easy in few minutes. 轻松将任意网站/HTML/Vue/React等项目构建为轻量级(小于5M)多端桌面应用和手机应用仅需几分钟. https://ppofficial.netlify.app项目地址: https://gitcode.com/GitHub_Trending/pa/PakePlus每天打开浏览器、登录、再翻到那个常用网页这套动作做多了就嫌烦。想省事用 PakePlus 做网页打包把它变成一个双击就能打开的桌面应用全程不用写代码。PakePlus 是什么PakePlus 是一个开源的网页打包工具底层用 Rust 的 Tauri 框架实现支持把网站、本地 HTML 文件甚至 Vue/React 编译后的 dist 目录做成桌面端和手机端应用。它打出来的安装包通常不到 5M约为 Electron 方案的 1/20云端打包约 15 分钟本地打包 30 秒左右就能出一个包。把一个网页打包成应用完整走一遍 下面以打包一个聊天网站为例全程不需要在本地装任何开发环境。先把 PakePlus 客户端装好并运行。想用云端打包的话先准备一个 GitHub Token桌面端支持一键授权登录流程见 Token 教程。暂时不想配 Token 也没关系后面会讲到本地打包。打开首页点左上角的新建项目输入英文名称并确认。项目名只能用字母、数字、下划线和短横线不能以数字开头也不能与已有项目重名。进入配置页后先填四项必填内容应用名称支持中文但不能有空格网站地址http/https 网址、本地 html 文件或 dist 目录应用标识全局唯一只允许小写字母、数字、下划线版本号用来区分新旧版本顺手还能上传本地图片当图标、把窗口模式切到桌面端/iPhone/Android/iPad/自定义并调整窗口大小。填完先点预览确认窗口长什么样再点发布。弹出的窗口里选桌面端作为发布平台之后就是等待云端打包大约 15 分钟。完成后回到发布页一行就是一个安装包dmg 是 macOSexe/msi 是 Windowsdeb/rpm 是 Linux点下载就能拿到直接安装的文件。功能细节 想隐藏网页里的广告怎么办配置页的过滤元素里填选择器窗口里对应元素就不再显示。更进一步脚本文件可以在应用启动时注入你自己的 JS打开 TauriApi 开关后JS 甚至能调用系统级能力。一套配置能同时出手机和桌面版吗能。发布时把平台选成移动端或点右上角移动端图标进入手机打包页分别得到 Android 的 apk 和 iOS 的 ipa桌面与手机互不影响。没有 GitHub Token 还能打包吗能。选本地打包就不需要 Token也不用装任何依赖环境单个包 30 秒左右完成很适合临时验证。图标、窗口这些外观能自己定吗可以。macOS 图标还能切圆角风格窗口保持让窗口记住上次的大小和位置单例模式避免重复点开多个实例。避坑与常见疑问 ⚠️Mac 安装后提示应用已损坏因为应用没有官方签名在终端运行下面命令去掉隔离属性再打开即可sudo xattr -r -d com.apple.quarantine /Applications/你的应用名.app填了 GitHub Token 安全吗Token 只存在你自己电脑本地不会上传服务器项目构建在你自己的 GitHub 账号里注意别删掉它 fork 出来的模板仓库。为什么项目建不出来多半是命名不合规项目名只认字母、数字、下划线、短横线不能以数字开头也不能重复想显示中文名填在应用名称里就行。从填一个网址到拿到安装包中间基本就是填表加等待。想深入了解更多配置可以看 官方文档也可以直接把仓库拉下来体验git clone https://gitcode.com/GitHub_Trending/pa/PakePlus【免费下载链接】PakePlusTurn any webpage/HTML/Vue/React and so on into desktop and mobile app under 5M with easy in few minutes. 轻松将任意网站/HTML/Vue/React等项目构建为轻量级(小于5M)多端桌面应用和手机应用仅需几分钟. https://ppofficial.netlify.app项目地址: https://gitcode.com/GitHub_Trending/pa/PakePlus创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表