如何在Kotlin多平台Web应用中调用预编译WASM模块？

这个需求完全可行，Kotlin/JS（含Kotlin多平台的Web目标）支持加载并调用第三方WASM模块，具体实现步骤如下：

• 放置WASM资源文件
  将第三方WASM文件（如func.wasm）放入Web目标的资源目录（通常为src/jsMain/resources），构建后文件会被自动打包到Web输出目录。

• 加载WASM模块
  通过Kotlin/JS调用浏览器原生WebAssembly API实现加载，可结合协程简化异步逻辑：

  import kotlin.js.Promise
  
  suspend fun loadWasm(): dynamic {
      val response = js("await fetch('func.wasm')")
      val buffer = js("await response.arrayBuffer()")
      val module = js("await WebAssembly.instantiate(buffer)")
      return module.instance.exports
  }
  

• 调用WASM导出函数
  加载完成后直接调用模块导出的函数，若需类型安全可定义外部接口做类型转换：

  // 类型安全封装示例
  external interface WasmExports {
      fun calculate(a: Int, b: Int): Int
  }
  
  suspend fun callWasmFunc() {
      val exports = loadWasm().unsafeCast<WasmExports>()
      val result = exports.calculate(5, 3)
      println("WASM计算结果: $result")
  }
  

• 处理类型适配
  针对复杂类型（如结构体、数组），需注意WASM与Kotlin/JS的类型映射，可通过dynamic类型过渡，或参考WebAssembly规范做手动转换。

官方文档虽未在依赖章节单独提及Web端WASM加载，但Kotlin/JS完整支持浏览器原生WebAssembly API，该方案稳定可用。

内容的提问来源于stack exchange，提问作者Markus Kreusch