Kotlin WebAssembly 的探索之路-范圣佑.pdf

1、Kotlin/Wasm 的探索之路范圣佑(Shengyou Fan)JetBrains Developer AdvocateQCon Beijing 2024(4.11)本日话题 Kotlin/Wasm 技术背景 Kotlin/Wasm 技术演示 发展现状及成果 展望未来 学习材料Reference:https:/webassembly.github.io/spec/core/intro/introduction.html#wasm技术背景 简介 Kotlin 语言 WebAssembly 的潜力 简介 Kotlin/Wasm 项目 Kotlin 空安全 静态类型 语法简洁且富有表现力 支持多

2、平台开发 务实且实用“乐趣”无穷的开发体验由 研发的编程语言(使用 fun 关键字声明函式)发展时间线2016Kotlin 1.0正式发布2019Google I/O 宣布Android 开发优先支持 Kotlin2022发布 Kotlin 1.7-1.82023发布 Kotlin 1.92011JetBrains 正式公布Kotlin 编程语言2017Google I/O 宣布支持以 Kotlin 开发Android App 编译器 多平台发布 支持编译器插件 JVM 生态工具链(预计于 2024 年发布新版 K2 编译器)架构与工具链ServerServerKotlin/JVMWebWeb

3、Kotlin/JSDesktopDesktopKotlin/JVMAndroidAndroidKotlin/JVMiOSiOSKotlin/Native 多平台开发Kotlin/Wasm移动端后端构建工具 广泛采用 WebAssembly重点特色：可移植性 性能佳 安全 高效WebAssembly（缩写为 Wasm）是一种基于堆栈的虚拟机的二进制指令格式。Wasm 被设计为编程语言的可移植编译目标，支持在网络上部署客户端和服务器应用程序。随处运行的潜力：浏览器 云 边缘计算 移动端 嵌入式系统 区块链 桌面 更多 WebAssembly 的潜力Kotlin/Wasm 项目让 WebAssemb

4、ly 成为新的 Kotlin 多平台编译目标，并为开发者提供相应的工具链，扩展 Kotlin 在 WebAssembly 方面的潜力！Kotlin/Wasm 现已发布 Alpha 版！Alpha 版发布博文kotl.in/wasm-alpha技术演示 创建 Kotlin/Wasm 项目 操作 HTML/CSS/事件 运行 Kotlin/Wasm 程序 集成 Compose Multiplatform 除错工具 发布 Kotlin/Wasm 项目 创建 Kotlin/Wasm 项目 在现有项目里增加 Kotlin/Wasmplugins kotlin(multiplatform)version.

5、kotlin wasmJs binaries.executable()browser /.sourceSets /.val wasmJsMain by getting dependencies /.val wasmJsTest by getting 修改 HTML DOM 及 CSS(1/3)/././.Hello,World/.修改 HTML DOM 及 CSS(2/3)import kotlinx.browser.documentimport org.w3c.dom.HTMLElementfun main()document.getElementById(subject)?.innerHT

6、ML=/*.*/(document.getElementById(main)as HTMLElement).style.setProperty(color,/*.*/)document.body?.style?.setProperty(background-color,/*.*/)绑定事件(3/3)import kotlinx.browser.documentimport org.w3c.dom.HTMLElementfun main()window.addEventListener(click)document.getElementById(subject)?.innerHTML=/*.*/