Tauri 2.0.0-alpha.4 发布

2023年3月20日

卢卡斯·诺盖拉

Tauri 联合创始人

Tauri 1.2 Launch Hero Image

2.0 的新 Alpha 版本已发布。此版本包括即将发布的 Tauri 1.3 中的所有更改、HTTP 客户端的一项重要重大更改以及 Tauri 插件的原生移动功能。

更新依赖

请务必将 NPM 和 Cargo 依赖项都更新到最新的 Alpha 版本。您可以使用以下命令更新 NPM 依赖项：

npm install @tauri-apps/cli@next @tauri-apps/api@next

yarn upgrade @tauri-apps/cli@next @tauri-apps/api@next

pnpm update @tauri-apps/cli@next @tauri-apps/api@next

cargo add tauri@2.0.0-alpha.4
cargo add tauri-build@2.0.0-alpha.2 --build
cargo install tauri-cli --version "^2.0.0-alpha" --locked

重新创建移动项目以使用新功能

rm -r src-tauri/gen
tauri android init
tauri ios init

HTTP 客户端重大更改

由于 Windows 上开发服务器代理的问题，默认的 HTTP 客户端 attohttpc 已被移除。所有 reqwest-* 功能标志都已被移除，因为 reqwest 现在是我们使用的客户端。

Tauri 插件的原生移动功能

Tauri 插件现在可以通过 Swift 访问 iOS，并通过 Kotlin 或 Java 代码访问 Android API，从而简化了相机或地理位置等平台接口的使用。要在现有插件上引导 iOS 和 Android 项目，请运行 tauri plugin ios add 和 tauri plugin android add。新插件会自动包含编写原生移动代码所需的所有配置。

这是一个接收字符串值并解析为对象的插件示例

Android 插件

package com.plugin.example

import android.app.Activity
import app.tauri.annotation.Command
import app.tauri.annotation.TauriPlugin
import app.tauri.plugin.JSObject
import app.tauri.plugin.Plugin
import app.tauri.plugin.Invoke

@TauriPlugin
class ExamplePlugin(private val activity: Activity): Plugin(activity) {
    @Command
    fun ping(invoke: Invoke) {
        val value = invoke.getString("value") ?: ""
        val ret = JSObject()
        ret.put("value", value)
        invoke.resolve(ret)
    }
}

iOS 插件

import UIKit
import WebKit
import Tauri

class ExamplePlugin: Plugin {
  @objc public func ping(_ invoke: Invoke) throws {
    let value = invoke.getString("value")
    invoke.resolve(["value": value as Any])
  }
}

@_cdecl("init_plugin_example")
func initPlugin(name: SRString, webview: WKWebView?) {
  Tauri.registerPlugin(webview: webview, name: name.toString(), plugin: ExamplePlugin())
}

用于初始化插件的 Rust 代码

use tauri::{
  plugin::{Builder, TauriPlugin},
  Manager, Runtime,
};

#[cfg(target_os = "ios")]
tauri::ios_plugin_binding!(init_plugin_example);

pub fn init<R: Runtime>() -> TauriPlugin<R> {
  Builder::new("example")
    .setup(|app, api| {
      #[cfg(target_os = "android")]
      api.register_android_plugin("com.plugin.example", "ExamplePlugin")?;
      #[cfg(target_os = "ios")]
      api.register_ios_plugin(init_plugin_example)?;
      Ok(())
    })
    .build()
}

调用插件命令的前端代码

import { invoke } from '@tauri-apps/api/tauri';
invoke('plugin:example|ping', { value: 'Tauri' }).then(({ value }) =>
  console.log('Response', value)
);

请查看即将推出的相机插件和路径插件。

在 Open Collective 上支持在 GitHub 上赞助