Tauri 使用 withGlobalTauri

要在前端与Tauri进行交互，而不使用@tauri-apps/api JavaScript包，你需要在tauri.conf.json文件中启用withGlobalTauri：

tauri.conf.json

{
  "build": {
    "beforeBuildCommand": "npm run build",
    "beforeDevCommand": "npm run dev",
    "devPath": "http://localhost:3000",
    "distDir": "../build",
    "withGlobalTauri": true
  },

此选项会将已打包版本的 API 函数注入到您的前端中。

你现在可以修改App.jsx文件以调用你的命令:

src/App.js

import logo from './logo.svg';
import './App.css';

// access the pre-bundled global API functions
const { invoke } = window.__TAURI__.tauri

function App() {
  // now we can call our Command!
  // 在应用窗口中右键，打开开发者工具
  // 你会看到控制台上输出了 "Hello, World!"！
  invoke('greet', { name: 'World' })
  // `invoke` 返回异步函数
  .then((response) => console.log(response))

  return (
    // -- snip --
  )
}