En la conferencia Mobius 2018 celebrada en San Petersburgo a principios de este año hubo una charla de los chicos de Revolut – Roman Yatsina e Ivan Vazhnov, llamada Arquitectura multiplataforma con Kotlin para iOS y Android.
Después de ver la charla en directo, quise probar cómo Kotlin/Native maneja el código multiplataforma que se puede utilizar tanto en iOS como en Android. Decidí reescribir un poco el proyecto de demostración de la charla para que pudiera cargar la lista de repositorios públicos del usuario desde GitHub con todas las ramas de cada repositorio.
Project structure
- multiplatform
- ├─ android
- ├─ common
- ├─ ios
- ├─ platform-android
- └─ platform-ios
Common module
common is the shared module that only contains Kotlin with no platform-specific dependencies. También puede contener interfaces y declaraciones de clases/funciones sin implementaciones que dependan de una determinada plataforma. Such declarations allow using the platform-dependent code in the common module.
In my project, this module encompasses the business logic of the app – data models, presenters, interactors, UIs for GitHub access with no implementations.
Some examples of the classes
UIs for GitHub access:
- expect class ReposRepository {
- suspend fun getRepositories(): List
- suspend fun getBranches(repo: GithubRepo): List
- Por favor, no te preocupes, no te preocupes, no te preocupes, no te preocupes, no te preocupes.}
Echa un vistazo a la palabra clave expect. Es una parte de las declaraciones esperadas y reales. El módulo común puede declarar la declaración esperada que tiene la realización real en los módulos de la plataforma. By the expect keyword we can also understand that the project uses coroutines which we’ll talk about later.
Interactor:
- class ReposInteractor(
- private val repository: ReposRepository,
- private val context: CoroutineContext
- ) {
- suspend fun getRepos(): List {
- return async(context) { repository.getRepositories() }
- .await()
- .map { repo ->
- repo to async(context) {
- repository.getBranches(repo)
- }
- }
- .map { (repo, task) ->
- repo.branches = task.await()
- repo
- }
- }
- }Se trata de un sistema de gestión de la información.
The interactor contains the logic of asynchronous operations interactions. First, it loads the list of repositories with the help of getRepositories() and then, for each repository it loads the list of branches getBranches(repo). The async/await mechanism is used to build the chain of asynchronous calls.
ReposView interface for UI:
- interface ReposView: BaseView {
- fun showRepoList(repoList: List)
- fun showLoading(loading: Boolean)
- fun showError(errorMessage: String)
- }
The presenter
The logic of UI usage is specified equally for both the platforms.
- class ReposPresenter(
- private val uiContext: CoroutineContext,
- private val interactor: ReposInteractor
- ) : BasePresenter() {
- override fun onViewAttached() {
- super.onViewAttached()
- refresh()
- }
- fun refresh() {
- launch(uiContext) {
- view?.showLoading(true)
- try {
- val repoList = interactor.getRepos()
- view?.showRepoList(repoList)
- } catch (e: Throwable) {
- view?.showError(e.message ?: «Can’t load repositories»)
- }
- view?.showLoading(false)
- }
- }
- }
Qué más se podría incluir en el módulo común
Entre todo lo demás, la lógica de parseo de JSON se podría incluir en el módulo común. La mayoría de los proyectos contienen esta lógica de forma complicada. Implementarla en el módulo común podría garantizar un tratamiento similar de los datos entrantes del servidor para iOS y Android.
Desgraciadamente, en la librería de serialización kotlinx.serialization el soporte de Kotlin/Native aún no está implementado.
Una posible solución podría ser escribir una propia o portar una de las librerías más sencillas basadas en Java para Kotlin. Sin utilizar reflexiones o cualquier otra dependencia de terceros. Sin embargo, este tipo de trabajo va más allá de un simple proyecto de prueba ♂️
Módulos de plataforma
Los módulos de plataforma-android y plataforma-ios contienen tanto la implementación dependiente de la plataforma de las UIs y las clases declaradas en el módulo común, como cualquier otro código específico de la plataforma. Those modules are also written with Kotlin.
Let’s look at the ReposRepository class implementation declared in the common module.
platform-android
- actual class ReposRepository(
- private val baseUrl: String,
- private val userName: String
- ) {
- private val api: GithubApi by lazy {
- Retrofit.Builder()
- .addConverterFactory(GsonConverterFactory.create())
- .addCallAdapterFactory(CoroutineCallAdapterFactory())
- .baseUrl(baseUrl)
- .build()
- .create(GithubApi::class.java)
- }
- actual suspend fun getRepositories() =
- api.getRepositories(userName)
- .await()
- .map { apiRepo -> apiRepo.toGithubRepo() }
- actual suspend fun getBranches(repo: GithubRepo) =
- api.getBranches(userName, repo.name)
- .await()
- .map { apiBranch -> apiBranch.toGithubBranch() }
- }
In the Android implementation, we use the Retrofit library with an adaptor converting the calls into a coroutine-compatible format. Note the actual keyword we’ve mentioned above.
platform-ios
- actual open class ReposRepository {
- actual suspend fun getRepositories(): List {
- return suspendCoroutineOrReturn { continuation ->
- getRepositories(continuation)
- COROUTINE_SUSPENDED
- }
- }
- actual suspend fun getBranches(repo: GithubRepo): List {
- return suspendCoroutineOrReturn { continuation ->
- getBranches(repo, continuation)
- COROUTINE_SUSPENDED
- }
- }
- open fun getRepositories(callback: Continuation>) {
- throw NotImplementedError(«iOS project should implement this»)
- }
- open fun getBranches(repo: GithubRepo, callback: Continuation>) {
- throw NotImplementedError(«iOS project should implement this»)
- }
- }
You can see the actual implementation of the ReposRepository class for iOS in the platform module does not contain the specific implementation of server interactions. En su lugar, el código suspendCoroutineOrReturn es llamado desde la librería estándar de Kotlin y nos permite interrumpir la ejecución y obtener el callback de continuación que debe ser llamado al finalizar el proceso en segundo plano. Este callback se pasa a la función que se volverá a especificar en el proyecto Xcode donde se implementará toda la interacción con el servidor (en Swift u Objective-C). El valor COROUTINE_SUSPENDED significa el estado de suspensión y el resultado no será devuelto inmediatamente.
Apostulación iOS
A continuación se muestra un proyecto de Xcode que utiliza el módulo platform-ios como un framework genérico de Objective-C.
Para ensamblar platform-ios en un framework, utiliza el plugin konan Gradle. Its settings are in the platform-ios/build.gradle file:
- apply plugin: ‘konan’
- konanArtifacts {
- framework(‘KMulti’, targets: [‘iphone_sim’]) {
- …
KMulti es un prefijo para el framework. All the Kotlin classes from the common and platform-iosmodules in the Xcode project will have this prefix.
After the following command,
- ./gradlew :platform-ios:compileKonanKMultiIphone_sim
the framework can be found under:
- /kotlin_multiplatform/platform-ios/build/konan/bin/ios_x64
It has to be added to the Xcode project.
This is how a specific implementation of the ReposRepository class looks like. The interaction with a server is done by means of the Alamofire library.
- class ReposRepository: KMultiReposRepository {
- …
- override func getRepositories(callback: KMultiStdlibContinuation) {
- let url = baseUrl.appendingPathComponent(«users/(githubUser)/repos»)
- Alamofire.request(url)
- .responseJSON { response in
- if let result = self.reposParser.parse(response: response) {
- callback.resume(value: result)
- } else {
- callback.resumeWithException(exception: KMultiStdlibThrowable(message: «Can’t parse github repositories»))
- }
- }
- }
- override func getBranches(repo: KMultiGithubRepo, callback: KMultiStdlibContinuation) {
- let url = baseUrl.appendingPathComponent(«repos/(githubUser)/(repo.name)/branches»)
- Alamofire.request(url)
- .responseJSON { response in
- if let result = self.branchesParser.parse(response: response) {
- callback.resume(value: result)
- } else {
- callback.resumeWithException(exception: KMultiStdlibThrowable(message: «Can’t parse github branches»))
- }
- }
- }
- }
Android app
With an Android project it is all fairly simple. We use a conventional app with a dependency on the platform-android module.
- dependencies {
- implementation project(‘:platform-android’)
Essentially, it consists of one ReposActivity which implements the ReposView interface.
- override fun showRepoList(repoList: List) {
- adapter.items = repoList
- adapter.notifyDataSetChanged()
- }
- override fun showLoading(loading: Boolean) {
- loadingProgress.visibility = if (loading) VISIBLE else GONE
- }
- override fun showError(errorMessage: String) {
- Toast.makeText(this, errorMessage, Toast.LENGTH_LONG).show()
- }
Coroutines, apples, and magic
Speaking of coroutines and magic, in fact, at the moment coroutines are not yet supported by Kotlin/Native. The work in this direction is ongoing. So how on Earth do we use the async/awaitcoroutines and functions in the common module? Let alone in the platform module for iOS.
As a matter of fact, the async and launch expect functions, as well as the Deferred class, are specified in the common module. These signatures are copied from kotlinx.coroutines.
- import kotlin.coroutines.experimental.Continuation
- import kotlin.coroutines.experimental.CoroutineContext
- expect fun async(context: CoroutineContext, block: suspender () -> T): Deferred
- expect fun launch(context: CoroutineContext, block: suspend () -> T)
- expect suspend fun withContext(context: CoroutineContext, block: suspend () -> T): T
- expect class Deferred {
- suspend fun await(): T
- }
Coroutinas androides
En el módulo de la plataforma androide, las declaraciones se mapean en sus implementaciones desde kotlinx.coroutines:
- actual fun async(context: CoroutineContext, block: suspend () -> T): Deferred {
- return Deferred(async {
- kotlinx.coroutines.experimental.withContext(context, block = block)
- })
- }
Coroutinas de iOS
Con iOS las cosas son un poco más complicadas. Como ya hemos dicho, pasamos el callback de continuación(KMultiStdlibContinuation) a las funciones que tienen que trabajar de forma asíncrona. Upon the completion of the work, the appropriate resume or resumeWithExceptionmethod will be requested from the callback:
- override func getBranches(repo: KMultiGithubRepo, callback: KMultiStdlibContinuation) {
- let url = baseUrl.appendingPathComponent(«repos/(githubUser)/(repo.name)/branches»)
- Alamofire.request(url)
- .responseJSON { response in
- if let result = self.branchesParser.parse(response: response) {
- callback.resume(value: result)
- } else {
- callback.resumeWithException(exception: KMultiStdlibThrowable(message: «Can’t parse github branches»))
- }
- }
- }
Para que el resultado regrese de la función de suspensión, necesitamos implementar la interfaz ContinuationInterceptor. Esta interfaz es la responsable de cómo se procesa la devolución de llamada, concretamente en qué hilo se devolverá el resultado (si lo hay). For this, the interceptContinuation function is used.
- abstract class ContinuationDispatcher :
- AbstractCoroutineContextElement(ContinuationInterceptor), ContinuationInterceptor {
- override fun interceptContinuation(continuation: Continuation): Continuation {
- return DispatchedContinuation(this, continuation)
- }
- abstract fun dispatchResume(value: T, continuation: Continuation): Boolean
- abstract fun dispatchResumeWithException(exception: Throwable, continuation: Continuation<*>): Boolean
- }
- internal class DispatchedContinuation(
- private val dispatcher: ContinuationDispatcher,
- private val continuation: Continuation
- ) : Continuation {
- override val context: CoroutineContext = continuation.context
- override fun resume(value: T) {
- if (dispatcher.dispatchResume(value, continuation).not()) {
- continuation.resume(value)
- }
- }
- override fun resumeWithException(exception: Throwable) {
- if (dispatcher.dispatchResumeWithException(exception, continuation).not()) {
- continuation.resumeWithException(exception)
- }
- }
- }
In ContinuationDispatcher there are abstract methods implementation of which will depend on the thread where the executions will be happening.
Implementation for UI threads
- import platform.darwin.*
- class MainQueueDispatcher : ContinuationDispatcher() {
- override fun dispatchResume(value: T, continuation: Continuation): Boolean {
- dispatch_async(dispatch_get_main_queue()) {
- continuation.resume(value)
- }
- return true
- }
- override fun dispatchResumeWithException(exception: Throwable, continuation: Continuation<*>): Boolean {
- dispatch_async(dispatch_get_main_queue()) {
- continuation.resumeWithException(exception)
- }
- return true
- }
- }
Implementation for background threads
- import konan.worker.*
- class DataObject(val value: T, val continuation: Continuation)
- class ErrorObject(val exception: Throwable, val continuation: Continuation)
- class AsyncDispatcher : ContinuationDispatcher() {
- val worker = startWorker()
- override fun dispatchResume(value: T, continuation: Continuation): Boolean {
- worker.schedule(TransferMode.UNCHECKED, {DataObject(value, continuation)}) {
- it.continuation.resume(it.value)
- }
- return true
- }
- override fun dispatchResumeWithException(exception: Throwable, continuation: Continuation<*>): Boolean {
- worker.schedule(TransferMode.UNCHECKED, {ErrorObjeвыct(exception, continuation)}) {
- it.continuation.resumeWithException(it.exception)
- }
- return false
- }
- }
Now we can use the asynchronous manager in the interactor:
- let interactor = KMultiReposInteractor(
- repository: repository,
- context: KMultiAsyncDispatcher()
- )
And the main thread manager in the presenter:
- let presenter = KMultiReposPresenter(
- uiContext: KMultiMainQueueDispatcher(),
- interactor: interactor
- )
Key takeaways
The pros:
- The developers implemented a rather complicated (asynchronous) business logic and common module data depiction logic.
- You can develop native apps using native libraries and instruments (Android Studio, Xcode). Todas las capacidades de las plataformas nativas están disponibles a través de Kotlin/Native.
- ¡Funciona de maravilla!
Los contras:
- Todas las soluciones Kotlin/Native del proyecto están todavía en estado experimental. Usar características como esta en el código de producción no es una buena idea.
- No hay soporte para coroutines para Kotlin/Native fuera de la caja. Esperemos que este problema se resuelva en un futuro próximo. Esto permitiría a los desarrolladores acelerar significativamente el proceso de creación de proyectos multiplataforma a la vez que lo simplifica.
- Un proyecto iOS sólo funcionará en los dispositivos arm64 (modelos a partir del iPhone 5S).
.