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

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

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 的组件库,颜值高还好改,用起来方便

主要功能

配置管理

在这里插入图片描述

节点切换

在这里插入图片描述

项目地址

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

https://github.com/faker2048/singbox-gui

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

http://www.lryc.cn/news/529862.html

相关文章:

  • JWT入门
  • Python - Quantstats量化投资策略绩效统计包 - 详解
  • 智慧园区管理系统推动企业智能运维与资源优化的全新路径分析
  • 【数据结构-字典树】力扣14. 最长公共前缀
  • 《深入浅出HTTPS​​​​​​​​​​​​​​​​​》读书笔记(31):HTTPS和TLS/SSL
  • Go学习:Go语言中if、switch、for语句与其他编程语言中相应语句的格式区别
  • L30.【LeetCode笔记】设计链表
  • java日志框架详解-Log4j2
  • C++中vector追加vector
  • 加一(66)
  • 远程连接-简化登录
  • canvas的基本用法
  • Tailwind CSS - Tailwind CSS 引入(安装、初始化、配置、引入、构建、使用 Tailwind CSS)
  • 鸿蒙开发黑科技“stack叠层”替代customdialog
  • FreeRTOS从入门到精通 第十五章(事件标志组)
  • 智慧园区管理平台实现智能整合提升企业运营模式与管理效率
  • markdown公式特殊字符
  • 【深度分析】微软全球裁员计划不影响印度地区,将继续增加当地就业机会
  • 学习数据结构(5)单向链表的实现
  • 刷题记录 HOT100回溯算法-5:22. 括号生成
  • Keepalived高可用集群企业应用实例二
  • C++计算特定随机操作后序列元素乘积的期望
  • c++字母大小写转换
  • MySQL知识点总结(十六)
  • Windows程序设计10:文件指针及目录的创建与删除
  • geolocator包的功能和用法
  • Node.js——body-parser、防盗链、路由模块化、express-generator应用生成器
  • 22.Word:小张-经费联审核结算单❗【16】
  • Agent 高频知识汇总:查漏补缺参考大全
  • 本地化部署DeepSeek-R1