{"id":351739,"date":"2024-05-20T21:54:41","date_gmt":"2024-05-20T21:54:41","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=351739"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=351739","title":{"rendered":"<span>Kotlin\u00a0Multiplatform \u0432\u00a0\u041e\u0421 \u0410\u0432\u0440\u043e\u0440\u0430<\/span>"},"content":{"rendered":"<div><!--[--><!--]--><\/div>\n<div id=\"post-content-body\">\n<div>\n<div class=\"article-formatted-body article-formatted-body article-formatted-body_version-2\">\n<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<p>Kotlin\u00a0Multiplatform \u2014 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u044f, \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0449\u0430\u044f \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u044f\u0442\u044c \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0443 \u0434\u043b\u044f\u00a0\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u0440\u0430\u0437\u043d\u044b\u0445 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c. \u0412\u00a0\u043d\u0435\u0439 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u043f\u043e\u043b\u043d\u044b\u0439 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u043d\u0430\u0434\u00a0\u0442\u0435\u043c, \u043a\u0430\u043a\u0438\u0435 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c, \u0430\u00a0\u043a\u0430\u043a\u0438\u0435 \u0432\u044b\u043d\u0435\u0441\u0442\u0438 \u0432\u00a0\u043e\u0431\u0449\u0438\u0439 \u043c\u043e\u0434\u0443\u043b\u044c (shared). \u042d\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0442\u044c \u0434\u0430\u043d\u043d\u0443\u044e \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u044e \u0432\u00a0\u0443\u0436\u0435\u00a0\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445, \u0447\u0442\u043e \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043e\u0442\u043b\u0438\u0447\u0430\u0435\u0442 Kotlin\u00a0Multiplatform \u043e\u0442\u00a0\u0434\u0440\u0443\u0433\u0438\u0445 \u043a\u0440\u043e\u0441\u0441\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u043d\u043d\u044b\u0445 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432 \u0442\u0430\u043a\u0438\u0445, \u043a\u0430\u043a\u00a0Cordova \u0438\u043b\u0438\u00a0Flutter.<\/p>\n<p>\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u043c\u0438 \u043e\u0431\u0449\u0435\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u044f Kotlin\u00a0Multiplatform \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442:<\/p>\n<ul>\n<li>\n<p>\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u043f\u0440\u0438\u0432\u044b\u0447\u043d\u044b\u0439 \u0434\u043b\u044f\u00a0\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b.<\/p>\n<\/li>\n<li>\n<p>\u0421\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u043e\u0434\u0445\u043e\u0434\u044b.<\/p>\n<\/li>\n<li>\n<p>\u0423\u043f\u043e\u0440\u044f\u0434\u043e\u0447\u0438\u0442\u044c \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0444\u0430\u0439\u043b\u044b.<\/p>\n<\/li>\n<li>\n<p>\u0423\u043f\u0440\u043e\u0441\u0442\u0438\u0442\u044c \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439.<\/p>\n<\/li>\n<\/ul>\n<p>\u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0430\u00a0\u0431\u0430\u0437\u0435 \u041e\u0421\u00a0\u0410\u0432\u0440\u043e\u0440\u0430 \u043c\u043e\u0436\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0447\u0435\u0440\u0435\u0437 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 QML\u00a0<a href=\"https:\/\/developer.auroraos.ru\/doc\/software_development\/reference\/webview\" rel=\"noopener noreferrer nofollow\">WebView<\/a>, \u043f\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c\u044b\u0439 \u041e\u0421\u00a0\u0410\u0432\u0440\u043e\u0440\u0430, \u043d\u0430\u00a0\u0431\u0430\u0437\u0435 Kotlin\u00a0Multiplatform\u00a0JS. \u041d\u0430 \u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u043d\u0435\u0442 \u043d\u0430\u0442\u0438\u0432\u043d\u043e\u0439 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 Kotlin\u00a0Multiplatform, \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043e \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0445 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430\u0445 \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0439\u0442\u0438 \u043f\u043e <a href=\"https:\/\/youtu.be\/s0AraORVyNw\" rel=\"noopener noreferrer nofollow\">\u0441\u0441\u044b\u043b\u043a\u0435<\/a>. \u0414\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u0442\u0430\u043a\u0436\u0435 \u0441\u043f\u043e\u0441\u043e\u0431 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043a\u0440\u043e\u0441\u0441\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u043d\u043d\u043e\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c Flutter, \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043f\u043e \u0441\u0442\u0430\u0442\u0443\u0441\u0443 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0439\u0442\u0438 <a href=\"https:\/\/www.youtube.com\/live\/G-EHh794OB8?t=1782\" rel=\"noopener noreferrer nofollow\">\u0437\u0434\u0435\u0441\u044c<\/a>.<\/p>\n<p>\u041f\u0440\u0438 \u043d\u0430\u043b\u0438\u0447\u0438\u0438 \u0443\u00a0\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u0433\u043e\u0442\u043e\u0432\u043e\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u043e\u0433\u043e \u043d\u0430\u00a0Kotlin\u00a0Multiplatform\u00a0(KMP), \u043e\u043d\u043e \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043e \u043d\u0430\u00a0\u041e\u0421\u00a0\u0410\u0432\u0440\u043e\u0440\u0430. \u041b\u0438\u0431\u043e \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u043d\u043e\u0432\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0441\u00a0\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c Kotlin\u00a0Multiplatform\u00a0JS \u043f\u043e\u0434\u00a0\u041e\u0421\u00a0\u0410\u0432\u0440\u043e\u0440\u0430.<\/p>\n<p>\u0412\u00a0\u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u044b \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u044d\u0442\u0430\u043f\u044b \u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f Kotlin\u00a0Multiplatform \u043d\u0430\u00a0\u041e\u0421\u00a0\u0410\u0432\u0440\u043e\u0440\u0430. \u041f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 <a href=\"https:\/\/kotlinlang.org\/docs\/multiplatform-full-stack-app.html#targets\" rel=\"noopener noreferrer nofollow\">\u0446\u0435\u043b\u044c \u0441\u0431\u043e\u0440\u043a\u0438<\/a>\u00a0JS\u00a0(Target\u00a0JS). \u0414\u043b\u044f\u00a0\u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u043e\u0442\u043a\u0440\u044b\u0442\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0434\u043b\u044f\u00a0\u0447\u0442\u0435\u043d\u0438\u044f RSS-\u043d\u043e\u0432\u043e\u0441\u0442\u0435\u0439 <a href=\"https:\/\/github.com\/Kotlin\/kmm-production-sample\" rel=\"noopener noreferrer nofollow\">KMM\u00a0RSS\u00a0Reader<\/a>. \u041f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0439\u0442\u0438 \u043f\u043e\u00a0<a href=\"https:\/\/gitlab.com\/omprussia\/kmp\/kmm-rss-reader\" rel=\"noopener noreferrer nofollow\">\u0441\u0441\u044b\u043b\u043a\u0435<\/a>.<\/p>\n<p>\u0421\u0445\u0435\u043c\u0430 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441\u00a0\u043e\u0431\u0449\u0438\u043c \u043c\u043e\u0434\u0443\u043b\u0435\u043c \u043c\u043e\u0436\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:<\/p>\n<figure class=\"\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/webt\/7i\/iz\/3o\/7iiz3ome8il6y4pua5dqeo9-a74.png\" alt=\"\u0421\u0445\u0435\u043c\u0430 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441\u00a0\u043e\u0431\u0449\u0438\u043c \u043c\u043e\u0434\u0443\u043b\u0435\u043c\" data-src=\"https:\/\/habrastorage.org\/webt\/7i\/iz\/3o\/7iiz3ome8il6y4pua5dqeo9-a74.png\"\/><\/p>\n<div><figcaption>\u0421\u0445\u0435\u043c\u0430 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441\u00a0\u043e\u0431\u0449\u0438\u043c \u043c\u043e\u0434\u0443\u043b\u0435\u043c<\/figcaption><\/div>\n<\/figure>\n<p>\u041a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 Wrapper \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u0432\u044f\u0437\u0443\u044e\u0449\u0438\u043c \u043c\u043e\u0434\u0443\u043b\u0435\u043c \u043c\u0435\u0436\u0434\u0443 \u043e\u0431\u0449\u0438\u043c \u043c\u043e\u0434\u0443\u043b\u0435\u043c Kotlin\u00a0Multiplatform \u0438\u00a0\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u043c Qt\/QML. Wrapper \u043d\u0443\u0436\u0435\u043d \u0434\u043b\u044f\u00a0\u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0443 \u0441\u00a0\u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u044b\u043c\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u043c\u0438 \u0438\u0437\u00a0QML, \u043d\u0435\u00a0\u043c\u043e\u0434\u0438\u0444\u0438\u0446\u0438\u0440\u0443\u044f \u043e\u0431\u0449\u0438\u0439 \u043c\u043e\u0434\u0443\u043b\u044c KMP.<\/p>\n<h3>\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430<\/h3>\n<p>\u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0441\u0442\u043e\u044f\u0442\u044c \u0438\u0437\u00a0\u0442\u0440\u0435\u0445 \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432:<\/p>\n<ul>\n<li>\n<p>Wrapper \u2014 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 JavaScript, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0441\u0432\u044f\u0437\u044b\u0432\u0430\u0435\u0442 \u043e\u0431\u0449\u0438\u0439 \u043c\u043e\u0434\u0443\u043b\u044c Kotlin\u00a0Multiplatform \u0438\u00a0QML.<\/p>\n<\/li>\n<li>\n<p>QML-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 (KMMAgent) \u2014 QML-\u043e\u0431\u0451\u0440\u0442\u043a\u0430 \u043d\u0430\u0434\u00a0WebView, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0441\u0432\u044f\u0437\u044b\u0432\u0430\u0435\u0442 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u043a\u043e\u0434\u00a0QML \u0438\u00a0Wrapper.<\/p>\n<\/li>\n<li>\n<p>Kotlin\u00a0Multiplatform \u2014 \u043e\u0431\u0449\u0438\u0439 \u043c\u043e\u0434\u0443\u043b\u044c, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u0442 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0443.<\/p>\n<\/li>\n<\/ul>\n<blockquote>\n<p>\u041f\u0440\u0438\u043c\u0435\u0447\u0430\u043d\u0438\u0435.<br \/> \u0412 \u0441\u0432\u044f\u0437\u0438 <a href=\"https:\/\/blog.jetbrains.com\/kotlin\/2023\/07\/update-on-the-name-of-kotlin-multiplatform\/\" rel=\"noopener noreferrer nofollow\">\u043f\u0440\u0438\u0437\u043d\u0430\u043d\u0438\u0435\u043c<\/a> \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u043c \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435\u043c \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430 &#171;Kotlin Multiplatform Mobile&#187; \u0432 \u0441\u0442\u0430\u0442\u044c\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u043d\u043e\u0432\u0430\u044f \u0430\u0431\u0431\u0440\u0435\u0432\u0438\u0430\u0442\u0443\u0440\u0430 Kotlin Multiplatform &#8212; KMP.<br \/> \u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u043c\u043e\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f (KMM RSS Reader) \u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 (KMMAgent) \u043e\u0441\u0442\u0430\u0435\u0442\u0441\u044f \u043f\u0440\u0435\u0436\u043d\u0438\u043c.<\/p>\n<\/blockquote>\n<p>\u0421\u0445\u0435\u043c\u0430 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:<\/p>\n<figure class=\"\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/webt\/vi\/9w\/tz\/vi9wtzk_d-smzopbwxfhvxsfllg.png\" alt=\"\u0421\u0445\u0435\u043c\u0430 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432\" data-src=\"https:\/\/habrastorage.org\/webt\/vi\/9w\/tz\/vi9wtzk_d-smzopbwxfhvxsfllg.png\"\/><\/p>\n<div><figcaption>\u0421\u0445\u0435\u043c\u0430 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432<\/figcaption><\/div>\n<\/figure>\n<p>Kotlin\u00a0Multiplatform \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0441\u044f \u0432\u00a0\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 Kotlin\u00a0Multiplatform\u00a0JS, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u043a\u00a0\u043b\u044e\u0431\u044b\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u043c JS. \u0421\u043e\u0431\u0440\u0430\u043d\u043d\u0430\u044f \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 Kotlin\u00a0Multiplatform\u00a0JS \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u043a\u00a0JS-\u043f\u0440\u043e\u0435\u043a\u0442\u0443 Wrapper, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0443 \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u044b\u0445 \u0444\u0443\u043d\u043a\u0446\u0438\u0439 \u0447\u0435\u0440\u0435\u0437 <code>Promise<\/code> \u0441\u00a0\u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0441\u043e\u0431\u044b\u0442\u0438\u0439 <code>events<\/code>. \u0421\u043e\u0431\u0440\u0430\u043d\u043d\u044b\u0439 webpack Wrapper \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432\u00a0\u0444\u0430\u0439\u043b\u0435\u00a0<code>index.html<\/code> (\u0444\u0430\u0439\u043b <code>index.html<\/code> \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e \u043a\u0430\u043a \u0442\u043e\u0447\u043a\u0430 \u0432\u0445\u043e\u0434\u0430 \u0434\u043b\u044f\u00a0QML-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430). \u0414\u0430\u043b\u0435\u0435 QML-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 Wrapper \u0438\u00a0\u0441\u043b\u0443\u0448\u0430\u0435\u0442 \u0441\u043e\u0431\u044b\u0442\u0438\u044f <code>events<\/code> \u0441\u00a0\u043f\u043e\u043c\u043e\u0449\u044c\u044e <a href=\"https:\/\/developer.auroraos.ru\/doc\/software_development\/reference\/webview\" rel=\"noopener noreferrer nofollow\">WebView<\/a>, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u0438\u0445\u043e\u0434\u044f\u0442 \u0438\u0437 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 Wrapper. WebView \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442 \u0440\u043e\u043b\u044c \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438 \u0438\u00a0\u0441\u043a\u0440\u044b\u0442 \u043e\u0442\u00a0\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f.<\/p>\n<p>\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0439 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0432\u044b\u0441\u0442\u0440\u043e\u0435\u043d\u0430 \u043d\u0430\u00a0\u0443\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u0438\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u0441\u00a0\u0443\u0447\u0435\u0442\u043e\u043c \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b. \u0412\u0430\u0436\u043d\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u0442\u044c, \u0447\u0442\u043e \u0442\u0440\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 (Kotlin\u00a0Multiplatform, Wrapper, \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0410\u0432\u0440\u043e\u0440\u0430) \u0441\u043e\u0431\u0438\u0440\u0430\u044e\u0442\u0441\u044f \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e, \u043d\u043e \u0432\u00a0\u043a\u043e\u043d\u0435\u0447\u043d\u043e\u043c \u0438\u0442\u043e\u0433\u0435 JavaScript-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 Wrapper \u0434\u043e\u043b\u0436\u043d\u0430 \u0431\u044b\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044e \u0410\u0432\u0440\u043e\u0440\u0430 \u043f\u0440\u0438 \u0441\u0431\u043e\u0440\u043a\u0435, \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043e\u043d\u0430 \u0434\u043e\u043b\u0436\u043d\u0430 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432\u00a0\u0440\u0430\u0437\u0434\u0435\u043b\u0435 <code>qml<\/code>.<\/p>\n<p>\u0428\u0430\u0433\u0438 \u043f\u043e\u00a0\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044e KMP-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043d\u0430\u00a0\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0443 \u041e\u0421\u00a0\u0410\u0432\u0440\u043e\u0440\u0430 \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c\u0438:<\/p>\n<ol>\n<li>\n<p>\u041f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u043e\u0433\u043e \u0441\u00a0\u043f\u043e\u043c\u043e\u0449\u044c\u044e Kotlin\u00a0Multiplatform. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, <a href=\"https:\/\/github.com\/Kotlin\/kmm-production-sample\" rel=\"noopener noreferrer nofollow\">KMM RSS Reader<\/a>.<\/p>\n<\/li>\n<li>\n<p>\u0421\u043e\u0431\u0440\u0430\u0442\u044c \u043e\u0431\u0449\u0438\u0439 \u043c\u043e\u0434\u0443\u043b\u044c KMP \u0438\u0437 \u0438\u0441\u0445\u043e\u0434\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430, \u043a\u0430\u043a NPM-\u043f\u0430\u043a\u0435\u0442, \u0441\u00a0\u043f\u043e\u043c\u043e\u0449\u044c\u044e Gradle-\u043f\u043b\u0430\u0433\u0438\u043d\u0430 <code>npm-publish<\/code>.<\/p>\n<\/li>\n<li>\n<p>\u0421\u043e\u0437\u0434\u0430\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f Qt\/QML \u0434\u043b\u044f\u00a0\u041e\u0421 \u0410\u0432\u0440\u043e\u0440\u0430, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f <a href=\"https:\/\/developer.auroraos.ru\/doc\/software_development\/sdk\" rel=\"noopener noreferrer nofollow\">Aurora SDK<\/a>.<\/p>\n<\/li>\n<li>\n<p>\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0432\u00a0\u043f\u0440\u043e\u0435\u043a\u0442 QML-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u043d\u0430\u00a0\u043e\u0441\u043d\u043e\u0432\u0435 WebView \u0434\u043b\u044f\u00a0\u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441\u00a0\u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u044b\u043c\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u043c\u0438.<\/p>\n<\/li>\n<li>\n<p>\u0421\u043e\u0437\u0434\u0430\u0442\u044c JS-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 Wrapper, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0441\u0432\u044f\u0436\u0435\u0442 KMP \u0438\u00a0QML-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442.<\/p>\n<\/li>\n<li>\n<p>\u041f\u0440\u0438\u0441\u0442\u0443\u043f\u0438\u0442\u044c \u043a\u00a0\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043f\u043e\u0434 \u041e\u0421\u00a0\u0410\u0432\u0440\u043e\u0440\u0430 \u0441\u00a0\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438 Kotlin\u00a0Multiplatform.<\/p>\n<\/li>\n<\/ol>\n<h3>\u0421\u0431\u043e\u0440\u043a\u0430 \u043e\u0431\u0449\u0435\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u044f Kotlin\u00a0Multiplatform<\/h3>\n<p>\u0414\u043b\u044f \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f JavaScript \u0432\u00a0Kotlin\u00a0Multiplatform \u043d\u0443\u0436\u043d\u043e \u0441\u043e\u0431\u0440\u0430\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u044c \u043a\u0430\u043a JavaScript-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443. \u0412 \u043f\u0440\u0438\u0432\u0435\u0434\u0435\u043d\u043d\u043e\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0432\u0435\u0440\u0441\u0438\u044f <code>1.8.0<\/code> \u043f\u043b\u0430\u0433\u0438\u043d\u0430 <code>multiplatform<\/code>. \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043f\u043e\u00a0\u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 \u0446\u0435\u043b\u0435\u0439 \u0441\u0431\u043e\u0440\u043a\u0438 JS \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u0432\u00a0\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 <a href=\"https:\/\/kotlinlang.org\/docs\/js-ir-compiler.html\" rel=\"noopener noreferrer nofollow\">&#171;Kotlin\/JS IR compiler&#187;<\/a>. \u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441\u0435\u043a\u0446\u0438\u044e <code>js<\/code> \u0432\u00a0<code>kotlin {}<\/code> \u0432 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0439 \u0444\u0430\u0439\u043b Gradle:<\/p>\n<p>\u0424\u0430\u0439\u043b <code>&lt;\u043f\u0440\u043e\u0435\u043a\u0442>\/shared\/build.gradle.kts<\/code><\/p>\n<pre><code class=\"kotlin\">js(IR) {     moduleName = \"shared\"     version = \"0.0.1\"     nodejs()     binaries.library() } <\/code><\/pre>\n<p>\u0414\u043b\u044f \u0441\u0431\u043e\u0440\u043a\u0438 \u043c\u043e\u0434\u0443\u043b\u044f Kotlin\u00a0Multiplatform \u043a\u0430\u043a JS npm-\u043f\u0430\u043a\u0435\u0442\u0430 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c Gradle-\u043f\u043b\u0430\u0433\u0438\u043d <a href=\"https:\/\/github.com\/mpetuska\/npm-publish\" rel=\"noopener noreferrer nofollow\"><code>npm-publish<\/code><\/a>. \u0415\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:<\/p>\n<p>\u0424\u0430\u0439\u043b <code>&lt;\u043f\u0440\u043e\u0435\u043a\u0442>\/shared\/build.gradle.kts<\/code><\/p>\n<pre><code class=\"kotlin\">plugins {     id(\"dev.petuska.npm.publish\") version \"3.3.1\" }  npmPublish {     packages {         named(\"js\") {             packageJson {                 version.set(\"0.0.1\")             }         }     } } <\/code><\/pre>\n<p>\u041f\u043b\u0430\u0433\u0438\u043d <code>npm-publish<\/code> \u0434\u043e\u0431\u0430\u0432\u0438\u0442 \u043c\u0435\u0442\u043e\u0434 <code>packJsPackage<\/code>. \u0415\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u0432\u044b\u0437\u0432\u0430\u0442\u044c \u0438\u0437 \u043a\u043e\u043c\u0430\u043d\u0434\u043d\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0438 \u0434\u043b\u044f \u0441\u0431\u043e\u0440\u043a\u0438 npm-\u043f\u0430\u043a\u0435\u0442\u0430:<\/p>\n<pre><code class=\"bash\">.\/gradlew packJsPackage <\/code><\/pre>\n<h3>QML-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 (KMMAgent)<\/h3>\n<p>QML-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c <a href=\"https:\/\/developer.auroraos.ru\/doc\/software_development\/reference\/webview\" rel=\"noopener noreferrer nofollow\">WebView<\/a>. WebView \u043f\u043e\u00a0\u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u043c\u043e\u0436\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u0441\u00a0\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u044b\u043c\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u043c\u0438. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043d\u0443\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043a\u00a0WebView \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0443 <code>Promise<\/code>.<\/p>\n<blockquote>\n<p>\u041e\u0431\u044a\u0435\u043a\u0442 Promise \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0435 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u0435 (\u0438\u043b\u0438 \u0441\u0431\u043e\u0439) \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e\u0439 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u0438\u00a0\u0435\u0435 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0438\u0440\u0443\u044e\u0449\u0435\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435.<\/p>\n<p><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Promise\" rel=\"noopener noreferrer nofollow\">Promise<\/a><\/p>\n<\/blockquote>\n<p>\u041f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u043c\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0431\u0443\u0434\u0435\u0442 \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f \u0432\u00a0\u0441\u0435\u0442\u044c \u0434\u043b\u044f\u00a0\u0437\u0430\u043f\u0440\u043e\u0441\u0430 XML-\u0434\u0430\u043d\u043d\u044b\u0445 RSS. \u0422\u0430\u043a \u043a\u0430\u043a \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u0431\u0443\u0434\u0443\u0442 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c\u0441\u044f \u0447\u0435\u0440\u0435\u0437 WebView, \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u043e\u0442\u043a\u043b\u044e\u0447\u0438\u0442\u044c CORS.<\/p>\n<blockquote>\n<p>CORS (Cross-origin resource sharing) \u2014 \u044d\u0442\u043e \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0437\u0430\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u0442\u044c \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u043d\u044b\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b \u043d\u0430\u00a0\u0432\u0435\u0431-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0438\u0437 \u0434\u0440\u0443\u0433\u043e\u0433\u043e \u0434\u043e\u043c\u0435\u043d\u0430 \u0437\u0430 \u043f\u0440\u0435\u0434\u0435\u043b\u0430\u043c\u0438 \u0434\u043e\u043c\u0435\u043d\u0430, \u0438\u0437 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043b\u0441\u044f \u043f\u0435\u0440\u0432\u044b\u0439 \u0440\u0435\u0441\u0443\u0440\u0441.<\/p>\n<p><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTTP\/CORS\" rel=\"noopener noreferrer nofollow\">Cross-Origin Resource Sharing (CORS)<\/a><\/p>\n<\/blockquote>\n<p>\u0414\u0430\u043b\u0435\u0435 \u043d\u0443\u0436\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u043a\u0440\u0438\u043f\u0442 framescript.js \u0432\u00a0\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u041e\u0421 \u0410\u0432\u0440\u043e\u0440\u0430. \u041e\u043d \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u0441\u043b\u0443\u0448\u0430\u0442\u044c \u0441\u043e\u0431\u044b\u0442\u0438\u044f <code>events<\/code> \u043f\u0440\u0438\u0445\u043e\u0434\u044f\u0449\u0438\u0435 \u0441\u043e \u0441\u0442\u043e\u0440\u043e\u043d\u044b \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 Wrapper.<\/p>\n<p>\u0424\u0430\u0439\u043b <code>&lt;\u043f\u0440\u043e\u0435\u043a\u0442>\/auroraApp\/RSSReader\/qml\/shared-js\/framescript.js<\/code><\/p>\n<pre><code>addEventListener(\"DOMContentLoaded\", function (aEvent) {     aEvent.originalTarget.addEventListener(\"framescript:log\",         function (aEvent) {             sendAsyncMessage(\"webview:action\", aEvent.detail)     }); }); <\/code><\/pre>\n<p>\u0421\u043a\u0440\u0438\u043f\u0442 framescript.js \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u043a\u00a0WebView, \u043d\u0430\u00a0\u043e\u0441\u043d\u043e\u0432\u0435 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0441\u043e\u0437\u0434\u0430\u0435\u0442\u0441\u044f QML-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 <code>KMMAgent<\/code>.<\/p>\n<p>\u0424\u0430\u0439\u043b <code>&lt;\u043f\u0440\u043e\u0435\u043a\u0442>\/auroraApp\/RSSReader\/qml\/pages\/KMMAgent.qml<\/code><\/p>\n<pre><code>WebView {     id: webview      height: 0     width: 0     url: Qt.resolvedUrl(\"..\/shared-js\/index.html\")     visible: false      onViewInitialized: {         \/\/ \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0441\u043b\u0443\u0448\u0430\u0442\u0435\u043b\u044f \u0441\u043e\u0431\u044b\u0442\u0438\u0439         webview.loadFrameScript(Qt.resolvedUrl(\"..\/shared-js\/framescript.js\"));         webview.addMessageListener(\"webview:action\")     }      onRecvAsyncMessage: {         switch (message) {         case \"webview:action\":             \/\/ \u041f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u044b\u0445 \u043e\u0442\u0432\u0435\u0442\u043e\u0432             break         }     }      Component.onCompleted: {         \/\/ \u041e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 CORS         WebEngineSettings.setPreference(\"security.disable_cors_checks\", true, WebEngineSettings.BoolPref)     } } <\/code><\/pre>\n<p>\u0412 WebView \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u043c\u0435\u0442\u043e\u0434 <a href=\"https:\/\/developer.auroraos.ru\/doc\/software_development\/reference\/webview\/qml-sailfishos-webview-webview#runJavaScript-method\" rel=\"noopener noreferrer nofollow\"><code>runJavaScript<\/code><\/a>. \u041c\u0435\u0442\u043e\u0434 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442 \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442 JavaScript \u0432\u00a0\u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0435 \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u043d\u043e\u0433\u043e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430 <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Document_Object_Model\/Introduction\" rel=\"noopener noreferrer nofollow\">DOM<\/a>. \u0421 \u0435\u0433\u043e \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043c\u043e\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0432\u00a0QML-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442 \u0437\u0430\u043f\u0440\u043e\u0441 \u043a\u00a0JavaScript-\u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0438 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u0442 \u0434\u0430\u043d\u043d\u044b\u0435 \u0434\u043b\u044f\u00a0\u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u043e\u0442\u0432\u0435\u0442\u0430 \u0441\u043e \u0441\u0442\u043e\u0440\u043e\u043d\u044b JavaScript-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438.<\/p>\n<p>\u0424\u0430\u0439\u043b <code>&lt;\u043f\u0440\u043e\u0435\u043a\u0442>\/auroraApp\/RSSReader\/qml\/pages\/KMMAgent.qml<\/code><\/p>\n<pre><code>property var stateResponse: ({})  function run(method, result, error) {     \/\/ \u041f\u043e\u00a0\u043a\u043b\u044e\u0447\u0435\u0432\u043e\u043c\u0443 \u0441\u043b\u043e\u0432\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442 \u0442\u0438\u043f \u0437\u0430\u043f\u0440\u043e\u0441\u0430: \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u043b\u0438 \u043d\u0435\u0442     if (method.indexOf(\"return\") === -1) {         \/\/ \u0414\u0430\u043b\u0435\u0435 \u0431\u0443\u0434\u0435\u0442 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u043a\u043b\u044e\u0447 \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e\u0433\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0430         webview.runJavaScript(\"return \" + method, function(key) {             \/\/ \u0421\u043b\u0435\u0434\u0443\u0435\u0442 \u0437\u0430\u043f\u043e\u043c\u043d\u0438\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u0447\u0442\u043e\u0431\u044b \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c \u0438\u0445 \u043f\u043e\u0441\u043b\u0435 \u043e\u0442\u0432\u0435\u0442\u0430             stateResponse[key] = [result, error]         }, error);     } else {         \/\/ \u0417\u0430\u043f\u0443\u0441\u043a \u043f\u043e\u00a0\u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e, \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u043d\u0435\u00a0\u0442\u0440\u0435\u0431\u0443\u044e\u0442 \u0432\u043c\u0435\u0448\u0430\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u0430         webview.runJavaScript(method, result, error);     } } <\/code><\/pre>\n<p>\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u043c\u043e\u0436\u043d\u043e \u0432\u00a0\u043c\u0435\u0442\u043e\u0434\u0435 WebView <code>onRecvAsyncMessage<\/code>. \u041f\u0440\u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0438 \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 QML-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 (KMMAgent) \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442 \u0437\u0430\u043f\u0440\u043e\u0441 \u043a\u00a0\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 Wrapper, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442 \u0437\u0430\u043f\u0443\u0441\u043a \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 KMP \u0438\u00a0\u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u043a\u043b\u044e\u0447. \u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442\u0441\u044f \u043f\u0430\u0440\u0430 QML-\u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0438\u00a0\u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u043a\u043b\u044e\u0447. \u041f\u0440\u0438 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0438 \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0430\u044f QML-\u0444\u0443\u043d\u043a\u0446\u0438\u044f \u043f\u043e\u00a0\u043a\u043b\u044e\u0447\u0443. \u0414\u0430\u043d\u043d\u044b\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0447\u0435\u0440\u0435\u0437 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e <code>data<\/code>. \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0432\u00a0<code>onRecvAsyncMessage<\/code> \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0430 \u043d\u0438\u0436\u0435:<\/p>\n<p>\u0424\u0430\u0439\u043b <code>&lt;\u043f\u0440\u043e\u0435\u043a\u0442>\/auroraApp\/RSSReader\/qml\/pages\/KMMAgent.qml<\/code><\/p>\n<pre><code>onRecvAsyncMessage: {     switch (message) {     case \"webview:action\":         try {             \/\/ \u041f\u0435\u0440\u0432\u043e\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u0435, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043e\u0431\u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442 \u0433\u043e\u0442\u043e\u0432\u043d\u043e\u0441\u0442\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430             if (data.caller === 'init') {                 root.completed()             \/\/ \u0414\u0440\u0443\u0433\u0438\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u044f             } else if (root.stateResponse[data.caller] !== undefined) {                 if (data.response.hasOwnProperty('stack')) {                     \/\/ \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043e\u0448\u0438\u0431\u043a\u0438                     root.stateResponse[data.caller][1](data.response.message)                 } else {                     \/\/ \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043e\u0442\u0432\u0435\u0442\u0430                     root.stateResponse[data.caller][0](data.response)                 }             }         } catch (e) {             \/\/ \u041e\u0431\u0449\u0430\u044f \u043e\u0448\u0438\u0431\u043a\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u0430, \u043f\u0430\u0440\u0441\u0438\u043d\u0433\u0430 \u0434\u0430\u043d\u043d\u044b\u0445             root.stateResponse[data.caller][1](e.toString())         }         break     } } <\/code><\/pre>\n<p>QML \u0433\u043e\u0442\u043e\u0432 \u043a\u00a0\u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044e \u0444\u0443\u043d\u043a\u0446\u0438\u0439 Kotlin\u00a0Multiplatform. \u0427\u0435\u0440\u0435\u0437 \u0441\u043e\u0431\u044b\u0442\u0438\u0435 <code>init<\/code> \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043b\u0443\u0447\u0435\u043d \u0441\u0438\u0433\u043d\u0430\u043b \u043e\u0442\u00a0WebView \u043e\u00a0\u0433\u043e\u0442\u043e\u0432\u043d\u043e\u0441\u0442\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 KMMAgent \u043a\u00a0\u0440\u0430\u0431\u043e\u0442\u0435. \u0422\u0435\u043f\u0435\u0440\u044c \u0432\u00a0\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u041e\u0421\u00a0\u0410\u0432\u0440\u043e\u0440\u0430 \u0435\u0441\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043a\u00a0Wrapper. \u041d\u0430 \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0432 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0435 QML ApplicationWindow \u043d\u0443\u0436\u043d\u043e \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c KMMAgent, \u0442\u043e\u0433\u0434\u0430 \u0435\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0437\u0432\u0430\u0442\u044c \u043d\u0430 \u0432\u0441\u0435\u0445 \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445:<\/p>\n<p>\u0424\u0430\u0439\u043b <code>&lt;\u043f\u0440\u043e\u0435\u043a\u0442>\/auroraApp\/RSSReader\/qml\/RSSReader.qml<\/code><\/p>\n<pre><code>\/\/ \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043d\u0430\u00a0\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f KMMAgent { id: agent }  \/\/ \u0417\u0430\u043f\u0443\u0441\u043a \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 agent.run(     \"shared.Service.get.getAllFeeds()\",     function(response) {         console.log(response)     },     function(error) {         console.log(error)     } )  \/\/ \u0417\u0430\u043f\u0443\u0441\u043a \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 agent.run(     \"return shared.Service.get.getAllFeeds()\",      function(response) {          console.log(response)     },     function(error) {         console.log(error)     } )  \/\/ \u041f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0445, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u043e\u0433\u0443\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 KMP agent.run(     \"return shared.AppConstants.links.API_URL\",      function(response) {          console.log(response)     },     function(error) {         console.log(error)     } ) <\/code><\/pre>\n<h3>Wrapper<\/h3>\n<p>\u0412\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 Kotlin\u00a0Multiplatform \u0438\u00a0QML \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 Wrapper. \u0412 \u043d\u0435\u0439 \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043b\u043d\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f \u043a\u00a0\u043c\u043e\u0434\u0443\u043b\u044e Kotlin\u00a0Multiplatform, \u0447\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0434\u043b\u044f\u00a0QML. \u0411\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0432\u00a0\u0442\u043e\u0447\u043a\u0443 \u0432\u0445\u043e\u0434\u0430 \u2014 \u0444\u0430\u0439\u043b <code>index.html<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d \u0432\u00a0QML-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 <code>KMMAgent<\/code>. \u0412 <code>index.html<\/code>, \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0439 \u0432\u00a0\u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0438 <code>qml<\/code> \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u041e\u0421\u00a0\u0410\u0432\u0440\u043e\u0440\u0430, \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 Wrapper \u0438\u00a0\u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u0441\u00a0\u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0435\u0439 \u043e\u00a0\u0442\u043e\u043c, \u0447\u0442\u043e \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f WebView \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u0437\u0430\u0432\u0435\u0440\u0448\u0438\u043b\u0430\u0441\u044c. \u042d\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u0442\u043e\u0447\u043d\u043e \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0433\u043e\u0442\u043e\u0432\u043d\u043e\u0441\u0442\u044c WebView. \u0421\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0444\u0430\u0439\u043b\u0430 <code>index.html<\/code> \u0431\u0443\u0434\u0435\u0442 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c:<\/p>\n<p>\u0424\u0430\u0439\u043b <code>&lt;\u043f\u0440\u043e\u0435\u043a\u0442>\/auroraApp\/RSSReader\/qml\/shared-js\/index.html<\/code><\/p>\n<pre><code>&lt;!DOCTYPE html> &lt;html lang=\"en\">  &lt;head> &lt;meta charset=\"utf-8\"> &lt;title>KMP&lt;\/title> &lt;script src=\".\/dist\/shared.js\">&lt;\/script> &lt;\/head>  &lt;body>     &lt;p id=\"demo\">&lt;\/p>      &lt;script type=\"text\/javascript\"> function init() { async function init() { \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0440\u0430\u0431\u043e\u0442\u043e\u0441\u043f\u043e\u0441\u043e\u0431\u043d\u043e\u0441\u0442\u0438 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 document.getElementById(\"demo\").innerHTML = shared.Helper.randomUUID() \/\/ \u041e\u0442\u043f\u0440\u0430\u0432\u043a\u0430 \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u0433\u043e\u0442\u043e\u0432\u043d\u043e\u0441\u0442\u0438 shared.Helper.sendEvent(\"init\") } \/\/ \u0417\u0434\u0435\u0441\u044c \u043c\u043e\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u0434\u0435\u0440\u0436\u043a\u0443 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u0433\u043e\u0442\u043e\u0432\u043d\u043e\u0441\u0442\u0438  setTimeout(init, 0) } init() &lt;\/script> &lt;\/body> &lt;\/html> <\/code><\/pre>\n<p>\u0421\u043e\u0437\u0434\u0430\u0442\u044c \u0432 \u043a\u043e\u0440\u043d\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u044e \u0434\u043b\u044f\u00a0\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 Wrapper \u0438 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0432 \u043d\u0435\u0451 <code>webpack.config.js<\/code> \u0434\u043b\u044f\u00a0\u0441\u0431\u043e\u0440\u043a\u0438.<\/p>\n<p>\u0424\u0430\u0439\u043b <code>&lt;\u043f\u0440\u043e\u0435\u043a\u0442>\/auroraApp\/wrapper\/webpack.config.js<\/code><\/p>\n<pre><code>const path = require('path');  module.exports = {     entry: path.resolve(__dirname, 'src\/index.js'),     output: {         path: path.resolve(__dirname, 'dist'),         filename: 'shared.js',         library: 'shared',         libraryTarget: 'umd',         hashFunction: \"sha256\"     },     module: {         rules: [             {                 test: \/\\.(js)$\/,                 exclude: \/node_modules\/,                 use: ['babel-loader'],             },         ],     },     resolve: {         extensions: ['.js'],         modules: [             path.resolve(__dirname, 'src'),             path.resolve(__dirname, 'node_modules')         ],     },     mode: 'development',     devtool: 'sourceMap', }; <\/code><\/pre>\n<p>\u0412 \u043f\u0430\u043f\u043a\u0443 JavaScript-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c <a href=\"https:\/\/docs.npmjs.com\/cli\/v9\/configuring-npm\/package-json\" rel=\"noopener noreferrer nofollow\"><code>package.json<\/code><\/a> \u0438\u00a0\u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u043d\u0443\u0436\u043d\u044b\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438.<\/p>\n<ul>\n<li>\n<p><code>dependencies<\/code> &#8212; \u0440\u0430\u0437\u0434\u0435\u043b \u0434\u043b\u044f \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439 realtime. <\/p>\n<ul>\n<li>\n<p><code>uuid<\/code> &#8212; \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440 \u0434\u043b\u044f\u00a0\u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u0438 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0445 \u043a\u043b\u044e\u0447\u0435\u0439.<\/p>\n<\/li>\n<li>\n<p><code>shared<\/code> \u2014 \u043f\u0443\u0442\u044c \u043a NPM-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0435 KMP.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><code>devDependencies<\/code> &#8212; \u0440\u0430\u0437\u0434\u0435\u043b \u0434\u043b\u044f \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0445 \u0434\u043b\u044f \u0441\u0431\u043e\u0440\u043a\u0438.<\/p>\n<\/li>\n<\/ul>\n<p>\u0412 <code>build<\/code> \u043d\u0443\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c webpack \u0441\u00a0\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u043d\u0443\u0436\u043d\u044b\u0445 \u0444\u0430\u0439\u043b\u043e\u0432 \u0432\u00a0\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u041e\u0421\u00a0\u0410\u0432\u0440\u043e\u0440\u0430 \u043f\u043e\u0441\u043b\u0435 \u0441\u0431\u043e\u0440\u043a\u0438:<\/p>\n<p>\u0424\u0430\u0439\u043b <code>&lt;\u043f\u0440\u043e\u0435\u043a\u0442>\/auroraApp\/wrapper\/package.json<\/code><\/p>\n<pre><code>{   \"name\": \"kmm-wrapper\",   \"version\": \"0.0.1\",   \"scripts\": {     \"build\": \"webpack &amp;&amp; cp -R dist ..\/qml\/shared-js &amp;&amp; cp index.html ..\/qml\/shared-js\",     \"test\": \"jest\"   },   \"dependencies\": {     \"uuid\": \"^9.0.0\",     \"shared\": \"file:..\/..\/shared\/build\/packages\/js\"   },   \"devDependencies\": {     \"@babel\/core\": \"^7.5.5\",     \"@babel\/preset-env\": \"^7.5.5\",     \"babel-eslint\": \"^10.0.2\",     \"babel-loader\": \"^8.0.6\",     \"eslint\": \"^6.1.0\",     \"webpack\": \"^4.46.0\",     \"webpack-cli\": \"^4.0.0-rc.1\"   } } <\/code><\/pre>\n<p>\u0412 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u044e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 Wrapper \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043f\u0430\u043f\u043a\u0443 <code>src<\/code>, \u0432\u00a0\u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0431\u0443\u0434\u0435\u0442 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u044f\u044e\u0449\u0438\u0439 JavaScript-\u043a\u043e\u0434. \u0412 <code>index.js<\/code> \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u044d\u043a\u0441\u043f\u043e\u0440\u0442 \u043d\u0443\u0436\u043d\u044b\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432, \u043a\u00a0\u043a\u043e\u0442\u043e\u0440\u044b\u043c \u043c\u043e\u0436\u043d\u043e \u043e\u0431\u0440\u0430\u0442\u0438\u0442\u044c\u0441\u044f \u0438\u0437 QML.<\/p>\n<p>\u0424\u0430\u0439\u043b <code>&lt;\u043f\u0440\u043e\u0435\u043a\u0442>\/auroraApp\/wrapper\/src\/index.js<\/code><\/p>\n<pre><code>export * from '.\/Helper'; export * from '.\/Service'; <\/code><\/pre>\n<p>\u0414\u0430\u043b\u044c\u0448\u0435 c Wrapper \u043c\u043e\u0436\u043d\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043a\u0430\u043a \u0441\u00a0\u043e\u0431\u044b\u0447\u043d\u043e\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u043e\u0439 JS, \u0438\u00a0\u0432\u044b\u0437\u044b\u0432\u0430\u0442\u044c \u0432\u0441\u0435 \u043d\u0443\u0436\u043d\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0432\u00a0QML.<\/p>\n<p>\u041e\u0431\u044a\u0435\u043a\u0442 Helper (\u0432\u0441\u043f\u043e\u043c\u043e\u0433\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u043b\u0430\u0441\u0441) \u043f\u043e\u043c\u043e\u0436\u0435\u0442 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u043a\u043b\u044e\u0447 \u0438\u00a0\u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442 \u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u043f\u043e\u0441\u043b\u0435 \u043e\u0442\u0432\u0435\u0442\u0430 \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 Kotlin\u00a0Multiplatform.<\/p>\n<p>\u0424\u0430\u0439\u043b <code>&lt;\u043f\u0440\u043e\u0435\u043a\u0442>\/auroraApp\/wrapper\/src\/Helper.js<\/code><\/p>\n<pre><code>import {v4 as uuidv4} from 'uuid';  export const Helper = {     \/\/ \u0421\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u044b\u0439 UUID     randomUUID: function () {         return uuidv4()     },     \/\/ \u041e\u0431\u0435\u0440\u0442\u043a\u0430 \u0441\u00a0\u0441\u043e\u0431\u044b\u0442\u0438\u0435\u043c \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u043f\u043e\u0441\u043b\u0435 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445     request: function (fun, callback, delay) {         const caller = Helper.randomUUID()         setTimeout(async () => {             try {                 Helper.sendEvent(caller, callback(await fun()))             } catch (e) {                 Helper.sendEvent(caller, e)             }         }, delay)         return caller     },     \/\/ \u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0441\u043e\u0431\u044b\u0442\u0438\u0435     sendEvent: function (caller, response) {         const customEvent = new CustomEvent(\"framescript:log\", {             detail: {                 response: response,                 caller: caller             }         });         document.dispatchEvent(customEvent);     } } <\/code><\/pre>\n<p>Helper \u0443\u043f\u0440\u043e\u0441\u0442\u0438\u0442 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043e\u0431\u0451\u0440\u0442\u043a\u0438 \u043d\u0430\u00a0\u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 Kotlin\u00a0Multiplatform. \u041a\u043e\u0434 \u043e\u0431\u0451\u0440\u0442\u043a\u0438 \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:<\/p>\n<p>\u0424\u0430\u0439\u043b <code>&lt;\u043f\u0440\u043e\u0435\u043a\u0442>\/auroraApp\/wrapper\/src\/Service.js<\/code><\/p>\n<pre><code>import shared from \"shared\"; import {Helper} from \".\/Helper\";  const JsRssReader = new shared.com.github.jetbrains.rssreader.core.JsRssReader()  export const Service = {     get: {         getAllFeeds: function (forceUpdate = true) {             return Helper.request(async () => {                 return await JsRssReader.getAllFeedsPromise(forceUpdate)             }, (response) => {                 return response.toArray();             }, 0 \/** \u0437\u0430\u0434\u0435\u0440\u0436\u043a\u0430, \u0435\u0441\u043b\u0438 \u044d\u0442\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e **\/)         },     } } <\/code><\/pre>\n<p>\u0412\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u0441\u0431\u043e\u0440\u043a\u0443 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 Wrapper:<\/p>\n<pre><code class=\"bash\">npm run build <\/code><\/pre>\n<p>\u0421\u043e\u0431\u0440\u0430\u043d\u043d\u0443\u044e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 Wrapper \u043d\u0443\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0432\u00a0\u043f\u0430\u043f\u043a\u0443 <code>qml<\/code> \u0438 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0435\u0451 \u0432\u00a0<code>index.html<\/code>.<\/p>\n<pre><code>&lt;head> &lt;script src=\".\/dist\/shared.js\">&lt;\/script> &lt;\/head> <\/code><\/pre>\n<p>\u0412 \u0438\u0442\u043e\u0433\u0435 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0441\u044f \u0442\u0440\u0438 \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u044b\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u043d\u044b\u0445 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0430 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435 \u041e\u0421\u00a0\u0410\u0432\u0440\u043e\u0440\u0430. \u041f\u043e\u043b\u043d\u044b\u0439 \u043a\u043e\u0434 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u043f\u043e\u00a0\u0441\u0441\u044b\u043b\u043a\u0435: <a href=\"https:\/\/gitlab.com\/omprussia\/kmp\/kmm-rss-reader\" rel=\"noopener noreferrer nofollow\">KMM RSS Reader<\/a>.<\/p>\n<h3>\u041e\u0446\u0435\u043d\u043a\u0430 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438<\/h3>\n<p>\u0414\u043b\u044f \u043e\u0446\u0435\u043d\u043a\u0438 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u044b \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u0435 \u0442\u0435\u0441\u0442\u044b \u0434\u043b\u044f\u00a0Android \u0438\u00a0\u041e\u0421 \u0410\u0432\u0440\u043e\u0440\u0430. \u041a\u043e\u0434 \u0442\u0435\u0441\u0442\u043e\u0432 \u043e\u0442\u043a\u0440\u044b\u0442 \u0438\u00a0\u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u0434\u043b\u044f\u00a0\u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f (<a href=\"https:\/\/gitlab.com\/omprussia\/kmp\/kmm-rss-reader\/-\/blob\/performance-tests\/androidApp\/src\/androidTest\/java\/com\/github\/jetbrains\/rssreader\/androidApp\/TestLoadingWithParseAndroid.kt\" rel=\"noopener noreferrer nofollow\">Android<\/a>, <a href=\"https:\/\/gitlab.com\/omprussia\/kmp\/kmm-rss-reader\/-\/blob\/performance-tests\/auroraApp\/RSSReader\/qml\/tests\/tst_KMMAgent.qml\" rel=\"noopener noreferrer nofollow\">\u041e\u0421 \u0410\u0432\u0440\u043e\u0440\u0430<\/a>). \u0422\u0435\u0441\u0442\u044b \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u044e\u0442 \u0444\u0443\u043d\u043a\u0446\u0438\u044e, \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0443\u044e KMP-\u043c\u043e\u0434\u0443\u043b\u044e \u0441\u00a0\u0440\u0430\u0437\u043d\u044b\u043c \u043e\u0431\u044a\u0435\u043c\u043e\u043c \u0434\u0430\u043d\u043d\u044b\u0445. \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0434\u0435\u043b\u0430\u0435\u0442 \u0437\u0430\u043f\u0440\u043e\u0441 \u0432\u00a0\u0441\u0435\u0442\u044c \u0434\u043b\u044f\u00a0\u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445 \u0438\u00a0\u0430\u043d\u0430\u043b\u0438\u0437\u0430 \u043e\u0442\u0432\u0435\u0442\u0430 XML \u0432\u00a0\u043c\u043e\u0434\u0435\u043b\u0438, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0435 \u043d\u0430\u00a0\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430\u0445. \u0422\u0435\u0441\u0442\u044b \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u043b\u0438\u0441\u044c \u043f\u043e\u00a05 \u0440\u0430\u0437, \u0438\u00a0\u0431\u044b\u043b \u0432\u0437\u044f\u0442 \u043b\u0443\u0447\u0448\u0438\u0439 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442.<\/p>\n<figure class=\"\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/webt\/c1\/1x\/ue\/c11xuejrdc_hbpduz_fq_le580q.png\" alt=\"Test Android \/ \u041e\u0421 \u0410\u0432\u0440\u043e\u0440\u0430\" data-src=\"https:\/\/habrastorage.org\/webt\/c1\/1x\/ue\/c11xuejrdc_hbpduz_fq_le580q.png\"\/><\/p>\n<div><figcaption>Test Android \/ \u041e\u0421 \u0410\u0432\u0440\u043e\u0440\u0430<\/figcaption><\/div>\n<\/figure>\n<p>\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u044b\u0439 \u043e\u0442\u0447\u0435\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f:<\/p>\n<div>\n<div class=\"table\">\n<table>\n<tbody>\n<tr>\n<th>\n<p align=\"left\">Size<\/p>\n<\/th>\n<th>\n<p align=\"left\">Items<\/p>\n<\/th>\n<th>\n<p align=\"left\">Emulator (Android)<\/p>\n<\/th>\n<th>\n<p align=\"left\">Emulator (Aurora)<\/p>\n<\/th>\n<th>\n<p align=\"left\">Xaomi (Android)<\/p>\n<\/th>\n<th>\n<p align=\"left\">NS220 (Aurora)<\/p>\n<\/th>\n<th>\n<p align=\"left\">NS220 (Android)<\/p>\n<\/th>\n<th>\n<p align=\"left\">SM-J106F (Android)<\/p>\n<\/th>\n<th>\n<p align=\"left\">INOI R7 (Aurora)<\/p>\n<\/th>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\">10M<\/p>\n<\/td>\n<td>\n<p align=\"left\">4922<\/p>\n<\/td>\n<td>\n<p align=\"left\">2687ms<\/p>\n<\/td>\n<td>\n<p align=\"left\">1148ms<\/p>\n<\/td>\n<td>\n<p align=\"left\">8500ms<\/p>\n<\/td>\n<td>\n<p align=\"left\">8171ms<\/p>\n<\/td>\n<td>\n<p align=\"left\">28279ms<\/p>\n<\/td>\n<td>\n<p align=\"left\">24057ms<\/p>\n<\/td>\n<td>\n<p align=\"left\">12609ms<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\">5M<\/p>\n<\/td>\n<td>\n<p align=\"left\">2436<\/p>\n<\/td>\n<td>\n<p align=\"left\">1556ms<\/p>\n<\/td>\n<td>\n<p align=\"left\">558ms<\/p>\n<\/td>\n<td>\n<p align=\"left\">5117ms<\/p>\n<\/td>\n<td>\n<p align=\"left\">3581ms<\/p>\n<\/td>\n<td>\n<p align=\"left\">16718ms<\/p>\n<\/td>\n<td>\n<p align=\"left\">12165ms<\/p>\n<\/td>\n<td>\n<p align=\"left\">5533ms<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\">1M<\/p>\n<\/td>\n<td>\n<p align=\"left\">485<\/p>\n<\/td>\n<td>\n<p align=\"left\">846ms<\/p>\n<\/td>\n<td>\n<p align=\"left\">210ms<\/p>\n<\/td>\n<td>\n<p align=\"left\">1898ms<\/p>\n<\/td>\n<td>\n<p align=\"left\">1340ms<\/p>\n<\/td>\n<td>\n<p align=\"left\">6361ms<\/p>\n<\/td>\n<td>\n<p align=\"left\">3452ms<\/p>\n<\/td>\n<td>\n<p align=\"left\">2156ms<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\">100K<\/p>\n<\/td>\n<td>\n<p align=\"left\">48<\/p>\n<\/td>\n<td>\n<p align=\"left\">127ms<\/p>\n<\/td>\n<td>\n<p align=\"left\">102ms<\/p>\n<\/td>\n<td>\n<p align=\"left\">352ms<\/p>\n<\/td>\n<td>\n<p align=\"left\">407ms<\/p>\n<\/td>\n<td>\n<p align=\"left\">428ms<\/p>\n<\/td>\n<td>\n<p align=\"left\">378ms<\/p>\n<\/td>\n<td>\n<p align=\"left\">514ms<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p align=\"left\">20K<\/p>\n<\/td>\n<td>\n<p align=\"left\">9<\/p>\n<\/td>\n<td>\n<p align=\"left\">103ms<\/p>\n<\/td>\n<td>\n<p align=\"left\">78ms<\/p>\n<\/td>\n<td>\n<p align=\"left\">177ms<\/p>\n<\/td>\n<td>\n<p align=\"left\">220ms<\/p>\n<\/td>\n<td>\n<p align=\"left\">229ms<\/p>\n<\/td>\n<td>\n<p align=\"left\">153ms<\/p>\n<\/td>\n<td>\n<p align=\"left\">265ms<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<h3>PC<\/h3>\n<ul>\n<li>\n<p>OS \u2014 Ubuntu 22.04<\/p>\n<\/li>\n<li>\n<p>CPU \u2014 AMD 3950x<\/p>\n<\/li>\n<li>\n<p>RAM \u2014 DDR4 \/ 2133 MHz \/ 56GiB<\/p>\n<\/li>\n<\/ul>\n<h3>Xaomi A2<\/h3>\n<ul>\n<li>\n<p>OS \u2014 Android 10<\/p>\n<\/li>\n<li>\n<p>CPU \u2014 Qualcomm Snapdragon 660<\/p>\n<\/li>\n<li>\n<p>RAM \u2014 4GiB<\/p>\n<\/li>\n<\/ul>\n<h3>NS220<\/h3>\n<ul>\n<li>\n<p>OS \u2014 \u041e\u0421\u00a0\u0410\u0432\u0440\u043e\u0440\u0430 4.0.2.269 \/ Android 8.1.0<\/p>\n<\/li>\n<li>\n<p>CPU \u2014 MediaTek MT8735A<\/p>\n<\/li>\n<li>\n<p>RAM \u2014 4GiB<\/p>\n<\/li>\n<\/ul>\n<h3>SM-J106F<\/h3>\n<ul>\n<li>\n<p>OS \u2014 Android 6.0.1<\/p>\n<\/li>\n<li>\n<p>CPU \u2014 Spreadtrum SC9830I<\/p>\n<\/li>\n<li>\n<p>RAM \u2014 1GiB<\/p>\n<\/li>\n<\/ul>\n<h3>INOI R7<\/h3>\n<ul>\n<li>\n<p>OS \u2014 \u041e\u0421\u00a0\u0410\u0432\u0440\u043e\u0440\u0430 4.0.2.269<\/p>\n<\/li>\n<li>\n<p>CPU \u2014 Qualcomm Snapdragon 212<\/p>\n<\/li>\n<li>\n<p>RAM \u2014 2GiB<\/p>\n<\/li>\n<\/ul>\n<p>\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0442\u0435\u0441\u0442\u043e\u0432 \u043f\u043e\u043a\u0430\u0437\u0430\u043b, \u0447\u0442\u043e Kotlin\u00a0Multiplatform\u00a0JavaScript \u0432\u00a0\u0434\u0430\u043d\u043d\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u0435 \u0431\u044b\u0441\u0442\u0440\u0435\u0435, \u0447\u0435\u043c\u00a0\u0441\u043e\u0431\u0440\u0430\u043d\u043d\u0430\u044f JVM-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 \u0434\u043b\u044f\u00a0Android. \u0417\u0430\u043c\u0435\u0440\u044b \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u043b\u0438\u0441\u044c \u043d\u0430\u00a0\u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. Kotlin\u00a0Multiplatform \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442 \u0441\u0432\u043e\u044e \u0437\u0430\u0434\u0430\u0447\u0443 \u0432\u00a0\u041e\u0421 \u0410\u0432\u0440\u043e\u0440\u0430 \u043d\u0430\u00a0\u00ab\u043e\u0442\u043b\u0438\u0447\u043d\u043e\u00bb.<\/p>\n<h3>\u0417\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435<\/h3>\n<p>\u0420\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 JS \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0441\u043e\u0435\u0434\u0438\u043d\u0438\u0442\u044c Kotlin\u00a0Multiplatform \u0441\u00a0\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u043c, \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u043c \u043d\u0430\u00a0Qt\/QML \u0434\u043b\u044f\u00a0\u041e\u0421 \u0410\u0432\u0440\u043e\u0440\u0430. \u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u041e\u0421\u00a0\u0410\u0432\u0440\u043e\u0440\u0430 \u0438\u00a0\u0431\u0438\u0437\u043d\u0435\u0441 \u043b\u043e\u0433\u0438\u043a\u0443 \u043d\u0430\u00a0Kotlin\u00a0Multiplatform \u0441\u00a0\u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0421++. \u041f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043e\u0447\u0435\u043d\u044c \u043b\u0435\u0433\u043a\u043e \u0438\u00a0\u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u044b \u0442\u0430\u043a\u043e\u0439 \u0441\u0432\u044f\u0437\u043a\u0438 \u043e\u0442\u043b\u0438\u0447\u043d\u0430\u044f.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!----><!----><\/div>\n<p><!----><!----><br \/> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habr.com\/ru\/articles\/753570\/\"> https:\/\/habr.com\/ru\/articles\/753570\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div><!--[--><!--]--><\/div>\n<div id=\"post-content-body\">\n<div>\n<div class=\"article-formatted-body article-formatted-body article-formatted-body_version-2\">\n<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<p>Kotlin\u00a0Multiplatform \u2014 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u044f, \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0449\u0430\u044f \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u044f\u0442\u044c \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0443 \u0434\u043b\u044f\u00a0\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u0440\u0430\u0437\u043d\u044b\u0445 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c. \u0412\u00a0\u043d\u0435\u0439 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u043f\u043e\u043b\u043d\u044b\u0439 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u043d\u0430\u0434\u00a0\u0442\u0435\u043c, \u043a\u0430\u043a\u0438\u0435 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c, \u0430\u00a0\u043a\u0430\u043a\u0438\u0435 \u0432\u044b\u043d\u0435\u0441\u0442\u0438 \u0432\u00a0\u043e\u0431\u0449\u0438\u0439 \u043c\u043e\u0434\u0443\u043b\u044c (shared). \u042d\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0442\u044c \u0434\u0430\u043d\u043d\u0443\u044e \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u044e \u0432\u00a0\u0443\u0436\u0435\u00a0\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445, \u0447\u0442\u043e \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043e\u0442\u043b\u0438\u0447\u0430\u0435\u0442 Kotlin\u00a0Multiplatform \u043e\u0442\u00a0\u0434\u0440\u0443\u0433\u0438\u0445 \u043a\u0440\u043e\u0441\u0441\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u043d\u043d\u044b\u0445 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432 \u0442\u0430\u043a\u0438\u0445, \u043a\u0430\u043a\u00a0Cordova \u0438\u043b\u0438\u00a0Flutter.<\/p>\n<p>\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u043c\u0438 \u043e\u0431\u0449\u0435\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u044f Kotlin\u00a0Multiplatform \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442:<\/p>\n<ul>\n<li>\n<p>\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u043f\u0440\u0438\u0432\u044b\u0447\u043d\u044b\u0439 \u0434\u043b\u044f\u00a0\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b.<\/p>\n<\/li>\n<li>\n<p>\u0421\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u043e\u0434\u0445\u043e\u0434\u044b.<\/p>\n<\/li>\n<li>\n<p>\u0423\u043f\u043e\u0440\u044f\u0434\u043e\u0447\u0438\u0442\u044c \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0444\u0430\u0439\u043b\u044b.<\/p>\n<\/li>\n<li>\n<p>\u0423\u043f\u0440\u043e\u0441\u0442\u0438\u0442\u044c \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439.<\/p>\n<\/li>\n<\/ul>\n<p>\u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0430\u00a0\u0431\u0430\u0437\u0435 \u041e\u0421\u00a0\u0410\u0432\u0440\u043e\u0440\u0430 \u043c\u043e\u0436\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0447\u0435\u0440\u0435\u0437 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 QML\u00a0<a href=\"https:\/\/developer.auroraos.ru\/doc\/software_development\/reference\/webview\" rel=\"noopener noreferrer nofollow\">WebView<\/a>, \u043f\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c\u044b\u0439 \u041e\u0421\u00a0\u0410\u0432\u0440\u043e\u0440\u0430, \u043d\u0430\u00a0\u0431\u0430\u0437\u0435 Kotlin\u00a0Multiplatform\u00a0JS. \u041d\u0430 \u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u043d\u0435\u0442 \u043d\u0430\u0442\u0438\u0432\u043d\u043e\u0439 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 Kotlin\u00a0Multiplatform, \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043e \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0445 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430\u0445 \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0439\u0442\u0438 \u043f\u043e <a href=\"https:\/\/youtu.be\/s0AraORVyNw\" rel=\"noopener noreferrer nofollow\">\u0441\u0441\u044b\u043b\u043a\u0435<\/a>. \u0414\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u0442\u0430\u043a\u0436\u0435 \u0441\u043f\u043e\u0441\u043e\u0431 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043a\u0440\u043e\u0441\u0441\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u043d\u043d\u043e\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c Flutter, \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043f\u043e \u0441\u0442\u0430\u0442\u0443\u0441\u0443 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0439\u0442\u0438 <a href=\"https:\/\/www.youtube.com\/live\/G-EHh794OB8?t=1782\" rel=\"noopener noreferrer nofollow\">\u0437\u0434\u0435\u0441\u044c<\/a>.<\/p>\n<p>\u041f\u0440\u0438 \u043d\u0430\u043b\u0438\u0447\u0438\u0438 \u0443\u00a0\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u0433\u043e\u0442\u043e\u0432\u043e\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u043e\u0433\u043e \u043d\u0430\u00a0Kotlin\u00a0Multiplatform\u00a0(KMP), \u043e\u043d\u043e \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043e \u043d\u0430\u00a0\u041e\u0421\u00a0\u0410\u0432\u0440\u043e\u0440\u0430. \u041b\u0438\u0431\u043e \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u043d\u043e\u0432\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0441\u00a0\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c Kotlin\u00a0Multiplatform\u00a0JS \u043f\u043e\u0434\u00a0\u041e\u0421\u00a0\u0410\u0432\u0440\u043e\u0440\u0430.<\/p>\n<p>\u0412\u00a0\u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u044b \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u044d\u0442\u0430\u043f\u044b \u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f Kotlin\u00a0Multiplatform \u043d\u0430\u00a0\u041e\u0421\u00a0\u0410\u0432\u0440\u043e\u0440\u0430. \u041f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 <a href=\"https:\/\/kotlinlang.org\/docs\/multiplatform-full-stack-app.html#targets\" rel=\"noopener noreferrer nofollow\">\u0446\u0435\u043b\u044c \u0441\u0431\u043e\u0440\u043a\u0438<\/a>\u00a0JS\u00a0(Target\u00a0JS). \u0414\u043b\u044f\u00a0\u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u043e\u0442\u043a\u0440\u044b\u0442\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0434\u043b\u044f\u00a0\u0447\u0442\u0435\u043d\u0438\u044f RSS-\u043d\u043e\u0432\u043e\u0441\u0442\u0435\u0439 <a href=\"https:\/\/github.com\/Kotlin\/kmm-production-sample\" rel=\"noopener noreferrer nofollow\">KMM\u00a0RSS\u00a0Reader<\/a>. \u041f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0439\u0442\u0438 \u043f\u043e\u00a0<a href=\"https:\/\/gitlab.com\/omprussia\/kmp\/kmm-rss-reader\" rel=\"noopener noreferrer nofollow\">\u0441\u0441\u044b\u043b\u043a\u0435<\/a>.<\/p>\n<p>\u0421\u0445\u0435\u043c\u0430 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441\u00a0\u043e\u0431\u0449\u0438\u043c \u043c\u043e\u0434\u0443\u043b\u0435\u043c \u043c\u043e\u0436\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:<\/p>\n<figure class=\"\">\n<div><figcaption>\u0421\u0445\u0435\u043c\u0430 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441\u00a0\u043e\u0431\u0449\u0438\u043c \u043c\u043e\u0434\u0443\u043b\u0435\u043c<\/figcaption><\/div>\n<\/figure>\n<p>\u041a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 Wrapper \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u0432\u044f\u0437\u0443\u044e\u0449\u0438\u043c \u043c\u043e\u0434\u0443\u043b\u0435\u043c \u043c\u0435\u0436\u0434\u0443 \u043e\u0431\u0449\u0438\u043c \u043c\u043e\u0434\u0443\u043b\u0435\u043c Kotlin\u00a0Multiplatform \u0438\u00a0\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u043c Qt\/QML. Wrapper \u043d\u0443\u0436\u0435\u043d \u0434\u043b\u044f\u00a0\u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0443 \u0441\u00a0\u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u044b\u043c\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u043c\u0438 \u0438\u0437\u00a0QML, \u043d\u0435\u00a0\u043c\u043e\u0434\u0438\u0444\u0438\u0446\u0438\u0440\u0443\u044f \u043e\u0431\u0449\u0438\u0439 \u043c\u043e\u0434\u0443\u043b\u044c KMP.<\/p>\n<h3>\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430<\/h3>\n<p>\u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0441\u0442\u043e\u044f\u0442\u044c \u0438\u0437\u00a0\u0442\u0440\u0435\u0445 \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432:<\/p>\n<ul>\n<li>\n<p>Wrapper \u2014 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 JavaScript, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0441\u0432\u044f\u0437\u044b\u0432\u0430\u0435\u0442 \u043e\u0431\u0449\u0438\u0439 \u043c\u043e\u0434\u0443\u043b\u044c Kotlin\u00a0Multiplatform \u0438\u00a0QML.<\/p>\n<\/li>\n<li>\n<p>QML-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 (KMMAgent) \u2014 QML-\u043e\u0431\u0451\u0440\u0442\u043a\u0430 \u043d\u0430\u0434\u00a0WebView, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0441\u0432\u044f\u0437\u044b\u0432\u0430\u0435\u0442 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u043a\u043e\u0434\u00a0QML \u0438\u00a0Wrapper.<\/p>\n<\/li>\n<li>\n<p>Kotlin\u00a0Multiplatform \u2014 \u043e\u0431\u0449\u0438\u0439 \u043c\u043e\u0434\u0443\u043b\u044c, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u0442 \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0443.<\/p>\n<\/li>\n<\/ul>\n<blockquote>\n<p>\u041f\u0440\u0438\u043c\u0435\u0447\u0430\u043d\u0438\u0435.<br \/> \u0412 \u0441\u0432\u044f\u0437\u0438 <a href=\"https:\/\/blog.jetbrains.com\/kotlin\/2023\/07\/update-on-the-name-of-kotlin-multiplatform\/\" rel=\"noopener noreferrer nofollow\">\u043f\u0440\u0438\u0437\u043d\u0430\u043d\u0438\u0435\u043c<\/a> \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u043c \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435\u043c \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430 &#171;Kotlin Multiplatform Mobile&#187; \u0432 \u0441\u0442\u0430\u0442\u044c\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u043d\u043e\u0432\u0430\u044f \u0430\u0431\u0431\u0440\u0435\u0432\u0438\u0430\u0442\u0443\u0440\u0430 Kotlin Multiplatform &#8212; KMP.<br \/> \u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u043c\u043e\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f (KMM RSS Reader) \u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 (KMMAgent) \u043e\u0441\u0442\u0430\u0435\u0442\u0441\u044f \u043f\u0440\u0435\u0436\u043d\u0438\u043c.<\/p>\n<\/blockquote>\n<p>\u0421\u0445\u0435\u043c\u0430 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:<\/p>\n<figure class=\"\">\n<div><figcaption>\u0421\u0445\u0435\u043c\u0430 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432<\/figcaption><\/div>\n<\/figure>\n<p>Kotlin\u00a0Multiplatform \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0441\u044f \u0432\u00a0\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 Kotlin\u00a0Multiplatform\u00a0JS, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u043a\u00a0\u043b\u044e\u0431\u044b\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u043c JS. \u0421\u043e\u0431\u0440\u0430\u043d\u043d\u0430\u044f \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 Kotlin\u00a0Multiplatform\u00a0JS \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u043a\u00a0JS-\u043f\u0440\u043e\u0435\u043a\u0442\u0443 Wrapper, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0443 \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u044b\u0445 \u0444\u0443\u043d\u043a\u0446\u0438\u0439 \u0447\u0435\u0440\u0435\u0437 <code>Promise<\/code> \u0441\u00a0\u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0441\u043e\u0431\u044b\u0442\u0438\u0439 <code>events<\/code>. \u0421\u043e\u0431\u0440\u0430\u043d\u043d\u044b\u0439 webpack Wrapper \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432\u00a0\u0444\u0430\u0439\u043b\u0435\u00a0<code>index.html<\/code> (\u0444\u0430\u0439\u043b <code>index.html<\/code> \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e \u043a\u0430\u043a \u0442\u043e\u0447\u043a\u0430 \u0432\u0445\u043e\u0434\u0430 \u0434\u043b\u044f\u00a0QML-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430). \u0414\u0430\u043b\u0435\u0435 QML-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 Wrapper \u0438\u00a0\u0441\u043b\u0443\u0448\u0430\u0435\u0442 \u0441\u043e\u0431\u044b\u0442\u0438\u044f <code>events<\/code> \u0441\u00a0\u043f\u043e\u043c\u043e\u0449\u044c\u044e <a href=\"https:\/\/developer.auroraos.ru\/doc\/software_development\/reference\/webview\" rel=\"noopener noreferrer nofollow\">WebView<\/a>, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u0438\u0445\u043e\u0434\u044f\u0442 \u0438\u0437 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 Wrapper. WebView \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442 \u0440\u043e\u043b\u044c \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438 \u0438\u00a0\u0441\u043a\u0440\u044b\u0442 \u043e\u0442\u00a0\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f.<\/p>\n<p>\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0439 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0432\u044b\u0441\u0442\u0440\u043e\u0435\u043d\u0430 \u043d\u0430\u00a0\u0443\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u0438\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u0441\u00a0\u0443\u0447\u0435\u0442\u043e\u043c \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b. \u0412\u0430\u0436\u043d\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u0442\u044c, \u0447\u0442\u043e \u0442\u0440\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 (Kotlin\u00a0Multiplatform, Wrapper, \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0410\u0432\u0440\u043e\u0440\u0430) \u0441\u043e\u0431\u0438\u0440\u0430\u044e\u0442\u0441\u044f \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e, \u043d\u043e \u0432\u00a0\u043a\u043e\u043d\u0435\u0447\u043d\u043e\u043c \u0438\u0442\u043e\u0433\u0435 JavaScript-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 Wrapper \u0434\u043e\u043b\u0436\u043d\u0430 \u0431\u044b\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044e \u0410\u0432\u0440\u043e\u0440\u0430 \u043f\u0440\u0438 \u0441\u0431\u043e\u0440\u043a\u0435, \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043e\u043d\u0430 \u0434\u043e\u043b\u0436\u043d\u0430 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432\u00a0\u0440\u0430\u0437\u0434\u0435\u043b\u0435 <code>qml<\/code>.<\/p>\n<p>\u0428\u0430\u0433\u0438 \u043f\u043e\u00a0\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044e KMP-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043d\u0430\u00a0\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0443 \u041e\u0421\u00a0\u0410\u0432\u0440\u043e\u0440\u0430 \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c\u0438:<\/p>\n<ol>\n<li>\n<p>\u041f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u043e\u0433\u043e \u0441\u00a0\u043f\u043e\u043c\u043e\u0449\u044c\u044e Kotlin\u00a0Multiplatform. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, <a href=\"https:\/\/github.com\/Kotlin\/kmm-production-sample\" rel=\"noopener noreferrer nofollow\">KMM RSS Reader<\/a>.<\/p>\n<\/li>\n<li>\n<p>\u0421\u043e\u0431\u0440\u0430\u0442\u044c \u043e\u0431\u0449\u0438\u0439 \u043c\u043e\u0434\u0443\u043b\u044c KMP \u0438\u0437 \u0438\u0441\u0445\u043e\u0434\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430, \u043a\u0430\u043a NPM-\u043f\u0430\u043a\u0435\u0442, \u0441\u00a0\u043f\u043e\u043c\u043e\u0449\u044c\u044e Gradle-\u043f\u043b\u0430\u0433\u0438\u043d\u0430 <code>npm-publish<\/code>.<\/p>\n<\/li>\n<li>\n<p>\u0421\u043e\u0437\u0434\u0430\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f Qt\/QML \u0434\u043b\u044f\u00a0\u041e\u0421 \u0410\u0432\u0440\u043e\u0440\u0430, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f <a href=\"https:\/\/developer.auroraos.ru\/doc\/software_development\/sdk\" rel=\"noopener noreferrer nofollow\">Aurora SDK<\/a>.<\/p>\n<\/li>\n<li>\n<p>\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0432\u00a0\u043f\u0440\u043e\u0435\u043a\u0442 QML-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u043d\u0430\u00a0\u043e\u0441\u043d\u043e\u0432\u0435 WebView \u0434\u043b\u044f\u00a0\u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441\u00a0\u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u044b\u043c\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u043c\u0438.<\/p>\n<\/li>\n<li>\n<p>\u0421\u043e\u0437\u0434\u0430\u0442\u044c JS-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 Wrapper, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0441\u0432\u044f\u0436\u0435\u0442 KMP \u0438\u00a0QML-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442.<\/p>\n<\/li>\n<li>\n<p>\u041f\u0440\u0438\u0441\u0442\u0443\u043f\u0438\u0442\u044c \u043a\u00a0\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043f\u043e\u0434 \u041e\u0421\u00a0\u0410\u0432\u0440\u043e\u0440\u0430 \u0441\u00a0\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0438 Kotlin\u00a0Multiplatform.<\/p>\n<\/li>\n<\/ol>\n<h3>\u0421\u0431\u043e\u0440\u043a\u0430 \u043e\u0431\u0449\u0435\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u044f Kotlin\u00a0Multiplatform<\/h3>\n<p>\u0414\u043b\u044f \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f JavaScript \u0432\u00a0Kotlin\u00a0Multiplatform \u043d\u0443\u0436\u043d\u043e \u0441\u043e\u0431\u0440\u0430\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u044c \u043a\u0430\u043a JavaScript-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443. \u0412 \u043f\u0440\u0438\u0432\u0435\u0434\u0435\u043d\u043d\u043e\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0432\u0435\u0440\u0441\u0438\u044f <code>1.8.0<\/code> \u043f\u043b\u0430\u0433\u0438\u043d\u0430 <code>multiplatform<\/code>. \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043f\u043e\u00a0\u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 \u0446\u0435\u043b\u0435\u0439 \u0441\u0431\u043e\u0440\u043a\u0438 JS \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u0432\u00a0\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 <a href=\"https:\/\/kotlinlang.org\/docs\/js-ir-compiler.html\" rel=\"noopener noreferrer nofollow\">&#171;Kotlin\/JS IR compiler&#187;<\/a>. \u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441\u0435\u043a\u0446\u0438\u044e <code>js<\/code> \u0432\u00a0<code>kotlin {}<\/code> \u0432 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0439 \u0444\u0430\u0439\u043b Gradle:<\/p>\n<p>\u0424\u0430\u0439\u043b <code>&lt;\u043f\u0440\u043e\u0435\u043a\u0442>\/shared\/build.gradle.kts<\/code><\/p>\n<pre><code class=\"kotlin\">js(IR) {     moduleName = \"shared\"     version = \"0.0.1\"     nodejs()     binaries.library() } <\/code><\/pre>\n<p>\u0414\u043b\u044f \u0441\u0431\u043e\u0440\u043a\u0438 \u043c\u043e\u0434\u0443\u043b\u044f Kotlin\u00a0Multiplatform \u043a\u0430\u043a JS npm-\u043f\u0430\u043a\u0435\u0442\u0430 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c Gradle-\u043f\u043b\u0430\u0433\u0438\u043d <a href=\"https:\/\/github.com\/mpetuska\/npm-publish\" rel=\"noopener noreferrer nofollow\"><code>npm-publish<\/code><\/a>. \u0415\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:<\/p>\n<p>\u0424\u0430\u0439\u043b <code>&lt;\u043f\u0440\u043e\u0435\u043a\u0442>\/shared\/build.gradle.kts<\/code><\/p>\n<pre><code class=\"kotlin\">plugins {     id(\"dev.petuska.npm.publish\") version \"3.3.1\" }  npmPublish {     packages {         named(\"js\") {             packageJson {                 version.set(\"0.0.1\")             }         }     } } <\/code><\/pre>\n<p>\u041f\u043b\u0430\u0433\u0438\u043d <code>npm-publish<\/code> \u0434\u043e\u0431\u0430\u0432\u0438\u0442 \u043c\u0435\u0442\u043e\u0434 <code>packJsPackage<\/code>. \u0415\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u0432\u044b\u0437\u0432\u0430\u0442\u044c \u0438\u0437 \u043a\u043e\u043c\u0430\u043d\u0434\u043d\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0438 \u0434\u043b\u044f \u0441\u0431\u043e\u0440\u043a\u0438 npm-\u043f\u0430\u043a\u0435\u0442\u0430:<\/p>\n<pre><code class=\"bash\">.\/gradlew packJsPackage <\/code><\/pre>\n<h3>QML-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 (KMMAgent)<\/h3>\n<p>QML-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c <a href=\"https:\/\/developer.auroraos.ru\/doc\/software_development\/reference\/webview\" rel=\"noopener noreferrer nofollow\">WebView<\/a>. WebView \u043f\u043e\u00a0\u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u043c\u043e\u0436\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u0441\u00a0\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u044b\u043c\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u043c\u0438. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043d\u0443\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043a\u00a0WebView \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0443 <code>Promise<\/code>.<\/p>\n<blockquote>\n<p>\u041e\u0431\u044a\u0435\u043a\u0442 Promise \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0435 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u0435 (\u0438\u043b\u0438 \u0441\u0431\u043e\u0439) \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e\u0439 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u0438\u00a0\u0435\u0435 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0438\u0440\u0443\u044e\u0449\u0435\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435.<\/p>\n<p><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Global_Objects\/Promise\" rel=\"noopener noreferrer nofollow\">Promise<\/a><\/p>\n<\/blockquote>\n<p>\u041f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u043c\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0431\u0443\u0434\u0435\u0442 \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f \u0432\u00a0\u0441\u0435\u0442\u044c \u0434\u043b\u044f\u00a0\u0437\u0430\u043f\u0440\u043e\u0441\u0430 XML-\u0434\u0430\u043d\u043d\u044b\u0445 RSS. \u0422\u0430\u043a \u043a\u0430\u043a \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u0431\u0443\u0434\u0443\u0442 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c\u0441\u044f \u0447\u0435\u0440\u0435\u0437 WebView, \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u043e\u0442\u043a\u043b\u044e\u0447\u0438\u0442\u044c CORS.<\/p>\n<blockquote>\n<p>CORS (Cross-origin resource sharing) \u2014 \u044d\u0442\u043e \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0437\u0430\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u0442\u044c \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u043d\u044b\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b \u043d\u0430\u00a0\u0432\u0435\u0431-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0438\u0437 \u0434\u0440\u0443\u0433\u043e\u0433\u043e \u0434\u043e\u043c\u0435\u043d\u0430 \u0437\u0430 \u043f\u0440\u0435\u0434\u0435\u043b\u0430\u043c\u0438 \u0434\u043e\u043c\u0435\u043d\u0430, \u0438\u0437 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043b\u0441\u044f \u043f\u0435\u0440\u0432\u044b\u0439 \u0440\u0435\u0441\u0443\u0440\u0441.<\/p>\n<p><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTTP\/CORS\" rel=\"noopener noreferrer nofollow\">Cross-Origin Resource Sharing (CORS)<\/a><\/p>\n<\/blockquote>\n<p>\u0414\u0430\u043b\u0435\u0435 \u043d\u0443\u0436\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u043a\u0440\u0438\u043f\u0442 framescript.js \u0432\u00a0\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u041e\u0421 \u0410\u0432\u0440\u043e\u0440\u0430. \u041e\u043d \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u0441\u043b\u0443\u0448\u0430\u0442\u044c \u0441\u043e\u0431\u044b\u0442\u0438\u044f <code>events<\/code> \u043f\u0440\u0438\u0445\u043e\u0434\u044f\u0449\u0438\u0435 \u0441\u043e \u0441\u0442\u043e\u0440\u043e\u043d\u044b \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 Wrapper.<\/p>\n<p>\u0424\u0430\u0439\u043b <code>&lt;\u043f\u0440\u043e\u0435\u043a\u0442>\/auroraApp\/RSSReader\/qml\/shared-js\/framescript.js<\/code><\/p>\n<pre><code>addEventListener(\"DOMContentLoaded\", function (aEvent) {     aEvent.originalTarget.addEventListener(\"framescript:log\",         function (aEvent) {             sendAsyncMessage(\"webview:action\", aEvent.detail)     }); }); <\/code><\/pre>\n<p>\u0421\u043a\u0440\u0438\u043f\u0442 framescript.js \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u043a\u00a0WebView, \u043d\u0430\u00a0\u043e\u0441\u043d\u043e\u0432\u0435 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0441\u043e\u0437\u0434\u0430\u0435\u0442\u0441\u044f QML-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 <code>KMMAgent<\/code>.<\/p>\n<p>\u0424\u0430\u0439\u043b <code>&lt;\u043f\u0440\u043e\u0435\u043a\u0442>\/auroraApp\/RSSReader\/qml\/pages\/KMMAgent.qml<\/code><\/p>\n<pre><code>WebView {     id: webview      height: 0     width: 0     url: Qt.resolvedUrl(\"..\/shared-js\/index.html\")     visible: false      onViewInitialized: {         \/\/ \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0441\u043b\u0443\u0448\u0430\u0442\u0435\u043b\u044f \u0441\u043e\u0431\u044b\u0442\u0438\u0439         webview.loadFrameScript(Qt.resolvedUrl(\"..\/shared-js\/framescript.js\"));         webview.addMessageListener(\"webview:action\")     }      onRecvAsyncMessage: {         switch (message) {         case \"webview:action\":             \/\/ \u041f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u044b\u0445 \u043e\u0442\u0432\u0435\u0442\u043e\u0432             break         }     }      Component.onCompleted: {         \/\/ \u041e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 CORS         WebEngineSettings.setPreference(\"security.disable_cors_checks\", true, WebEngineSettings.BoolPref)     } } <\/code><\/pre>\n<p>\u0412 WebView \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u043c\u0435\u0442\u043e\u0434 <a href=\"https:\/\/developer.auroraos.ru\/doc\/software_development\/reference\/webview\/qml-sailfishos-webview-webview#runJavaScript-method\" rel=\"noopener noreferrer nofollow\"><code>runJavaScript<\/code><\/a>. \u041c\u0435\u0442\u043e\u0434 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442 \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442 JavaScript \u0432\u00a0\u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0435 \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u043d\u043e\u0433\u043e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430 <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Document_Object_Model\/Introduction\" rel=\"noopener noreferrer nofollow\">DOM<\/a>. \u0421 \u0435\u0433\u043e \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043c\u043e\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0432\u00a0QML-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442 \u0437\u0430\u043f\u0440\u043e\u0441 \u043a\u00a0JavaScript-\u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0438 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u0442 \u0434\u0430\u043d\u043d\u044b\u0435 \u0434\u043b\u044f\u00a0\u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u043e\u0442\u0432\u0435\u0442\u0430 \u0441\u043e \u0441\u0442\u043e\u0440\u043e\u043d\u044b JavaScript-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438.<\/p>\n<p>\u0424\u0430\u0439\u043b <code>&lt;\u043f\u0440\u043e\u0435\u043a\u0442>\/auroraApp\/RSSReader\/qml\/pages\/KMMAgent.qml<\/code><\/p>\n<pre><code>property var stateResponse: ({})  function run(method, result, error) {     \/\/ \u041f\u043e\u00a0\u043a\u043b\u044e\u0447\u0435\u0432\u043e\u043c\u0443 \u0441\u043b\u043e\u0432\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442 \u0442\u0438\u043f \u0437\u0430\u043f\u0440\u043e\u0441\u0430: \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u043b\u0438 \u043d\u0435\u0442     if (method.indexOf(\"return\") === -1) {         \/\/ \u0414\u0430\u043b\u0435\u0435 \u0431\u0443\u0434\u0435\u0442 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u043a\u043b\u044e\u0447 \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e\u0433\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0430         webview.runJavaScript(\"return \" + method, function(key) {             \/\/ \u0421\u043b\u0435\u0434\u0443\u0435\u0442 \u0437\u0430\u043f\u043e\u043c\u043d\u0438\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u0447\u0442\u043e\u0431\u044b \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c \u0438\u0445 \u043f\u043e\u0441\u043b\u0435 \u043e\u0442\u0432\u0435\u0442\u0430             stateResponse[key] = [result, error]         }, error);     } else {         \/\/ \u0417\u0430\u043f\u0443\u0441\u043a \u043f\u043e\u00a0\u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e, \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u043d\u0435\u00a0\u0442\u0440\u0435\u0431\u0443\u044e\u0442 \u0432\u043c\u0435\u0448\u0430\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u0430         webview.runJavaScript(method, result, error);     } } <\/code><\/pre>\n<p>\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u043c\u043e\u0436\u043d\u043e \u0432\u00a0\u043c\u0435\u0442\u043e\u0434\u0435 WebView <code>onRecvAsyncMessage<\/code>. \u041f\u0440\u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0438 \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 QML-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 (KMMAgent) \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442 \u0437\u0430\u043f\u0440\u043e\u0441 \u043a\u00a0\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 Wrapper, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442 \u0437\u0430\u043f\u0443\u0441\u043a \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 KMP \u0438\u00a0\u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u043a\u043b\u044e\u0447. \u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442\u0441\u044f \u043f\u0430\u0440\u0430 QML-\u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0438\u00a0\u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u043a\u043b\u044e\u0447. \u041f\u0440\u0438 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0438 \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0430\u044f QML-\u0444\u0443\u043d\u043a\u0446\u0438\u044f \u043f\u043e\u00a0\u043a\u043b\u044e\u0447\u0443. \u0414\u0430\u043d\u043d\u044b\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0447\u0435\u0440\u0435\u0437 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e <code>data<\/code>. \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0432\u00a0<code>onRecvAsyncMessage<\/code> \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0430 \u043d\u0438\u0436\u0435:<\/p>\n<p>\u0424\u0430\u0439\u043b <code>&lt;\u043f\u0440\u043e\u0435\u043a\u0442>\/auroraApp\/RSSReader\/qml\/pages\/KMMAgent.qml<\/code><\/p>\n<pre><code>onRecvAsyncMessage: {     switch (message) {     case \"webview:action\":         try {             \/\/ \u041f\u0435\u0440\u0432\u043e\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u0435, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043e\u0431\u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442 \u0433\u043e\u0442\u043e\u0432\u043d\u043e\u0441\u0442\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430             if (data.caller === 'init') {                 root.completed()             \/\/ \u0414\u0440\u0443\u0433\u0438\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u044f             } else if (root.stateResponse[data.caller] !== undefined) {                 if (data.response.hasOwnProperty('stack')) {                     \/\/ \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043e\u0448\u0438\u0431\u043a\u0438                     root.stateResponse[data.caller][1](data.response.message)                 } else {                     \/\/ \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043e\u0442\u0432\u0435\u0442\u0430                     root.stateResponse[data.caller][0](data.response)                 }             }         } catch (e) {             \/\/ \u041e\u0431\u0449\u0430\u044f \u043e\u0448\u0438\u0431\u043a\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u0430, \u043f\u0430\u0440\u0441\u0438\u043d\u0433\u0430 \u0434\u0430\u043d\u043d\u044b\u0445             root.stateResponse[data.caller][1](e.toString())         }         break     } } <\/code><\/pre>\n<p>QML \u0433\u043e\u0442\u043e\u0432 \u043a\u00a0\u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044e \u0444\u0443\u043d\u043a\u0446\u0438\u0439 Kotlin\u00a0Multiplatform. \u0427\u0435\u0440\u0435\u0437 \u0441\u043e\u0431\u044b\u0442\u0438\u0435 <code>init<\/code> \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043b\u0443\u0447\u0435\u043d \u0441\u0438\u0433\u043d\u0430\u043b \u043e\u0442\u00a0WebView \u043e\u00a0\u0433\u043e\u0442\u043e\u0432\u043d\u043e\u0441\u0442\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 KMMAgent \u043a\u00a0\u0440\u0430\u0431\u043e\u0442\u0435. \u0422\u0435\u043f\u0435\u0440\u044c \u0432\u00a0\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u041e\u0421\u00a0\u0410\u0432\u0440\u043e\u0440\u0430 \u0435\u0441\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043a\u00a0Wrapper. \u041d\u0430 \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0432 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0435 QML ApplicationWindow \u043d\u0443\u0436\u043d\u043e \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c KMMAgent, \u0442\u043e\u0433\u0434\u0430 \u0435\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0437\u0432\u0430\u0442\u044c \u043d\u0430 \u0432\u0441\u0435\u0445 \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445:<\/p>\n<p>\u0424\u0430\u0439\u043b <code>&lt;\u043f\u0440\u043e\u0435\u043a\u0442>\/auroraApp\/RSSReader\/qml\/RSSReader.qml<\/code><\/p>\n<pre><code>\/\/ \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043d\u0430\u00a0\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-351739","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/351739","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=351739"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/351739\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=351739"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=351739"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=351739"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}