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 函數(shù)注入到您的前端中。

你現(xiàn)在可以修改App.jsx文件以調(diào)用你的命令:

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!
  // 在應用窗口中右鍵，打開開發(fā)者工具
  // 你會看到控制臺上輸出了 "Hello, World!"！
  invoke('greet', { name: 'World' })
  // `invoke` 返回異步函數(shù)
  .then((response) => console.log(response))

  return (
    // -- snip --
  )
}