鸭梨公共文档

主题

第 3 章：使用 Tauri 开发 APP ​

1. 开始使用 Tauri ​

1.1 安装 Tauri CLI ​

安装 Tauri CLI：

bash
pnpm add -D @tauri-apps/cli

初始化 Rust 项目：

bash
pnpm tauri init

修改 src-tauri/tauri.conf.json 配置中的 "identifier" 字段，确保其唯一，如 "identifier": "com.myapp.chatim"。

1.2 配置 Android ​

首先，初始化 Android 项目：

bash
pnpm tauri android init

如果没有错误，即可开始开发 Android 应用：

bash
pnpm tauri android dev

2. 安装 Tauri 插件 ​

2.1 剪切板插件 ​

安装 Tauri 剪切板插件：

bash
pnpm tauri add clipboard-manager

使用剪切板插件示例，新建 app/composables/clipboard.ts：

ts
import { clear, readText, writeText } from '@tauri-apps/plugin-clipboard-manager'

/**
 * Tauri 剪切板钩子
 */
export function useTauriClipboard() {
  return {
    /**
     * 清空剪切板
     */
    clear,
    /**
     * 写入文本到剪切板
     */
    writeText,
    /**
     * 读取剪切板文本
     */
    readText,
  }
}

2.2 通知插件 ​

安装 Tauri 通知插件：

bash
pnpm tauri add notification

使用通知插件示例，新建 app/composables/notification.ts：

ts
import type { Options } from '@tauri-apps/plugin-notification'
import {
  cancel,
  isPermissionGranted,
  requestPermission,
  sendNotification,
} from '@tauri-apps/plugin-notification'

/**
 * 通知钩子
 */
export function useNotification(options: Options | string) {
  return {
    /**
     * 发送通知
     */
    async send() {
      let permissionGranted = await isPermissionGranted()
      if (!permissionGranted) {
        const permission = await requestPermission()
        permissionGranted = permission === 'granted'
      }
      if (permissionGranted) {
        sendNotification(options)
      }
    },
    /**
     * 请求授权
     */
    requestPermission,
    /**
     * 取消通知
     */
    cancel,
  }
}