Tauri 项目实践：客户端与 Web 端的授权登录实现方案

在跨平台应用开发中（如基于 Tauri 构建的 Mind Elixir 客户端），如何让应用从 Web 端顺畅地获取授权并完成登录往往是一个常见且重要的需求。本文将总结我们在这个 Tauri 项目中探索的两种登录实现方法，并分享一个在 macOS 上开发时遇到的非常经典的坑点。

旧的登录方式：本地 HTTP Server 通信（遗留方案）

在项目最初，为了解决 Web 端把 Token 传回桌面端的痛点，我们采取了在本地启动 HTTP 服务器进行跨应用通信的方法：

实现原理

通过 Tauri 结合 Rust 的axum框架，桌面程序会在后台启动一个微型的本地服务器，监听特定端口（如127.0.0.1:6595）。当用户在浏览器（如cloud.mind-elixir.com）中登录完毕后，Web 页面直接向这个本地接口发出带上登录参数的 POST 请求：

// axum_router.rsasyncfnlogin_handler(headers:HeaderMap,Query(params):Query<Params>,handle_clone:tauri::AppHandle,)->implIntoResponse{lettoken=params.token;// 收到 HTTP 请求后，向 Tauri 的前端触发全局 login 事件let_=handle_clone.emit("login",Login{token:token});// ...处理 CORS 返回}

接下来，React 前端监听这个全局事件，获取 Token 存入本地存储后即可完成登录：

// App.tsxconstunlisten=listen<