使用 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，我会尽快看的！
相关文章：
使用 Tauri 2 + Next.js 开发跨平台桌面应用实践：Singbox GUI 实践
Singbox GUI 实践 最近用 Tauri Next.js 做了个项目 - Singbox GUI，是个给 sing-box 用的图形界面工具。支持 Windows、Linux 和 macOS。作为第一次接触这两个框架的新手，感觉收获还蛮多的，今天来分享下开发过程中的一些经验~ 为啥要做这个…...
JWT入门
一、初识JWT：新时代的身份认证方案 在分布式系统成为主流的今天，传统的Session认证方式逐渐显露出局限性。JWT（JSON Web Token）作为现代Web开发的认证新标准，凭借其无状态、跨域友好和安全性等特性，正在成为…...
Python - Quantstats量化投资策略绩效统计包 - 详解
使用Quantstats包做量化投资绩效统计的时候因为Pandas、Quantstats版本不匹配踩了一些坑；另外，Quantstats中的绩效统计指标非常全面，因此详细记录一下BUG修复方法、使用说明以及部分指标的内涵示意。 一、Quantstats安装及版本匹配问题 可以…...
智慧园区管理系统推动企业智能运维与资源优化的全新路径分析
内容概要 在当今快速发展的商业环境中，园区管理的数字化转型显得尤为重要。在这个背景下，快鲸智慧园区管理系统应运而生，成为企业实现高效管理的最佳选择。它通过整合互联网、物联网等先进技术，以智能化的方式解决了传统管理模式…...
【数据结构-字典树】力扣14. 最长公共前缀
编写一个函数来查找字符串数组中的最长公共前缀。 如果不存在公共前缀，返回空字符串 “”。 示例 1： 输入：strs [“flower”,“flow”,“flight”] 输出：“fl” 示例 2： 输入：strs [“dog”,“racecar…...
《深入浅出HTTPS》读书笔记（31）：HTTPS和TLS/SSL
《深入浅出HTTPS》读书笔记（31）：HTTPS和TLS/SSL TLS/SSL协议和应用层协议无关，它只是加密应用层协议（比如HTTP）并传递给下层的TCP。 HTTP和TLS/SSL协议组合在一起就是HTTPS, HTTPS等…...
Go学习：Go语言中if、switch、for语句与其他编程语言中相应语句的格式区别
Go语言中的流程控制语句逻辑结构与其他编程语言类似，格式有些不同。Go语言的流程控制中，包括if、switch、for、range、goto等语句，没有while循环。 目录 1. if 语句 2. switch语句 3. for语句 4. range语句 5. goto语句（不常用…...
L30.【LeetCode笔记】设计链表
1.题目 707. 设计链表 - 力扣（LeetCode） 你可以选择使用单链表或者双链表，设计并实现自己的链表。 单链表中的节点应该具备两个属性：val 和 next 。val 是当前节点的值，next 是指向下一个节点的指针/引用。 如果是双向…...
java日志框架详解-Log4j2
一、概述 Apache Log4j 2 （Log4j – Apache Log4j 2）是对Log4j的升级，它比其前身Log4j 1.x提供了重大改进，并参考了Logback中优秀的设计，同时修复了Logback架构中的一些问题。被誉为是目前最优秀的Java日志框架&#x…...
C++中vector追加vector
在C中，如果你想将一个vector追加到另一个vector的后面，可以使用std::vector的成员函数insert或者std::copy，或者简单地使用std::vector的push_back方法逐个元素添加。这里我将展示几种常用的方法： 方法1：使用insert方…...
加一（66）
66. 加一 - 力扣（LeetCode） 解法： class Solution { public:vector<int> plusOne(vector<int>& digits) {bool plus_one true;for (int i digits.size() - 1; i > 0; --i) {if (plus_one) {int tmp digits[i] 1;if …...
远程连接-简化登录
vscode通过ssh连接远程服务器免密登录（图文）_vscode ssh-CSDN博客...
canvas的基本用法
canvas canvas元素简介 1.是个container元素<canvas width100 height100></canvas>，有开闭标签 2.有且只有width和height两个attribute，不需要写单位 canvas的基本使用 const canvasEl document.getElementById(canvas01) const ctx …...
Tailwind CSS - Tailwind CSS 引入（安装、初始化、配置、引入、构建、使用 Tailwind CSS）
一、Tailwind CSS 概述 Tailwind CSS 是一个功能优先的 CSS 框架，它提供了大量的实用类（utility classes），允许开发者通过组合这些类来快速构建用户界面 Tailwind CSS 与传统的 CSS 框架不同（例如，Bootstr…...
鸿蒙开发黑科技“stack叠层”替代customdialog
前一篇提到的问题，本篇博文提出了一个解决方案： arkui-x LongPressGesture触发customdialog踩坑记录-CSDN博客 前一段时间遇到的这个问题，通过排除法观察，锁定为customdialog组件有bug，极为容易挂死。不论如何调整使用方法，都还是会触发挂死。 反馈给arkui团队，说是在…...
FreeRTOS从入门到精通 第十五章（事件标志组）
参考教程：【正点原子】手把手教你学FreeRTOS实时系统_哔哩哔哩_bilibili 一、事件标志组简介 1、概述 （1）事件标志位是一个“位”，用来表示事件是否发生。 （2）事件标志组是一组事件标志位的集合&#x…...
智慧园区管理平台实现智能整合提升企业运营模式与管理效率
内容概要 在当今数字化的背景下，智慧园区管理平台正逐渐成为企业提升运营效率和管理模式的重要工具。这个平台汇聚了多种先进技术，旨在通过智能整合各类资源与信息，帮助企业实现全面的管理创新。 智慧园区管理平台不仅仅是一个数据处理工具…...
markdown公式特殊字符
个人学习笔记 根号 在 Markdown 中，要表示根号 3，可以使用 LaTeX 语法来实现。常见的有以下两种方式： 行内公式形式：使用一对美元符号 $ 将内容包裹起来，即 $\sqrt{3}$ ，在支持 LaTeX 语法渲染的 Markdow…...
【深度分析】微软全球裁员计划不影响印度地区，将继续增加当地就业机会
当微软的裁员刀锋掠过全球办公室时，班加罗尔的键盘声却愈发密集——这场资本迁徙背后，藏着数字殖民时代最锋利的生存法则。 表面是跨国公司的区域战略调整，实则是全球人才市场的地壳运动。微软一边在硅谷裁撤年薪20万美金的高级工程师&#x…...
学习数据结构（5）单向链表的实现
（1）头部插入 （2）尾部删除 （3）头部删除 （4）查找 （5）在指定位置之前插入节点 （6）在指定位置之后插入节点 （7）删除…...
uniapp 对接腾讯云IM群组成员管理（增删改查）
UniApp 实战：腾讯云IM群组成员管理（增删改查） 一、前言 在社交类App开发中，群组成员管理是核心功能之一。本文将基于UniApp框架，结合腾讯云IM SDK，详细讲解如何实现群组成员的增删改查全流程。 权限校验…...
挑战杯推荐项目
“人工智能”创意赛 - 智能艺术创作助手：借助大模型技术，开发能根据用户输入的主题、风格等要求，生成绘画、音乐、文学作品等多种形式艺术创作灵感或初稿的应用，帮助艺术家和创意爱好者激发创意、提高创作效率。 - 个性化梦境…...
【机器视觉】单目测距——运动结构恢复
ps：图是随便找的，为了凑个封面 前言 在前面对光流法进行进一步改进，希望将2D光流推广至3D场景流时，发现2D转3D过程中存在尺度歧义问题，需要补全摄像头拍摄图像中缺失的深度信息，否则解空间不收敛…...
工程地质软件市场：发展现状、趋势与策略建议
一、引言 在工程建设领域，准确把握地质条件是确保项目顺利推进和安全运营的关键。工程地质软件作为处理、分析、模拟和展示工程地质数据的重要工具，正发挥着日益重要的作用。它凭借强大的数据处理能力、三维建模功能、空间分析工具和可视化展示手段&…...
如何在看板中有效管理突发紧急任务
在看板中有效管理突发紧急任务需要：设立专门的紧急任务通道、重新调整任务优先级、保持适度的WIP（Work-in-Progress）弹性、优化任务处理流程、提高团队应对突发情况的敏捷性。其中，设立专门的紧急任务通道尤为重要，这能…...
将对透视变换后的图像使用Otsu进行阈值化，来分离黑色和白色像素。这句话中的Otsu是什么意思？
Otsu 是一种自动阈值化方法，用于将图像分割为前景和背景。它通过最小化图像的类内方差或等价地最大化类间方差来选择最佳阈值。这种方法特别适用于图像的二值化处理，能够自动确定一个阈值，将图像中的像素分为黑色和白色两类。 Otsu 方法的原…...
相机Camera日志分析之三十一：高通Camx HAL十种流程基础分析关键字汇总（后续持续更新中）
【关注我，后续持续新增专题博文，谢谢！！！】 上一篇我们讲了：有对最普通的场景进行各个日志注释讲解，但相机场景太多，日志差异也巨大。后面将展示各种场景下的日志。 通过notepad++打开场景下的日志，通过下列分类关键字搜索，即可清晰的分析不同场景的相机运行流程差异…...
如何应对敏捷转型中的团队阻力
应对敏捷转型中的团队阻力需要明确沟通敏捷转型目的、提升团队参与感、提供充分的培训与支持、逐步推进敏捷实践、建立清晰的奖励和反馈机制。其中，明确沟通敏捷转型目的尤为关键，团队成员只有清晰理解转型背后的原因和利益，才能降低对变化的…...
Linux部署私有文件管理系统MinIO
最近需要用到一个文件管理服务，但是又不想花钱，所以就想着自己搭建一个，刚好我们用的一个开源框架已经集成了MinIO，所以就选了这个 我这边对文件服务性能要求不是太高，单机版就可以 安装非常简单，几个命令就…...
【版本控制】GitHub Desktop 入门教程与开源协作全流程解析
目录 0 引言1 GitHub Desktop 入门教程1.1 安装与基础配置1.2 核心功能使用指南仓库管理日常开发流程分支管理 2 GitHub 开源协作流程详解2.1 Fork & Pull Request 模型2.2 完整协作流程步骤步骤 1: Fork（创建个人副本）步骤 2: Clone（克隆…...