Kotlin Multiplatform - Analytics platform as example

Transcript

1. KOTLIN MULTIPLATFORM Analytics platform as example Alexander Gherschon

2. AGENDA • Introduction • Configuration • Code • Demo •

   Questions

3. INTRODUCTION

4. GOAL Share code between all platforms

5. WHAT PLATFORMS • Android • Server (JVM, JS, …) •

   iOS • Javascript : React (Web), Electron (Desktop), Server (Node.js), … • Windows • Linux • WebAssembly • etc.

6. Android WHAT CODE Networking UI Domain Business Logic iOS Networking

   UI Domain Business Logic REACTJS Networking UI Domain Business Logic

7. Android WHAT CODE Networking UI Domain Business Logic iOS Networking

   UI Domain Business Logic REACTJS Networking UI Domain Business Logic

8. Android WHAT CODE Networking UI Domain Business Logic iOS Networking

   UI Domain Business Logic REACTJS Networking UI Domain Business Logic

9. Common Android WHAT CODE Networking UI Domain Business Logic iOS

   UI REACTJS UI

10. WHAT PACKAGE Core Common Platform Specific Android Library (.aar) iOS

    (.Framework) Backend Library (.jar) Node.js Module

11. ANALYTICS EXAMPLE analytics-core Common Platform Specific analytics-core-android.aar AnalyticsCore.Framework analytics-core-backend.jar analytics-core-node

12. ANALYTICS EXAMPLE analytics-core Common Platform Specific analytics-core-android.aar analytics-android AnalyticsCore.Framework analytics-core-backend.jar

    analytics-backend analytics-core-node analytics-frontend analytics-ios

13. CONFIGURATION

14. apply plugin: 'kotlin-multiplatform' kotlin { targets { } sourceSets {

    } } GRADLE PLUGIN

15. apply plugin: 'kotlin-multiplatform' kotlin { targets { } sourceSets {

    } } GRADLE PLUGIN

16. apply plugin: 'kotlin-multiplatform' kotlin { targets { } sourceSets {

    } } GRADLE PLUGIN

17. apply plugin: 'kotlin-multiplatform' kotlin { targets { } sourceSets {

    } } GRADLE PLUGIN

18. targets { android() fromPreset(presets.iosArm64, 'iOS') { binaries { framework('Analytics') }

    } jvm('backend') js('node') { tasks.getByName(compilations.main.compileKotlinTaskName).kotlinOptions { metaInfo = true sourceMap = true moduleKind = 'commonjs' sourceMapEmbedSources = "always" } } } TARGETS

19. targets { android() fromPreset(presets.iosArm64, 'iOS') { binaries { framework('Analytics') }

    } jvm('backend') js('node') { tasks.getByName(compilations.main.compileKotlinTaskName).kotlinOptions { metaInfo = true sourceMap = true moduleKind = 'commonjs' sourceMapEmbedSources = "always" } } } TARGETS

20. targets { android() fromPreset(presets.iosArm64, 'iOS') { binaries { framework('Analytics') }

    } jvm('backend') js('node') { tasks.getByName(compilations.main.compileKotlinTaskName).kotlinOptions { metaInfo = true sourceMap = true moduleKind = 'commonjs' sourceMapEmbedSources = "always" } } } TARGETS

21. targets { android() fromPreset(presets.iosArm64, 'iOS') { binaries { framework('Analytics') }

    } jvm('backend') js('node') { tasks.getByName(compilations.main.compileKotlinTaskName).kotlinOptions { metaInfo = true sourceMap = true moduleKind = 'commonjs' sourceMapEmbedSources = "always" } } } TARGETS

22. targets { android() fromPreset(presets.iosArm64, 'iOS') { binaries { framework('Analytics') }

    } jvm('backend') js('node') { tasks.getByName(compilations.main.compileKotlinTaskName).kotlinOptions { metaInfo = true sourceMap = true moduleKind = 'commonjs' sourceMapEmbedSources = "always" } } } TARGETS

23. targets { android() fromPreset(presets.iosArm64, 'iOS') { binaries { framework('Analytics') }

    } jvm('backend') js('node') { tasks.getByName(compilations.main.compileKotlinTaskName).kotlinOptions { metaInfo = true sourceMap = true moduleKind = 'commonjs' sourceMapEmbedSources = "always" } } } TARGETS

24. sourceSets { commonMain { dependencies {} } backendMain { dependencies

    {} } nodeMain { dependencies {} } iOSMain { dependencies {} } } } SOURCESETS

25. sourceSets { commonMain { dependencies {} } backendMain { dependencies

    {} } nodeMain { dependencies {} } iOSMain { dependencies {} } } } SOURCESETS

26. sourceSets { commonMain { dependencies { implementation kotlin('stdlib-common') } }

    nodeMain { dependencies { implementation kotlin('stdlib-js') } } } } SOURCESETS

27. sourceSets { commonMain { dependencies { implementation kotlin('stdlib-common') } }

    nodeMain { dependencies { implementation kotlin('stdlib-js') } } } } SOURCESETS

28. sourceSets { commonMain { dependencies { implementation kotlin('stdlib-common') } }

    nodeMain { dependencies { implementation kotlin('stdlib-js') } } } } SOURCESETS

29. CODE

30. COMMON CODE (commonMain sourceset)

31. MODELS enum class ScreenAction { ENTER, EXIT } enum class

    Platform { ANDROID, IOS, REACT } enum class Screen { HOME, DASHBOARD } data class Event( val name: String, val screen: Screen, val timestamp: Long, val platform: Platform )

32. HELPER object EventsHelper { private fun logEvent(event: Event) { println("logging

    the event = $event") } fun enterScreen(screen: Screen) { logEvent(Event(name = ScreenAction.ENTER.name, screen = screen, timestamp = getCurrentTimeMillis(), platform = getPlatform()) ) } fun exitScreen(screen: Screen) { logEvent(Event(name = ScreenAction.EXIT.name, screen = screen, timestamp = getCurrentTimeMillis(), platform = getPlatform())) } }

33. HELPER object EventsHelper { private fun logEvent(event: Event) { println("logging

    the event = $event") } fun enterScreen(screen: Screen) { logEvent(Event(name = ScreenAction.ENTER.name, screen = screen, timestamp = getCurrentTimeMillis(), platform = getPlatform()) ) } fun exitScreen(screen: Screen) { logEvent(Event(name = ScreenAction.EXIT.name, screen = screen, timestamp = getCurrentTimeMillis(), platform = getPlatform())) } }

34. HELPER object EventsHelper { private fun logEvent(event: Event) { println("logging

    the event = $event") } fun enterScreen(screen: Screen) { logEvent(Event(name = ScreenAction.ENTER.name, screen = screen, timestamp = getCurrentTimeMillis(), platform = getPlatform()) ) } fun exitScreen(screen: Screen) { logEvent(Event(name = ScreenAction.EXIT.name, screen = screen, timestamp = getCurrentTimeMillis(), platform = getPlatform())) } }

35. HELPER object EventsHelper { private fun logEvent(event: Event) { println("logging

    the event = $event") } fun enterScreen(screen: Screen) { logEvent(Event(name = ScreenAction.ENTER.name, screen = screen, timestamp = getCurrentTimeMillis(), platform = getPlatform()) ) } fun exitScreen(screen: Screen) { logEvent(Event(name = ScreenAction.EXIT.name, screen = screen, timestamp = getCurrentTimeMillis(), platform = getPlatform())) } }

36. HELPER object EventsHelper { private fun logEvent(event: Event) { println("logging

    the event = $event") } fun enterScreen(screen: Screen) { logEvent(Event(name = ScreenAction.ENTER.name, screen = screen, timestamp = getCurrentTimeMillis(), platform = getPlatform()) ) } fun exitScreen(screen: Screen) { logEvent(Event(name = ScreenAction.EXIT.name, screen = screen, timestamp = getCurrentTimeMillis(), platform = getPlatform())) } }

37. HELPER object EventsHelper { private fun logEvent(event: Event) { println("logging

    the event = $event") } fun enterScreen(screen: Screen) { logEvent(Event(name = ScreenAction.ENTER.name, screen = screen, timestamp = getCurrentTimeMillis(), platform = getPlatform()) ) } fun exitScreen(screen: Screen) { logEvent(Event(name = ScreenAction.EXIT.name, screen = screen, timestamp = getCurrentTimeMillis(), platform = getPlatform())) } }

38. PLATFORM SPECIFIC CODE

39. GOT THE TIME? // Common Sourceset expect fun getCurrentTimeMillis(): Long

    // Android/JVM Sourceset actual fun getCurrentTimeMillis(): Long { return System.currentTimeMillis() } // iOS Sourceset actual fun getCurrentTimeMillis(): Long { return NSDate().timeIntervalSince1970().toLong() } // Javascript Sourceset actual fun getCurrentTimeMillis(): Long { return Date().getTime().toLong() }

40. GOT THE TIME? // Common Sourceset expect fun getCurrentTimeMillis(): Long

    // Android/JVM Sourceset actual fun getCurrentTimeMillis(): Long { return System.currentTimeMillis() } // iOS Sourceset actual fun getCurrentTimeMillis(): Long { return NSDate().timeIntervalSince1970().toLong() } // Javascript Sourceset actual fun getCurrentTimeMillis(): Long { return Date().getTime().toLong() }

41. GOT THE TIME? // Common Sourceset expect fun getCurrentTimeMillis(): Long

    // Android/JVM Sourceset actual fun getCurrentTimeMillis(): Long { return System.currentTimeMillis() } // iOS Sourceset actual fun getCurrentTimeMillis(): Long { return NSDate().timeIntervalSince1970().toLong() } // Javascript Sourceset actual fun getCurrentTimeMillis(): Long { return Date().getTime().toLong() }

42. GOT THE TIME? // Common Sourceset expect fun getCurrentTimeMillis(): Long

    // Android/JVM Sourceset actual fun getCurrentTimeMillis(): Long { return System.currentTimeMillis() } // iOS Sourceset actual fun getCurrentTimeMillis(): Long { return NSDate().timeIntervalSince1970().toLong() } // Javascript Sourceset actual fun getCurrentTimeMillis(): Long { return Date().getTime().toLong() }

43. GOT THE TIME? // Common Sourceset expect fun getCurrentTimeMillis(): Long

    // Android/JVM Sourceset actual fun getCurrentTimeMillis(): Long { return System.currentTimeMillis() } // iOS Sourceset actual fun getCurrentTimeMillis(): Long { return NSDate().timeIntervalSince1970().toLong() } // Javascript Sourceset actual fun getCurrentTimeMillis(): Long { return Date().getTime().toLong() }

44. GOT THE TIME? // Common Sourceset expect fun getCurrentTimeMillis(): Long

    // Android/JVM Sourceset actual fun getCurrentTimeMillis(): Long { return System.currentTimeMillis() } // iOS Sourceset actual fun getCurrentTimeMillis(): Long { return NSDate().timeIntervalSince1970().toLong() } // Javascript Sourceset actual fun getCurrentTimeMillis(): Long { return Date().getTime().toLong() }

45. GOT THE TIME? // Common Sourceset expect fun getCurrentTimeMillis(): Long

    // Android/JVM Sourceset actual fun getCurrentTimeMillis(): Long { return System.currentTimeMillis() } // iOS Sourceset actual fun getCurrentTimeMillis(): Long { return NSDate().timeIntervalSince1970().toLong() } // Javascript Sourceset actual fun getCurrentTimeMillis(): Long { return Date().getTime().toLong() }

46. GOT THE PLATFORM? // Common Sourceset expect fun getPlatform(): Platform

    // Android/JVM Sourceset actual fun getPlatform(): Platform = Platform.ANDROID // iOS Sourceset actual fun getPlatform(): Platform = Platform.IOS // Javascript Sourceset actual fun getPlatform(): Platform = Platform.REACT

47. GOT THE PLATFORM? // Common Sourceset expect fun getPlatform(): Platform

    // Android/JVM Sourceset actual fun getPlatform(): Platform = Platform.ANDROID // iOS Sourceset actual fun getPlatform(): Platform = Platform.IOS // Javascript Sourceset actual fun getPlatform(): Platform = Platform.REACT

48. GOT THE PLATFORM? // Common Sourceset expect fun getPlatform(): Platform

    // Android/JVM Sourceset actual fun getPlatform(): Platform = Platform.ANDROID // iOS Sourceset actual fun getPlatform(): Platform = Platform.IOS // Javascript Sourceset actual fun getPlatform(): Platform = Platform.REACT

49. GOT THE PLATFORM? // Common Sourceset expect fun getPlatform(): Platform

    // Android/JVM Sourceset actual fun getPlatform(): Platform = Platform.ANDROID // iOS Sourceset actual fun getPlatform(): Platform = Platform.IOS // Javascript Sourceset actual fun getPlatform(): Platform = Platform.REACT

50. GOT THE PLATFORM? // Common Sourceset expect fun getPlatform(): Platform

    // Android/JVM Sourceset actual fun getPlatform(): Platform = Platform.ANDROID // iOS Sourceset actual fun getPlatform(): Platform = Platform.IOS // Javascript Sourceset actual fun getPlatform(): Platform = Platform.REACT

51. HELPER object EventsHelper { private fun logEvent(event: Event) { println("logging

    the event = $event") } fun enterScreen(screen: Screen) { logEvent(Event(name = ScreenAction.ENTER.name, screen = screen, timestamp = getCurrentTimeMillis(), platform = getPlatform()) ) } fun exitScreen(screen: Screen) { logEvent(Event(name = ScreenAction.EXIT.name, screen = screen, timestamp = getCurrentTimeMillis(), platform = getPlatform())) } }

52. HELPER object EventsHelper { private fun logEvent(event: Event) { println("logging

    the event = $event") } fun enterScreen(screen: Screen) { logEvent(Event(name = ScreenAction.ENTER.name, screen = screen, timestamp = getCurrentTimeMillis(), platform = getPlatform()) ) } fun exitScreen(screen: Screen) { logEvent(Event(name = ScreenAction.EXIT.name, screen = screen, timestamp = getCurrentTimeMillis(), platform = getPlatform())) } }

53. USING HELPER / ANDROID class HomeFragment : Fragment() { override

    fun onResume() { super.onResume() EventsHelper.enterScreen(Screen.HOME) } override fun onPause() { super.onPause() EventsHelper.exitScreen(Screen.HOME) } }

54. USING HELPER / ANDROID class HomeFragment : Fragment() { override

    fun onResume() { super.onResume() EventsHelper.enterScreen(Screen.HOME) } override fun onPause() { super.onPause() EventsHelper.exitScreen(Screen.HOME) } }

55. USING HELPER / REACT class HomeScreen : RComponent<RProps, RState>() {

    override fun componentDidMount() { EventsHelper.enterScreen(Screen.HOME) } override fun componentWillUnmount() { EventsHelper.exitScreen(Screen.HOME) } override fun RBuilder.render() {…} }

56. USING HELPER / REACT class HomeScreen : RComponent<RProps, RState>() {

    override fun componentDidMount() { EventsHelper.enterScreen(Screen.HOME) } override fun componentWillUnmount() { EventsHelper.exitScreen(Screen.HOME) } override fun RBuilder.render() {…} }

57. USING HELPER / IOS import UIKit import Analytics class HomeController:

    UIViewController { override func viewDidAppear(_ animated: Bool) { EventsHelper().enterScreen(screen: Screen.home) } override func viewDidDisappear(_ animated: Bool) { EventsHelper().exitScreen(screen: Screen.home) } }

58. USING HELPER / IOS import UIKit import Analytics class HomeController:

    UIViewController { override func viewDidAppear(_ animated: Bool) { EventsHelper().enterScreen(screen: Screen.home) } override func viewDidDisappear(_ animated: Bool) { EventsHelper().exitScreen(screen: Screen.home) } }

59. LIBRAIRIES

60. KTOR + KTOR-CLIENTS

61. KOTLINX-SERIALIZATION

62. KOTLINX-COROUTINES

63. DEMO

64. NEXT STEPS

65. ADD PERSISTENCE

66. ADD REPORTERS • Firebase Analytics • Mixpanel • AppsFlyer •

    etc.

67. QUESTIONS?

68. THANK YOU!