feat: 新增应用更新功能和关于页面

- 集成 Tauri updater 实现应用版本检查与更新
- 添加关于页面,展示项目介绍、使用流程和版本信息
- 新增顶部栏检查更新和 GitHub 入口
- 完善国际化文案和更新弹窗组件
This commit is contained in:
Yuhang Wu
2026-10-14 10:13:31 +08:00
parent f6d8d783b4
commit 746a4be2bc
15 changed files with 663 additions and 7 deletions
+42 -1
View File
@@ -8,6 +8,8 @@
"theme": "Theme",
"lightMode": "Light mode",
"darkMode": "Dark mode",
"checkUpdate": "Check for updates",
"github": "GitHub",
"settings": "Settings",
"minimize": "Minimize",
"maximize": "Maximize",
@@ -57,7 +59,8 @@
"title": "Settings",
"placeholder": "The settings page is under construction.",
"menu": {
"appearance": "Appearance"
"appearance": "Appearance",
"about": "About"
},
"appearance": {
"title": "Appearance",
@@ -210,6 +213,44 @@
"error": "Download failed"
}
},
"about": {
"title": "About Frpilot",
"subtitle": "A lightweight, friendly visual client for frp",
"introTitle": "Introduction",
"intro": "Frpilot is a visual client for frp built with Tauri 2 + Vue 3 + TypeScript. Manage frpc versions, servers and tunnels through a friendly GUI — and say goodbye to hand-writing frpc.toml.",
"flowTitle": "How to use",
"flow": {
"step1Title": "Download frpc",
"step1Desc": "Open \"Download frpc\", grab the build for your platform and architecture, or import a local one.",
"step2Title": "Configure a server",
"step2Desc": "Add the frps address, port and auth token under \"Servers\", then enable one of them.",
"step3Title": "Configure tunnels",
"step3Desc": "Create and enable the tunnels you need (TCP / HTTP, etc.) under \"Tunnels\".",
"step4Title": "One-click start",
"step4Desc": "Head back to the \"Dashboard\" and start Frpc with a single click, watching live logs and status."
},
"repoTitle": "Open source",
"repoDesc": "Stars, issues and contributions are all welcome~",
"openRepo": "Open GitHub",
"versionTitle": "Version",
"currentVersion": "Current version",
"checkUpdate": "Check for updates",
"newVersion": "New version v{version} is available"
},
"update": {
"title": "New version v{version} is available ✨",
"hello": "Ta-da~ A brand new version is ready and waiting for you (๑•̀ㅂ•́)و✧",
"tip": "Here's what this little update brings — scroll down and take a peek~",
"log": "What's new",
"emptyLog": "No release notes this time — the author was too lazy, but updating is still a good idea~",
"ignore": "Ignore this version",
"confirm": "Update now",
"downloading": "Downloading the package… hang tight, almost there!",
"desktopOnly": "Update checks are unavailable in dev mode. Please use the desktop app~",
"upToDate": "You're already on the latest version, enjoy~",
"checkFailed": "Update check failed: {message}",
"ignoreSuccess": "Version ignored. We won't bother you again~"
},
"common": {
"developing": "This feature is under construction",
"confirm": "OK",
+42 -1
View File
@@ -8,6 +8,8 @@
"theme": "主题",
"lightMode": "浅色模式",
"darkMode": "深色模式",
"checkUpdate": "检查更新",
"github": "GitHub",
"settings": "设置",
"minimize": "最小化",
"maximize": "最大化",
@@ -57,7 +59,8 @@
"title": "设置",
"placeholder": "设置页面开发中,敬请期待。",
"menu": {
"appearance": "外观设置"
"appearance": "外观设置",
"about": "关于"
},
"appearance": {
"title": "外观设置",
@@ -210,6 +213,44 @@
"error": "下载失败"
}
},
"about": {
"title": "关于 Frpilot",
"subtitle": "轻量、顺手的 frp 可视化桌面客户端",
"introTitle": "项目介绍",
"intro": "Frpilot 是一个基于 Tauri 2 + Vue 3 + TypeScript 打造的 frp 可视化客户端,帮你用图形界面管理 frpc 版本、服务器与隧道,从此告别手写 frpc.toml。",
"flowTitle": "使用流程",
"flow": {
"step1Title": "下载 frpc",
"step1Desc": "进入「Frpc 下载」,按平台与架构下载,或导入本地已有的 frpc。",
"step2Title": "配置服务器",
"step2Desc": "在「服务器」中填写 frps 地址、端口与鉴权 Token,并启用其中一台。",
"step3Title": "配置隧道",
"step3Desc": "在「隧道列表」里按需创建 TCP / HTTP 等类型的隧道并启用。",
"step4Title": "一键启动",
"step4Desc": "回到「仪表盘」一键启动 Frpc,实时查看运行日志与状态。"
},
"repoTitle": "开源地址",
"repoDesc": "欢迎 Star、提 Issue 或一起参与共建~",
"openRepo": "打开 GitHub",
"versionTitle": "版本信息",
"currentVersion": "当前版本",
"checkUpdate": "检查更新",
"newVersion": "发现新版本 v{version}"
},
"update": {
"title": "发现新版本 v{version} ✨",
"hello": "呀吼~新版本已经打包好,就等你翻牌啦 (๑•̀ㅂ•́)و✧",
"tip": "这次的小更新带来了下面这些变化,往下滑看看嘛~",
"log": "更新日志",
"emptyLog": "作者这次偷懒没写更新说明,总之先更新了就对了~",
"ignore": "忽略该版本",
"confirm": "确认更新",
"downloading": "正在下载安装包…坐好扶稳,马上就到!",
"desktopOnly": "开发模式下无法检查更新,请在桌面应用中使用~",
"upToDate": "已经是最新版本啦,安心享用~",
"checkFailed": "检查更新失败:{message}",
"ignoreSuccess": "已经帮你忽略这个版本啦,下次不再打扰~"
},
"common": {
"developing": "功能开发中,敬请期待",
"confirm": "确定",