Kotlin真·全平台——Kotlin Compose Multiplatform Mobile（kotlin跨平台方案、KMP、KMM）

news2024/10/6 23:11:00

前言

随着kotlin代码跨平台方案的推出，kotlin跨平台一度引起不少波澜。但波澜终归没有掀起太大的风浪，作为一个敏捷型开发的公司，依然少不了Android和iOS的同步开发，实际成本和效益并没有太多变化。所以对于大多数公司来说依然风平浪静……

时过境迁，如今kotlin已经支持Android、iOS、Web、PC的桌面UI开发了，并且iOS已经进入Beat的里程碑，kotlin即将迎来一统天下的时刻——一人一语言码完所有端。

上手一试

kotlin作为Android官方语言并且完全支持Android Studio，所以KMM对Android来说完全0门槛，不需要任何学习就可以上手，并且完全能自主解决各种问题。

1.首先下载官方demo（也有对应插件，但不建议使用）：Kotlin Multiplatform Wizard | JetBrains（防失效方式：Create your multiplatform project | Kotlin Multiplatform Development Documentation (jetbrains.com)>点击“Open the Kotlin Multiplatform wizard”即可）。Android、iOS、Web、PC、Server都可以选，这里建议全选，然后下载。

2.此处默认你已经会了Android Studio，我们解压后不要急着打开（打开巨慢，下载还总是超时）

将gradle/wrapper/gradle-wrapper.properties文件修改为tx镜像：

distributionUrl=https\://mirrors.cloud.tencent.com/gradle/gradle-8.4-bin.zip

将settings.gradle.kts文件的repositories（2个地方）都修改成如下：

    repositories {
        maven("https://maven.aliyun.com/repository/central")
        maven { setUrl("https://maven.aliyun.com/repository/public") }
        maven { setUrl("https://maven.aliyun.com/repository/google") }
        maven { setUrl("https://jitpack.io") }
        google {
            mavenContent {
                includeGroupAndSubgroups("androidx")
                includeGroupAndSubgroups("com.android")
                includeGroupAndSubgroups("com.google")
            }
        }
        mavenCentral()
        gradlePluginPortal()
        maven { setUrl("https://repo1.maven.org/maven2/") }
        maven("https://maven.pkg.jetbrains.space/public/p/compose/dev")
    }

然后使用Android Studio打开，按上述改法预计10分钟左右就构建完成了，当然如果报错请自行解决（和Android基本一致）

跑起来

Server

运行java服务端算是最简单的一个了，等到构建成功找到“server>src>main>kotlin>包名>Application”然后对着main函数点击run就行了（如果第一次出现找不到main的错误，再次run就行了）。然后根据日志提示使用任意浏览器打开链接如“127.0.0.1:8080”，即可看到返回信息。

Android

由于Android本身就支持kotlin并且框架也是jetpack，所以跑到Android设备上也是非常轻松的，选择composeApp（应该是默认项，下方截图）后直接右侧的run三角形就行了（如图），如果有错误，直接搜索Android相关的问题，基本上没有什么坑，这里不再多说

PC（Windows、Mac、Linux）

pc完全基于jvm的，运行到pc端应该也不会有什么难点，你只需要配置好java的环境变量就行了，运行方式：右侧边栏Gradle>composeApp>Tasks>compose Desktop>run。当然运行时需要安装到电脑上，根据各系统的安装提示就行了。

Web

运行到网页端第一次可能需要科学一下，因为kotlin用到了nodejs的功能，而nodejs一般是访问不了的（不开科学会出现长时间等待好几分钟后才会提示超时）。当然你还需要一个较新版的谷歌（119以上）、edge（119）或者火狐（121）浏览器。如果你都已经准备好了，那运行到网页端也应该不是问题，依然是右侧边栏Gradle>composeApp>Tasks>kotlin browser>wasmJsBrowserRun。

iOS

要想运行到iOS手机上，要求就相对高很多了：

1.一台较新的Mac电脑（博主用的m1，再低可能会出现跑不起来也没任何提示）

2.安装好xcode（建议App Store下载，不然安装位置不对也可能导致跑不起来也没任何提示）

3.配置完整的java环境，完整的！完整的！完整的！

由于博主省懒，之前配置了Android Studio自带阉割版的java环境变量，导致跑不起来也没任何提示，你可以去官网下载JDK或者简单一点“Android Studio>设置>Gradle……>Gradle Tools>Grade>Gradle JDK>Download JDK”，然后记住下载的目录配置到环境变量上即可。

4.添加模拟器或者使用真机

5.Android Studio内安装插件“Kotlin Multiplatform”（设置>Plugins>Marketplace>搜索Kotlin Multiplatform），重启AS

6.添加iOS设备，选择Edit Config>点击加号>选择iOS Application>选择xcode路径（应该都会自动出来），框选里的都要填完（一般自动填的），填完后点击确定后点击右侧的run三角形即可运行到iOS上