Kotlin/Wasm

Kotlin/Wasm 和 Compose 跨平台

借助 Kotlin，您可以通过 Compose 跨平台和 Kotlin/Wasm 在您的 Web 项目中构建应用程序并重用移动和桌面用户界面（UI）。

Compose 跨平台 是一个基于 Kotlin 和 Jetpack Compose 的声明式框架，允许您一次实现 UI 并在所有目标平台上共享它。

对于 Web 平台，Compose 跨平台使用 Kotlin/Wasm 作为其编译目标。 使用 Kotlin/Wasm 和 Compose 跨平台构建的应用程序使用 wasm-js 目标并在浏览器中运行。

探索我们基于 Compose Multiplatform 和 Kotlin/Wasm 构建的应用程序的在线演示

此外，您可以在 Kotlin/Wasm 中开箱即用地使用最流行的 Kotlin 库。 与其他 Kotlin 和跨平台项目一样，您可以在构建脚本中包含依赖声明。 有关更多信息，请参见 添加跨平台库的依赖。

你想自己尝试一下吗？

Kotlin/Wasm 和 WASI

Kotlin/Wasm 使用 WebAssembly System Interface (WASI) 来支持服务器端应用程序。
使用 Kotlin/Wasm 和 WASI 构建的应用程序使用 Wasm-WASI 目标，允许您调用 WASI API 并在浏览器环境之外运行应用程序。

Kotlin/Wasm 利用 WASI 抽象平台特定的细节，使得相同的 Kotlin 代码能够在不同的平台上运行。 这使得 Kotlin/Wasm 的应用范围超越了 Web 应用程序，而无需为每个运行时环境进行自定义处理。

WASI 提供了一个安全的标准接口，用于在不同环境中运行编译为 WebAssembly 的 Kotlin 应用程序。

Kotlin/Wasm 性能

尽管 Kotlin/Wasm 仍处于 Alpha 阶段，运行在 Kotlin/Wasm 上的 Compose Multiplatform 已经展示出令人鼓舞的性能特征。 你可以看到它的执行速度优于 JavaScript，并接近 JVM 的性能：

我们定期在 Kotlin/Wasm 上运行基准测试，这些结果来自我们在最新版本的 Google Chrome 中的测试。

浏览器 API 支持

Kotlin/Wasm 标准库提供了浏览器 API 的声明，包括 DOM API。 通过这些声明，你可以直接使用 Kotlin API 访问和利用各种浏览器功能。 例如，在你的 Kotlin/Wasm 应用程序中，你可以操作 DOM 元素或使用 fetch API，而无需从头定义这些声明。 要了解更多信息，请参见我们的 Kotlin/Wasm 浏览器示例。

浏览器 API 支持的声明是通过 JavaScript 互操作能力 定义的。 你可以使用相同的能力来定义自己的声明。 此外，Kotlin/Wasm–JavaScript 互操作性还允许你从 JavaScript 使用 Kotlin 代码。 有关更多信息，请参见 在 JavaScript 中使用 Kotlin 代码。

留下反馈

了解更多

• 你可以在这个 YouTube 播放列表 中了解更多关于 Kotlin/Wasm 的信息。

• 在我们的 GitHub 仓库中探索 Kotlin/Wasm 示例。