使用 Tauri 2 + Next.js 开发跨平台桌面应用实践:Singbox GUI 实践

302 阅读1分钟

Singbox GUI 实践

最近用 Tauri + Next.js 做了个项目 - Singbox GUI,是个给 sing-box 用的图形界面工具。支持 Windows、Linux 和 macOS。作为第一次接触这两个框架的新手,感觉收获还蛮多的,今天来分享下开发过程中的一些经验~

为啥要做这个项目?

其实最开始是因为自己用 sing-box 老是要改配置文件,觉得特别麻烦。想着要是有个界面就好了,所以就自己动手搞了一个。主要是想实现:

  • 可视化管理配置(再也不用手改 JSON 啦!)
  • 快速切换节点(测试延迟、一键切换)

技术选型

选 Tauri + Next.js 主要是因为:

  • Tauri:用 Rust 写的,打包出来的程序特别小,启动也快
  • Next.js:React 系的框架,开发体验不错,上手也快
  • Zustand:轻量级状态管理库,写起来特别舒服
  • shadcn/ui:基于 Radix UI 的组件库,颜值高还好改,用起来方便

主要功能

配置管理

home-page.png

节点切换

node-switch.png

项目地址

如果你也想玩玩的话,可以去项目看看

项目已经使用 github action 自动 release

github.com/faker2048/s…

用着遇到啥问题随时在 GitHub 上提 issue,我会尽快看的!