{"id":347571,"date":"2023-05-17T09:00:37","date_gmt":"2023-05-17T09:00:37","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=347571"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=347571","title":{"rendered":"<span>\u041e\u0434\u0438\u043d \u0441\u0435\u0440\u0432\u0438\u0441, \u0447\u0442\u043e\u0431\u044b \u043a\u043e\u043d\u043d\u0435\u043a\u0442\u0438\u0442\u044c\u0441\u044f \u0441\u043e \u0432\u0441\u0435\u043c\u0438, \u0438\u043b\u0438 \u043a\u0430\u043a \u044f \u0438\u043d\u0442\u0435\u0433\u0440\u0438\u0440\u043e\u0432\u0430\u043b \u0438\u0433\u0440\u0443 \u0441 VK \u0438 \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u0443\u0432\u043b\u0435\u043a\u0441\u044f<\/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<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/fee\/9a5\/4e4\/fee9a54e4156035f8570e797021bebca.jpg\" alt=\"\" title=\"\" width=\"1560\" height=\"880\"><\/figure>\n<p>\u0412 \u043d\u0430\u0447\u0430\u043b\u0435 2020 \u0433\u043e\u0434\u0430 \u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430\u0447\u0438\u043d\u0430\u043b \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c HTML-\u0438\u0433\u0440\u044b, \u0438 \u043a\u043e\u043b\u043b\u0435\u0433\u0430 \u043f\u043e\u0441\u043e\u0432\u0435\u0442\u043e\u0432\u0430\u043b \u0432\u044b\u043b\u043e\u0436\u0438\u0442\u044c \u0447\u0442\u043e-\u043d\u0438\u0431\u0443\u0434\u044c \u043d\u0430 \u042f\u043d\u0434\u0435\u043a\u0441 \u0418\u0433\u0440\u0430\u0445 \u2014 \u044d\u0442\u0430 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0430 \u043d\u0435\u0434\u0430\u0432\u043d\u043e \u043e\u0442\u043a\u0440\u044b\u043b\u0430\u0441\u044c. \u041f\u0435\u0440\u0432\u044b\u043c \u0434\u0435\u043b\u043e\u043c \u043d\u0443\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c\u0441\u044f \u043a SDK \u042f\u043d\u0434\u0435\u043a\u0441\u0430. \u042f \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u044e \u0438\u0433\u0440\u044b \u043d\u0430 Construct. \u041e\u043d \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 JavaScript, \u0442\u0430\u043a \u0447\u0442\u043e \u044f \u043d\u0430\u043f\u0438\u0441\u0430\u043b \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u043a\u043e\u0434\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u043b \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0438\u0433\u0440\u043e\u043a\u043e\u0432 \u0438 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u0443, \u0438 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c\u0441\u044f \u043a SDK. \u041f\u043e\u0442\u043e\u043c \u0434\u043e\u0431\u0430\u0432\u0438\u043b \u0434\u043e\u0431\u0430\u0432\u0438\u043b \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0443 \u042f\u043d\u0434\u0435\u043a\u0441 \u041c\u0435\u0442\u0440\u0438\u043a\u0438, \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u0432\u0438\u0434\u0435\u043e \u0437\u0430 \u0432\u043e\u0437\u043d\u0430\u0433\u0440\u0430\u0436\u0434\u0435\u043d\u0438\u0435, \u0438 \u043f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e \u0441\u043e\u0431\u0440\u0430\u043b\u0430\u0441\u044c \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0430\u044f \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u0447\u043a\u0430. \u0422\u043e\u0433\u0434\u0430 \u044f \u0435\u0449\u0435 \u043d\u0435 \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u0430\u0433\u0430\u043b, \u0447\u0442\u043e \u0437\u0430 \u043f\u043e\u043b\u0442\u043e\u0440\u0430 \u0433\u043e\u0434\u0430 \u044d\u0442\u0430 \u0438\u0434\u0435\u044f \u0432\u044b\u0440\u0430\u0441\u0442\u0435\u0442 \u0432 \u0446\u0435\u043b\u044b\u0439 \u0441\u0435\u0440\u0432\u0438\u0441-\u043f\u043e\u0441\u0440\u0435\u0434\u043d\u0438\u043a \u0434\u043b\u044f \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 \u0441 \u0440\u0430\u0437\u043d\u044b\u043c\u0438 \u0438\u0433\u0440\u043e\u0432\u044b\u043c\u0438 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0430\u043c\u0438. \u041f\u043e\u0434 \u043a\u0430\u0442\u043e\u043c \u0440\u0430\u0441\u0441\u043a\u0430\u0436\u0443, \u043a\u0430\u043a \u0442\u0430\u043a \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c, \u0438 \u0447\u0442\u043e \u043f\u043e\u0434 \u043a\u0430\u043f\u043e\u0442\u043e\u043c \u0443 \u044d\u0442\u043e\u0439 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438.<\/p>\n<pre><code class=\"javascript\">class YandexSDK {     constructor () {      this.ready = new Promise(resolve =&gt; this.init = resolve);   }   setSDK (ysdk) {     this.ysdk = ysdk;   }   showFullscreen () {     this.ready.then(() =&gt; this.ysdk.adv.showFullscreenAdv({callbacks:{}}));   } }  const Yandex = new YandexSDK();  (function(d) {   var t = d.getElementsByTagName('script')[0];   var s = d.createElement('script');   s.src = 'https:\/\/yandex.ru\/games\/sdk\/v2';   s.async = true;   t.parentNode.insertBefore(s, t);   s.onload = initSDK; })(document);  function initSDK () {   YaGames.init({     adv: {       onAdvClose: wasShown =&gt; console.info('adv closed! was shown: ', wasShown)     },     screen: {       fullscreen: true,       orientation: {         value: 'portrait',         lock: true       }     }   }).then(ysdk =&gt; {     Yandex.setSDK(ysdk);     Yandex.init();   }); }<\/code><\/pre>\n<p><em>\u0422\u043e\u0442 \u0441\u0430\u043c\u044b\u0439 \u043f\u0435\u0440\u0432\u044b\u0439 \u0441\u043a\u0440\u0438\u043f\u0442 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u042f\u043d\u0434\u0435\u043a\u0441 SDK<\/em><\/p>\n<p>\u0421\u043f\u0435\u0440\u0432\u0430 \u044f \u043f\u0440\u043e\u0441\u0442\u043e \u0434\u0435\u043b\u0438\u043b\u0441\u044f \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u043e\u0439 \u0441 \u0434\u0440\u0443\u0437\u044c\u044f\u043c\u0438 \u0438 \u0437\u043d\u0430\u043a\u043e\u043c\u044b\u043c\u0438, \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u044e\u0449\u0438\u043c\u0438 \u0432 Construct \u2014 \u0434\u0430\u0432\u0430\u043b \u0438\u043c \u0433\u043e\u0442\u043e\u0432\u044b\u0439 \u0441\u043a\u0440\u0438\u043f\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u043b \u0438\u0433\u0440\u0443 \u043a \u042f\u043d\u0434\u0435\u043a\u0441 \u0418\u0433\u0440\u0430\u043c. \u041d\u043e \u0432 Construct \u0441 JS \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u0443\u0434\u043e\u0431\u043d\u043e, \u0438 \u044f \u0440\u0435\u0448\u0438\u043b \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u0430\u0442\u044c \u0432\u0441\u0435 \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u0430, \u2014 \u0447\u0442\u043e\u0431\u044b \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u043d\u0443\u0436\u043d\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/e91\/5d3\/e1a\/e915d3e1a2e5a67fab7a523745737d36.png\" alt=\"\u0421\u043f\u0438\u0441\u043e\u043a \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439 \u043f\u043b\u0430\u0433\u0438\u043d\u0430 \u043d\u0430 \u0442\u043e\u0442 \u043c\u043e\u043c\u0435\u043d\u0442, \u2014 \u043e\u043d \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u043b \u0442\u043e\u043b\u044c\u043a\u043e \u0441\u0430\u043c\u044b\u0435 \u0431\u0430\u0437\u043e\u0432\u044b\u0435 \u0432\u0435\u0449\u0438 \u0432\u0440\u043e\u0434\u0435 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u0438 \u0438 \u0440\u0430\u0431\u043e\u0442\u044b \u0441\u043e \u0441\u0442\u0430\u0442\u0438\u0441\u0442\u0438\u043a\u043e\u0439\" title=\"\u0421\u043f\u0438\u0441\u043e\u043a \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439 \u043f\u043b\u0430\u0433\u0438\u043d\u0430 \u043d\u0430 \u0442\u043e\u0442 \u043c\u043e\u043c\u0435\u043d\u0442, \u2014 \u043e\u043d \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u043b \u0442\u043e\u043b\u044c\u043a\u043e \u0441\u0430\u043c\u044b\u0435 \u0431\u0430\u0437\u043e\u0432\u044b\u0435 \u0432\u0435\u0449\u0438 \u0432\u0440\u043e\u0434\u0435 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u0438 \u0438 \u0440\u0430\u0431\u043e\u0442\u044b \u0441\u043e \u0441\u0442\u0430\u0442\u0438\u0441\u0442\u0438\u043a\u043e\u0439\" width=\"607\" height=\"754\"><\/p>\n<div><figcaption><em>\u0421\u043f\u0438\u0441\u043e\u043a \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439 \u043f\u043b\u0430\u0433\u0438\u043d\u0430 \u043d\u0430 \u0442\u043e\u0442 \u043c\u043e\u043c\u0435\u043d\u0442, \u2014 \u043e\u043d \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u043b \u0442\u043e\u043b\u044c\u043a\u043e \u0441\u0430\u043c\u044b\u0435 \u0431\u0430\u0437\u043e\u0432\u044b\u0435 \u0432\u0435\u0449\u0438 \u0432\u0440\u043e\u0434\u0435 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u0438 \u0438 \u0440\u0430\u0431\u043e\u0442\u044b \u0441\u043e \u0441\u0442\u0430\u0442\u0438\u0441\u0442\u0438\u043a\u043e\u0439<\/em><\/figcaption><\/div>\n<\/figure>\n<p>\u0421\u043e\u0431\u0440\u0430\u043b \u043f\u0440\u043e\u0442\u043e\u0442\u0438\u043f \u0437\u0430 \u0442\u0440\u0438 \u0434\u043d\u044f \u0438 \u0432\u044b\u043b\u043e\u0436\u0438\u043b \u0432 \u043e\u0442\u043a\u0440\u044b\u0442\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f, \u0447\u0442\u043e\u0431\u044b \u0438\u043c \u043c\u043e\u0433\u043b\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0432\u0441\u0435 \u0436\u0435\u043b\u0430\u044e\u0449\u0438\u0435. \u041e\u043d \u0434\u043e \u0441\u0438\u0445 \u043f\u043e\u0440 <a href=\"https:\/\/yandex.ru\/dev\/games\/doc\/dg\/concepts\/plugins.html#plugins__construct\" rel=\"noopener noreferrer nofollow\"><u>\u0432\u0438\u0441\u0438\u0442 \u0432 \u0441\u043f\u0438\u0441\u043a\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u042f\u043d\u0434\u0435\u043a\u0441\u0430<\/u><\/a>. \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0438\u043c \u043a\u0442\u043e-\u0442\u043e \u0435\u0449\u0435 \u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f, \u0445\u043e\u0442\u044f \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0439 \u0434\u0430\u0432\u043d\u043e \u043d\u0435 \u0431\u044b\u043b\u043e.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/368\/86d\/1ac\/36886d1ac4fc1c3e1761a7189b45e75f.png\" alt=\"\" title=\"\" width=\"1164\" height=\"898\"><\/figure>\n<p>\u0424\u0443\u043d\u043a\u0446\u0438\u0439 \u043f\u043b\u0430\u0433\u0438\u043d\u0430 \u0445\u0432\u0430\u0442\u0430\u043b\u043e \u0434\u043b\u044f \u043f\u0440\u043e\u0441\u0442\u044b\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432, \u043d\u043e \u043f\u043e\u0442\u043e\u043c \u044f \u0443\u0432\u043b\u0435\u043a\u0441\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u043e\u0439 \u0438\u0433\u0440\u044b-\u0444\u0438\u043b\u0432\u043e\u0440\u0434\u0430 \u0438 \u0440\u0435\u0448\u0438\u043b, \u0447\u0442\u043e \u0432 \u043d\u0435\u0439 \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c \u0440\u0435\u0439\u0442\u0438\u043d\u0433 \u0438\u0433\u0440\u043e\u043a\u043e\u0432. \u0412 \u042f\u043d\u0434\u0435\u043a\u0441 \u0418\u0433\u0440\u0430\u0445 \u0442\u043e\u0433\u0434\u0430 \u043d\u0435 \u0431\u044b\u043b\u043e \u0441\u043e\u0431\u0441\u0432\u0435\u043d\u043d\u044b\u0445 \u043b\u0438\u0434\u0435\u0440\u0431\u043e\u0440\u0434\u043e\u0432, \u0442\u0430\u043a \u0447\u0442\u043e \u044f \u043d\u0430\u043f\u0438\u0441\u0430\u043b \u0441\u0435\u0440\u0432\u0435\u0440 \u043d\u0430 NodeJS, \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u043b MongoDB \u043a\u0430\u043a \u0431\u0430\u0437\u0443 \u0434\u0430\u043d\u043d\u044b\u0445, \u0438 \u0441\u0442\u0430\u043b \u0441\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0442\u044c \u0442\u0443\u0434\u0430 \u0440\u0435\u043a\u043e\u0440\u0434\u044b \u0438\u0433\u0440\u043e\u043a\u043e\u0432. \u041e\u043f\u044f\u0442\u044c \u0436\u0435, \u0432\u0441\u0435 \u044d\u0442\u043e \u0437\u0430\u0432\u0435\u0440\u043d\u0443\u043b \u0432 \u043f\u043b\u0430\u0433\u0438\u043d \u0434\u043b\u044f Construct \u0438 \u0431\u043b\u0430\u0433\u043e\u043f\u043e\u043b\u0443\u0447\u043d\u043e \u043e \u043d\u0435\u043c \u0437\u0430\u0431\u044b\u043b, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0438\u043b\u0441\u044f \u043d\u0430 \u0434\u0440\u0443\u0433\u043e\u0439 \u043f\u0440\u043e\u0435\u043a\u0442.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/06a\/869\/a43\/06a869a43f58a25a73d1449ce6d28836.png\" alt=\"\" title=\"\" width=\"928\" height=\"522\"><\/figure>\n<p>\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439 \u0438\u0433\u0440\u043e\u0439 \u0431\u044b\u043b\u0430 <a href=\"https:\/\/yandex.ru\/games\/#app=148868\" rel=\"noopener noreferrer nofollow\"><u>\u043d\u0435\u0441\u043b\u043e\u0436\u043d\u0430\u044f \u043a\u0430\u0440\u0442\u043e\u0447\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u044f<\/u><\/a>. \u0412 \u042f\u043d\u0434\u0435\u043a\u0441 \u0418\u0433\u0440\u0430\u0445 \u043e\u043d\u0430 \u0432\u0440\u044f\u0434 \u043b\u0438 \u0445\u043e\u0440\u043e\u0448\u043e \u0431\u044b \u0437\u0430\u0448\u043b\u0430 \u2014 \u043d\u0435 \u0442\u0430 \u0430\u0443\u0434\u0438\u0442\u043e\u0440\u0438\u044f, \u0442\u0430\u043a \u0447\u0442\u043e \u044f \u043d\u0430\u043f\u0440\u0430\u0432\u0438\u043b\u0441\u044f \u0432 VK. \u0414\u0435\u043b\u0430\u0442\u044c \u0442\u0430\u043a\u043e\u0439 \u0436\u0435 \u043f\u043b\u0430\u0433\u0438\u043d \u043a\u0430\u043a \u0434\u043b\u044f \u042f\u043d\u0434\u0435\u043a\u0441 \u0441\u043e\u0432\u0441\u0435\u043c \u043d\u0435 \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c. \u0422\u043e\u0433\u0434\u0430 \u0438 \u043f\u043e\u044f\u0432\u0438\u043b\u0430\u0441\u044c \u043c\u044b\u0441\u043b\u044c, \u0447\u0442\u043e \u043d\u0443\u0436\u0435\u043d \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u043b\u0430\u0433\u0438\u043d, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 <s>\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0432\u0441\u0435\u043c\u0438 <\/s>&nbsp;\u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0442\u044c, \u043d\u0430 \u043a\u0430\u043a\u043e\u0439 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0435 \u0438\u0433\u0440\u0430, \u0438 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0442\u044c \u043c\u0435\u0441\u0442\u043d\u044b\u0439 SDK. \u042d\u0442\u043e \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u043b \u0431\u044b\u0442\u044c \u043f\u043e\u0441\u0440\u0435\u0434\u043d\u0438\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u044b\u0441\u0442\u0443\u043f\u0430\u0435\u0442 \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u043e\u0439 \u043e\u0431\u0435\u0440\u0442\u043a\u043e\u0439 \u043f\u043e\u0434 \u0440\u0430\u0437\u043d\u044b\u0435 SDK \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0445 \u043f\u043b\u043e\u0449\u0430\u0434\u043e\u043a.<\/p>\n<h2>\u041a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 SDK<\/h2>\n<p>Construct \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u0443\u0434\u043e\u0431\u043d\u044b\u0439, \u043d\u043e \u044d\u0442\u043e \u0432\u0441\u0435 \u0442\u0430\u043a\u0438 \u043d\u0438\u0448\u0435\u0432\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435, \u0435\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 \u0434\u0430\u043b\u0435\u043a\u043e \u043d\u0435 \u0432\u0441\u0435, \u0442\u0430\u043a \u0447\u0442\u043e \u044f \u0432\u044b\u043d\u0435\u0441 \u043b\u043e\u0433\u0438\u043a\u0443 \u043f\u043b\u0430\u0433\u0438\u043d\u0430 \u0432 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0441\u043a\u0440\u0438\u043f\u0442. \u0422\u0435\u043f\u0435\u0440\u044c \u043e\u0441\u043d\u043e\u0432\u043d\u0443\u044e \u0440\u0430\u0431\u043e\u0442\u0443 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u043b Javascript SDK, \u0430 \u043f\u043b\u0430\u0433\u0438\u043d \u0434\u0435\u0440\u0433\u0430\u043b \u0437\u0430 \u0440\u0443\u0447\u043a\u0438. \u041f\u0440\u043e\u0449\u0435 \u0433\u043e\u0432\u043e\u0440\u044f: \u0435\u0441\u043b\u0438 \u0432 \u043f\u043b\u0430\u0433\u0438\u043d\u0435 \u0432\u044b\u0437\u0432\u0430\u043b\u0438 \u00ab\u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u0443\u00bb, \u0442\u043e \u043e\u043d \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442 \u043c\u043e\u0439 SDK, \u0430 SDK \u043e\u0431\u0440\u0430\u0449\u0430\u0435\u0442\u0441\u044f \u043a \u0438\u0433\u0440\u043e\u0432\u043e\u0439 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0435 \u0438 \u0437\u0430\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u0435\u0442 \u043f\u043e\u043a\u0430\u0437 \u0440\u0435\u043a\u043b\u0430\u043c\u044b. \u0422\u0430\u043a\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043c\u043e\u0436\u043d\u043e \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0430 \u0432\u0441\u0435 \u0434\u0432\u0438\u0436\u043a\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0442 \u044d\u043a\u0441\u043f\u043e\u0440\u0442 \u0432 HTML, \u0432\u0435\u0437\u0434\u0435 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c JS SDK \u0438 \u0432\u0441\u0435 \u044d\u0442\u043e \u0437\u0430\u0432\u0435\u0441\u0442\u0438.<\/p>\n<h3>\u041a\u0430\u043a SDK \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0443<\/h3>\n<p>\u041d\u0430 \u0441\u043b\u043e\u0432\u0430\u0445 \u0432\u0441\u0435 \u0437\u0432\u0443\u0447\u0438\u0442 \u043f\u0440\u043e\u0441\u0442\u043e, \u043d\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0433\u043e SDK \u043e\u043a\u0430\u0437\u0430\u043b\u043e\u0441\u044c \u0441\u0432\u044f\u0437\u0430\u043d\u043e \u0441 \u043a\u0443\u0447\u0435\u0439 \u0442\u043e\u043d\u043a\u043e\u0441\u0442\u0435\u0439. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043d\u0435 \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u0442\u0430\u0449\u0438\u0442\u044c \u0431\u0430\u043d\u0434\u043b\u044b \u0432\u0441\u0435\u0445 \u043f\u043b\u043e\u0449\u0430\u0434\u043e\u043a \u0432 \u043e\u0434\u0438\u043d SDK.&nbsp;<\/p>\n<p>\u0412\u043e-\u043f\u0435\u0440\u0432\u044b\u0445, \u0442\u0430\u043a\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0431\u0443\u0434\u0435\u0442 \u043c\u043d\u043e\u0433\u043e \u0432\u0435\u0441\u0438\u0442\u044c, \u0430 \u0432\u043e-\u0432\u0442\u043e\u0440\u044b\u0445, \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0438 \u043f\u0440\u043e\u0441\u044f\u0442 \u0437\u0430\u0442\u0430\u0447\u0438\u0432\u0430\u0442\u044c \u0438\u0433\u0440\u044b \u043f\u043e\u0434 \u0441\u0432\u043e\u044e \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0443 \u0438, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u042f\u043d\u0434\u0435\u043a\u0441 \u0418\u0433\u0440\u044b \u043d\u0435 \u0434\u043e\u043f\u0443\u0441\u0442\u044f\u0442 \u0434\u043e \u0440\u0435\u043b\u0438\u0437\u0430 \u043f\u0440\u043e\u0435\u043a\u0442, \u0432 \u043a\u043e\u0434\u0435 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0435\u0441\u0442\u044c \u0441\u0442\u0440\u043e\u043a\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043e\u0431\u0440\u0430\u0449\u0430\u044e\u0442\u0441\u044f \u043a VK \u0438 \u043d\u0430\u043e\u0431\u043e\u0440\u043e\u0442.&nbsp;<\/p>\n<p>\u0418\u0437-\u0437\u0430 \u044d\u0442\u043e\u0433\u043e HTML-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0445\u043e\u0442\u044f\u0442 \u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0432 \u0440\u0430\u0437\u043d\u044b\u0445 \u043c\u0435\u0441\u0442\u0430\u0445, \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0442\u044c \u0441\u0440\u0430\u0437\u0443 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u0435\u0440\u0441\u0438\u0439 \u043e\u0434\u043d\u043e\u0439 \u0438 \u0442\u043e\u0439 \u0436\u0435 \u0438\u0433\u0440\u044b. \u0412 \u0438\u0434\u0435\u0430\u043b\u0435, \u0441\u043a\u0440\u0438\u043f\u0442 \u0434\u043e\u043b\u0436\u0435\u043d \u0441\u043d\u0438\u043c\u0430\u0442\u044c \u044d\u0442\u0443 \u0431\u043e\u043b\u044c, \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0442\u044c, \u043a \u043a\u0430\u043a\u043e\u0439 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0435 \u0435\u0433\u043e \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u044e\u0442, \u0438 \u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u043e\u0434\u0433\u0440\u0443\u0436\u0430\u0442\u044c \u043d\u0443\u0436\u043d\u044b\u0439 \u0431\u0430\u043d\u0434\u043b.<\/p>\n<p>\u042f \u0432\u044b\u0431\u0440\u0430\u043b \u043f\u0443\u0442\u044c \u043a\u043e\u0441\u0432\u0435\u043d\u043d\u043e\u0433\u043e \u0430\u0432\u0442\u043e\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0438 \u0447\u0435\u0440\u0435\u0437 URL \u0430\u0434\u0440\u0435\u0441 \u0444\u0440\u0435\u0439\u043c\u0430, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u0448\u0438\u0442\u0430 \u0438\u0433\u0440\u0430. \u041a\u0430\u0436\u0434\u0430\u044f \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0430 \u043f\u0435\u0440\u0435\u0434\u0430\u0435\u0442 \u0443\u0441\u043b\u043e\u0432\u043d\u043e \u043a\u0430\u043a\u043e\u0439-\u0442\u043e ID \u0432 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430\u0445 \u0441\u0441\u044b\u043b\u043a\u0438, \u0438 \u043f\u043e \u043d\u0438\u043c \u043c\u043e\u0436\u043d\u043e \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u042f\u043d\u0434\u0435\u043a\u0441 \u044d\u0442\u043e \u0438\u043b\u0438 VK.<\/p>\n<figure class=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/da4\/c65\/c61\/da4c65c619f44a418b2a7d51db05fb2e.png\" alt=\"\" title=\"\" width=\"470\" height=\"155\"><\/figure>\n<p>\u0414\u043b\u044f \u042f\u043d\u0434\u0435\u043a\u0441 \u0418\u0433\u0440 \u0438\u043d\u0434\u0438\u043a\u0430\u0442\u043e\u0440\u043e\u043c \u0441\u043b\u0443\u0436\u0438\u0442 \u0445\u043e\u0441\u0442 \u2014 <a href=\"http:\/\/games.s3.yandex.net\" rel=\"noopener noreferrer nofollow\">games.s3.yandex.net<\/a>. \u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0438\u0437 \u043d\u0435\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u0437\u0430\u0431\u0440\u0430\u0442\u044c ID \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0438 \u2014 148868.<\/p>\n<figure class=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/efd\/0c6\/707\/efd0c67070be22097cd20b9b05f4023c.png\" alt=\"\" title=\"\" width=\"466\" height=\"185\"><\/figure>\n<p>\u0414\u043b\u044f VK \u0438\u0433\u0440\u0443 \u043d\u0443\u0436\u043d\u043e \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u0442\u044c \u043d\u0430 \u0441\u0432\u043e\u0435\u043c \u0445\u043e\u0441\u0442\u0438\u043d\u0433\u0435, \u0442\u0430\u043a \u0447\u0442\u043e \u043c\u0435\u0442\u043e\u0434 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043f\u043e \u0445\u043e\u0441\u0442\u0443 \u043d\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442. \u0417\u0430\u0442\u043e VK \u043f\u0440\u043e\u043a\u0438\u0434\u044b\u0432\u0430\u0435\u0442 \u0432 URL \u0444\u0440\u0435\u0439\u043c\u0430 \u0441\u0432\u043e\u0438 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b: api_id, viewer_id \u0438 auth_key \u2014 \u0434\u043b\u044f \u0438\u0433\u0440 \u0438 vk_user_id, sign, vk_app_id \u0434\u043b\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439. \u0418\u0445 \u043d\u0430\u043b\u0438\u0447\u0438\u044f \u0445\u0432\u0430\u0442\u0430\u0435\u0442, \u0447\u0442\u043e\u0431\u044b \u0443\u0434\u043e\u0441\u0442\u043e\u0432\u0435\u0440\u0438\u0442\u044c\u0441\u044f, \u0447\u0442\u043e \u043f\u0435\u0440\u0435\u0434 \u043d\u0430\u043c\u0438 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0430 VK. \u042d\u0442\u043e\u0442 \u043c\u0435\u0442\u043e\u0434 \u043a\u043e\u0441\u0432\u0435\u043d\u043d\u044b\u0439, \u0434\u0430\u0436\u0435 \u043a\u043e\u0441\u0442\u044b\u043b\u044c\u043d\u044b\u0439, \u043d\u043e \u043e\u043d \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442.<\/p>\n<p>\u0415\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u0430\u044f \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0430, \u0433\u0434\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043f\u043e URL \u0444\u0440\u0435\u0439\u043c\u0430 \u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0431\u0435\u0441\u043f\u043e\u043b\u0435\u0437\u043d\u044b\u043c \u2014 \u044d\u0442\u043e Smart Market. \u0424\u0440\u0435\u0439\u043c \u0437\u0434\u0435\u0441\u044c \u0447\u0438\u0441\u0442\u044b\u0439, URL \u043f\u0443\u0441\u0442\u043e\u0439, \u043d\u0438\u043a\u0430\u043a\u0438\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043d\u0435 \u043f\u0435\u0440\u0435\u0434\u0430\u0435\u0442 \u2014 \u043d\u0435 \u0437\u0430 \u0447\u0442\u043e \u0443\u0446\u0435\u043f\u0438\u0442\u044c\u0441\u044f. \u0412 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u044e \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0443 \u0447\u0435\u0440\u0435\u0437 \u044f\u0432\u043d\u043e\u0435 \u043f\u0440\u043e\u043a\u0438\u0434\u044b\u0432\u0430\u043d\u0438\u0435 get-\u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430 _platform &#8212; ?_platform=SMARTMARKET<\/p>\n<h3>\u041a\u0430\u043a SDK \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u0442 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044e \u0438 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u043a \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0435<\/h3>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/49f\/7ee\/47b\/49f7ee47b7fea34b02fe00b4337eddfe.png\" alt=\"\" title=\"\" width=\"1211\" height=\"825\"><\/figure>\n<p>\u041f\u043e\u0441\u043b\u0435 \u0442\u043e\u0433\u043e \u043a\u0430\u043a \u0441\u0435\u0440\u0432\u0438\u0441 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u043b \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0443, \u0434\u043b\u044f \u043d\u0435\u0435 \u043d\u0443\u0436\u043d\u043e \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u0443\u044e \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044e. \u0412 \u043d\u0435\u0435 \u0432\u0445\u043e\u0434\u044f\u0442 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0431\u0430\u043d\u043d\u0435\u0440\u043e\u0432 (\u0447\u0430\u0441\u0442\u043e\u0442\u0430 \u043f\u043e\u043a\u0430\u0437\u0430 \u0438 \u0430\u0432\u0442\u043e\u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f, ID \u0438 \u0440\u0430\u0437\u043c\u0435\u0440\u044b \u0431\u043b\u043e\u043a\u043e\u0432), \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043e\u0431 \u0438\u0433\u0440\u0435, ID \u0441\u0447\u0435\u0442\u0447\u0438\u043a\u043e\u0432 \u043c\u0435\u0442\u0440\u0438\u043a, \u043f\u043e\u043b\u044f \u0438\u0433\u0440\u043e\u043a\u0430, \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0438 \u043c\u043d\u043e\u0433\u043e \u0434\u0440\u0443\u0433\u043e\u0439 \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0439 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438.<\/p>\n<p>\u0417\u0430 \u043d\u0435\u0439 SDK \u043e\u0431\u0440\u0430\u0449\u0430\u0435\u0442\u0441\u044f \u043a \u0441\u0435\u0440\u0432\u0435\u0440\u0443 \u0438 \u043f\u0430\u0440\u0430\u043b\u043b\u0435\u043b\u044c\u043d\u043e \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0442\u044c \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 SDK \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0438 \u0438 \u0441\u0430\u043c\u0443 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0438 \u2014 \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u042f\u043d\u0434\u0435\u043a\u0441 SDK \u0438\u043b\u0438 VK Bridge.&nbsp;<\/p>\n<p>\u042f \u0440\u0435\u0448\u0438\u043b \u0440\u0430\u0437\u0431\u0438\u0442\u044c \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0430\u043c\u0438 \u043d\u0430 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0435 \u0447\u0430\u043d\u043a\u0438 \u0447\u0435\u0440\u0435\u0437 Webpack \u2014 \u043a\u0430\u0436\u0434\u044b\u0439 \u0447\u0430\u043d\u043a \u2014 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0430\u044f \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0430. \u042d\u0442\u043e \u0440\u0435\u0448\u0438\u043b\u043e \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u0432\u0435\u0441\u0430 \u043f\u0440\u0438 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0443 \u043f\u043e\u0434 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0443 \u0433\u0440\u0443\u0437\u0438\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0443\u0436\u043d\u044b\u0439 \u0447\u0430\u043d\u043a.<\/p>\n<pre><code class=\"typescript\">const toolsBundles: Record&lt;PlatformType, PlatformChunk&gt; = {     [PlatformType.YANDEX]: () =&gt; import(\/* webpackChunkName: 'platforms\/platform.yandex' *\/ '.\/tools\/getYandexTools'),     [PlatformType.VK]: () =&gt; import(\/* webpackChunkName: 'platforms\/platform.vk' *\/ '.\/tools\/getVKTools'),     [PlatformType.OK]: () =&gt; import(\/* webpackChunkName: 'platforms\/platform.ok' *\/ '.\/tools\/getOKTools'),     \/\/ ... };<\/code><\/pre>\n<p><em>\u041f\u0440\u0438\u043c\u0435\u0440 \u0441\u043f\u0438\u0441\u043a\u0430 \u0447\u0430\u043d\u043a\u043e\u0432<\/em><\/p>\n<p>\u0423 \u0432\u0441\u0435\u0445 \u043f\u043b\u043e\u0449\u0430\u0434\u043e\u043a \u0440\u0430\u0437\u043d\u0430\u044f \u043b\u043e\u0433\u0438\u043a\u0430, \u043a\u043e\u0434, \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u0432 \u0438 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b, \u0442\u0430\u043a \u0447\u0442\u043e \u044f \u0434\u0435\u0440\u0436\u0443 \u0432 \u0431\u0430\u043d\u0434\u043b\u0435 \u043e\u0431\u0435\u0440\u0442\u043a\u0443, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0432\u0435\u0440\u043d\u0435\u0442 \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 SDK \u0442\u043e, \u0447\u0442\u043e \u043c\u043d\u0435 \u043d\u0443\u0436\u043d\u043e. \u0412\u043e\u0442 \u043f\u0440\u0438\u043c\u0435\u0440 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u043e\u0439:<\/p>\n<pre><code class=\"typescript\">export default async function getYandexTools(tools: PlatformBootupTools) {     const sdk = new YandexSDK(tools.gp, {});      \/\/ \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u0435\u043c SDK     const [, , projectConfig] = await Promise.all([         \/\/ \u041d\u0430\u0447\u0438\u043d\u0430\u0435\u043c \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0442\u044c SDK         sdk.init(),         \/\/ \u041d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u043c \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430         tools.setupStorage([new YandexStorage(sdk), new YandexPlayerStorage(sdk)]),         \/\/ \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u043a\u043e\u043d\u0444\u0438\u0433 \u0441 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 \u0441 \u0443\u0447\u0435\u0442\u043e\u043c \u044f\u0437\u044b\u043a\u0430 \u0438\u0433\u0440\u043e\u043a\u0430         tools.fetchConfig(sdk.lang),     ]);      \/\/ \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u0430\u0434\u0430\u043f\u0442\u0435\u0440\u044b \u043f\u043e\u0434 SDK     const adsAdapter = new YandexAdsAdapter(sdk, projectConfig.platformConfig);     const appAdapter = new YandexAppAdapter(sdk);     const playerAdapter = new YandexPlayerAdapter(sdk);     const platformAdapter = new YandexPlatformAdapter(sdk);     const socialsAdapter = new YandexSocialsAdapter(sdk);     const paymentsAdapter = new YandexPaymentsAdapter(sdk);      return {         adsAdapter,         appAdapter,         playerAdapter,         platformAdapter,         socialsAdapter,         paymentsAdapter,         projectConfig,     }; }<\/code><\/pre>\n<p>\u0417\u0430\u0442\u0435\u043c \u044f \u043f\u043e\u043b\u0443\u0447\u0430\u044e \u043d\u0443\u0436\u043d\u044b\u0435 \u0430\u0434\u0430\u043f\u0442\u0435\u0440\u044b \u043e\u0442 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0438 \u0438 \u0441\u043a\u0430\u0440\u043c\u043b\u0438\u0432\u0430\u044e \u0438\u0445 \u0432 \u043c\u043e\u0434\u0443\u043b\u0438 \u043c\u043e\u0435\u0433\u043e SDK.<\/p>\n<pre><code class=\"javascript\">const platformTools = await getToolsByPlatform({ platformType, tools });  const {     adsAdapter,     playerAdapter,     platformAdapter,     socialsAdapter,     paymentsAdapter,     projectConfig,     appAdapter, } = platformTools;  const platform = new Platform(platformAdapter); const ads = new Ads(adsAdapter, projectConfig.asdConfig); const app = new App(appAdapter, projectConfig.project); const socials = new Socials(socialsAdapter); const player = new Player(playerAdapter, projectConfig.playerFields); const payments = new Payments(paymentsAdapter); const variables = new GameVariables(projectConfig.gameVariables); const achievements = new Achievements(projectConfig.achievements);<\/code><\/pre>\n<p>\u0420\u0430\u0431\u043e\u0442\u0430\u044f \u0441 \u0435\u0434\u0438\u043d\u044b\u043c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043e\u043c, \u044f, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u044e, \u0447\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u0443, \u0430 \u043e\u0431\u0435\u0440\u0442\u043a\u0430 \u0437\u043d\u0430\u0435\u0442, \u043a\u0430\u043a \u044d\u0442\u043e \u0432\u044b\u0437\u0432\u0430\u0442\u044c, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432 \u042f\u043d\u0434\u0435\u043a\u0441 SDK \u0438\u043b\u0438 \u0432 VK Bridge. \u0412 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u043d\u0435 \u0432\u0430\u0436\u043d\u043e, \u043a \u043a\u0430\u043a\u043e\u0439 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0435 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0430 \u0438\u0433\u0440\u0430, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u043f\u0440\u0438\u0434\u0435\u0442 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u0439.<\/p>\n<pre><code class=\"typescript\">export default abstract class AbstractAdsAdapter {     isStickyAvailable: boolean;     isFullscreenAvailable: boolean;     isRewardedAvailable: boolean;     isPreloaderAvailable: boolean;      async showPreloader(banner: Banner): Promise&lt;boolean&gt; {         return Promise.resolve(true);     }     async showFullscreen(banner: Banner): Promise&lt;boolean&gt; {         return Promise.resolve(true);     }     async showRewardedVideo(banner: Banner): Promise&lt;boolean&gt; {         return Promise.resolve(true);     }     async showSticky(banner: Banner): Promise&lt;boolean&gt; {         return Promise.resolve(true);     }     async refreshSticky(banner: Banner): Promise&lt;boolean&gt; {         return Promise.resolve(true);     }     async closeSticky() {} }<\/code><\/pre>\n<p><em>\u041f\u0440\u0438\u043c\u0435\u0440 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u0434\u043b\u044f \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u043e\u0433\u043e \u0430\u0434\u0430\u043f\u0442\u0435\u0440\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0434\u043e\u043b\u0436\u043d\u0430 \u0443\u0434\u043e\u0432\u043b\u0435\u0442\u0432\u043e\u0440\u0438\u0442\u044c \u0438\u043c\u043f\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0433\u043e \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u043e\u0433\u043e \u0430\u0434\u0430\u043f\u0442\u0435\u0440\u0430 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0438<\/em><\/p>\n<h3>\u0427\u0435\u0433\u043e \u0435\u0449\u0435 \u043d\u0435 \u0445\u0432\u0430\u0442\u0430\u043b\u043e \u0432 \u043f\u0435\u0440\u0432\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u0430<\/h3>\n<figure class=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/66e\/20c\/187\/66e20c187f56b228533d692ac1f7e9d2.png\" alt=\"\" title=\"\" width=\"343\" height=\"241\"><\/figure>\n<p>\u041d\u0430 \u0431\u044d\u043a\u0435\u043d\u0434\u0435 \u043d\u0443\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043a\u0430\u043a\u0443\u044e-\u0442\u043e \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044e. \u042f \u0440\u0435\u0448\u0438\u043b \u043d\u0435 \u043f\u0430\u0440\u0438\u0442\u044c\u0441\u044f, \u0438 \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0441\u044f \u0433\u043e\u0442\u043e\u0432\u044b\u043c \u0440\u0435\u0448\u0435\u043d\u0438\u0435\u043c \u043e\u0442 Google. \u0418\u043d\u0430\u0447\u0435 \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u0431\u044b \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0443 \u0441\u0435\u0431\u044f \u043b\u043e\u0433\u0438\u043d\u044b \u0438 \u043f\u0430\u0440\u043e\u043b\u0438, \u0432\u043e\u0437\u0438\u0442\u044c\u0441\u044f \u0441 \u0432\u043e\u0441\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0445, \u0431\u043e\u0440\u043e\u0442\u044c\u0441\u044f \u0441 \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0439 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u0438\u0435\u0439 \u0438 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435. \u0410 \u0442\u0430\u043a \u044d\u0442\u0438 \u043c\u043e\u043c\u0435\u043d\u0442\u044b \u0437\u0430 \u043c\u0435\u043d\u044f \u0440\u0435\u0448\u0430\u0435\u0442 Google-\u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044f. \u041d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u0448\u0443\u0442\u044f\u0442, \u0447\u0442\u043e \u043f\u043e\u0440\u0430 \u0434\u0435\u043b\u0430\u0442\u044c \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044e \u0447\u0435\u0440\u0435\u0437 \u042f\u043d\u0434\u0435\u043a\u0441, \u043d\u043e \u044f \u0435\u0449\u0435 \u043d\u0430\u0434\u0435\u044e\u0441\u044c, \u0447\u0442\u043e Google \u0432 \u0420\u043e\u0441\u0441\u0438\u0438 \u043d\u0435 \u0437\u0430\u0431\u0430\u043d\u044f\u0442.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/c2f\/c21\/e55\/c2fc21e55aba03a46bdd8e586c96f3a3.png\" alt=\"\u0421\u043f\u0438\u0441\u043e\u043a \u0438\u0433\u0440\u043e\u043a\u043e\u0432 \u0441 \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u043c\u044b\u043c\u0438 \u043f\u043e\u043b\u044f\u043c\u0438\" title=\"\u0421\u043f\u0438\u0441\u043e\u043a \u0438\u0433\u0440\u043e\u043a\u043e\u0432 \u0441 \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u043c\u044b\u043c\u0438 \u043f\u043e\u043b\u044f\u043c\u0438\" width=\"737\" height=\"569\"><\/p>\n<div><figcaption><em>\u0421\u043f\u0438\u0441\u043e\u043a \u0438\u0433\u0440\u043e\u043a\u043e\u0432 \u0441 \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u043c\u044b\u043c\u0438 \u043f\u043e\u043b\u044f\u043c\u0438<\/em><\/figcaption><\/div>\n<\/figure>\n<p>\u041c\u043e\u0439 \u0441\u0435\u0440\u0432\u0438\u0441 \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u043b \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u0433\u0440\u043e\u043a\u043e\u0432 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0435 \u2014 \u043f\u043e \u0441\u0443\u0442\u0438, \u0432 \u043b\u044e\u0431\u043e\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u043c \u0444\u043e\u0440\u043c\u0430\u0442\u0435. \u041c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u0441\u043f\u0438\u0441\u043e\u043a \u043f\u043e\u043b\u0435\u0439, \u0442\u0438\u043f\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438 \u0442\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0442\u044c \u0435\u0433\u043e \u043f\u043e\u0434 \u043d\u0443\u0436\u0434\u044b \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0439 \u0438\u0433\u0440\u044b.&nbsp;<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/6b4\/f61\/3cb\/6b4f613cb43d23fdd5776e6bebb117ad.png\" alt=\"\" title=\"\" width=\"950\" height=\"927\"><\/figure>\n<p>\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u043b\u0438\u0434\u0435\u0440\u0431\u043e\u0440\u0434 \u043f\u043e \u0443\u0440\u043e\u0432\u043d\u044e \u0438\u0433\u0440\u043e\u043a\u0430 \u0438 \u043f\u043e \u043e\u043f\u044b\u0442\u0443 \u2014 \u043d\u0443\u0436\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b. \u041a\u0441\u0442\u0430\u0442\u0438, \u0432\u043f\u043e\u0441\u043b\u0435\u0434\u0441\u0442\u0432\u0438\u0438 \u0433\u0438\u0431\u043a\u043e\u0441\u0442\u044c \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f \u043b\u0438\u0434\u0435\u0440\u0431\u043e\u0440\u0434\u043e\u0432 \u0441\u044b\u0433\u0440\u0430\u043b\u0430 \u0437\u043b\u0443\u044e \u0448\u0443\u0442\u043a\u0443, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043a\u043e\u0433\u0434\u0430 \u0443 \u0442\u0435\u0431\u044f \u043d\u0435 100 \u0442\u044b\u0441\u044f\u0447 \u0438\u0433\u0440\u043e\u043a\u043e\u0432, \u0430 100 \u043c\u0438\u043b\u043b\u0438\u043e\u043d\u043e\u0432, \u0441\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438\u0445 \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u0441\u043b\u043e\u0436\u043d\u043e\u0432\u0430\u0442\u043e.<\/p>\n<p>\u0421 \u044d\u0442\u0438\u043c \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u043c \u043d\u0430\u0431\u043e\u0440\u043e\u043c \u0444\u0438\u0447 \u044f \u043f\u0440\u0438\u0448\u0435\u043b \u043a \u0437\u043d\u0430\u043a\u043e\u043c\u044b\u043c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c HTML-\u0438\u0433\u0440 \u0438 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u043b \u043f\u0440\u043e\u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0435\u0440\u0432\u0438\u0441. \u0410\u043d\u0430\u043b\u043e\u0433\u0438 \u0442\u043e\u0433\u0434\u0430 \u0440\u0430\u0431\u043e\u0442\u0430\u043b\u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u0441 \u0438\u043d\u043e\u0441\u0442\u0440\u0430\u043d\u043d\u044b\u043c\u0438 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0430\u043c\u0438, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, GameArter, \u0430 \u0443 \u043c\u0435\u043d\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u043b\u0438\u0441\u044c \u042f\u043d\u0434\u0435\u043a\u0441 \u0418\u0433\u0440\u044b, VK \u0438 \u041e\u0434\u043d\u043e\u043a\u043b\u0430\u0441\u0441\u043d\u0438\u043a\u0438, \u0442\u0430\u043a \u0447\u0442\u043e \u0438\u0434\u0435\u044e \u043f\u043e\u0434\u0445\u0432\u0430\u0442\u0438\u043b\u0438 \u0441 \u044d\u043d\u0442\u0443\u0437\u0438\u0430\u0437\u043c\u043e\u043c. \u0423\u0436\u0435 \u0447\u0435\u0440\u0435\u0437 \u043d\u0435\u0434\u0435\u043b\u044e \u0443 \u043c\u0435\u043d\u044f \u0431\u044b\u043b \u0434\u043b\u0438\u043d\u043d\u044e\u0449\u0438\u0439 \u0431\u044d\u043a\u043b\u043e\u0433 \u0441 \u0440\u0430\u0437\u043d\u044b\u043c\u0438 \u0445\u043e\u0442\u0435\u043b\u043a\u0430\u043c\u0438 \u043e\u0442 \u0431\u0435\u0442\u0430-\u0442\u0435\u0441\u0442\u0435\u0440\u043e\u0432, \u0442\u0430\u043a \u0447\u0442\u043e&nbsp; \u044f \u0441\u0442\u0430\u043b \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0442\u044c \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0443 \u0438 \u043f\u0440\u0438\u043a\u0440\u0443\u0447\u0438\u0432\u0430\u0442\u044c \u043d\u043e\u0432\u044b\u0435 \u0444\u0438\u0447\u0438.<\/p>\n<h2>\u0427\u0442\u043e \u043f\u043e\u0434 \u043a\u0430\u043f\u043e\u0442\u043e\u043c<\/h2>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/ef0\/c40\/56b\/ef0c4056b30e6f292d6dc2da4a5a540c.png\" alt=\"\" title=\"\" width=\"1206\" height=\"828\"><\/figure>\n<p>\u0412 \u043d\u0430\u0447\u0430\u043b\u0435 \u0443 \u043c\u0435\u043d\u044f \u0431\u044b\u043b \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u043d\u0430\u0431\u043e\u0440 \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432. \u041f\u0440\u0435\u0436\u0434\u0435 \u0432\u0441\u0435\u0433\u043e \u044d\u0442\u043e API \u043d\u0430 Node.js, \u0431\u0430\u0437\u0430 \u0434\u0430\u043d\u043d\u044b\u0445 MongoDB, Nginx \u0438 \u0430\u0434\u043c\u0438\u043d\u043a\u0430 \u043d\u0430 Nuxt 2 \/ TypeScript, SDK \u0442\u043e\u043b\u044c\u043a\u043e TypeScript. \u041f\u043b\u044e\u0441 \u0438\u0433\u0440\u043e\u0432\u043e\u0439 \u043e\u0432\u0435\u0440\u043b\u0435\u0439 \u043d\u0430 Preact.<\/p>\n<h3>Deploy<\/h3>\n<p>\u0412\u0441\u0435 \u044d\u0442\u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u044b \u0437\u0430\u0432\u0435\u0440\u043d\u0443\u0442\u044b \u0432 Docker \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u044b \u0438 \u043e\u0440\u043a\u0435\u0441\u0442\u0440\u0438\u0440\u0443\u044e\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 Docker Compose.<\/p>\n<p>\u042f \u0441\u0440\u0430\u0437\u0443 \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u043b CI\/CD \u0447\u0435\u0440\u0435\u0437 GitlabCI. \u041a\u0430\u043a \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0443\u0448\u0443 \u0441\u0435\u0440\u0432\u0438\u0441 \u0432 \u043c\u0430\u0441\u0442\u0435\u0440, \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0441\u044f \u0431\u0438\u043b\u0434 \u0441 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u043e\u043c \u0438 \u0437\u0430\u0442\u0435\u043c \u0432\u044b\u043b\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u043f\u0440\u043e\u0434\u0430\u043a\u0448\u0435\u043d \u0441\u0435\u0440\u0432\u0435\u0440. \u041f\u043e \u0441\u0443\u0442\u0438, \u044d\u0442\u043e \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0439 CI\/CD pipeline. \u042f \u0440\u0435\u0448\u0438\u043b \u0432\u043a\u0440\u0443\u0442\u0438\u0442\u044c \u0435\u0433\u043e \u0441 \u0441\u0430\u043c\u043e\u0433\u043e \u043d\u0430\u0447\u0430\u043b\u0430, \u0447\u0442\u043e\u0431\u044b \u043d\u0435 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u043b\u043e\u0441\u044c \u0432\u044b\u043b\u0438\u0432\u0430\u0442\u044c \u0447\u0442\u043e-\u0442\u043e \u0432\u0440\u0443\u0447\u043d\u0443\u044e.<\/p>\n<p>\u041f\u043e\u043d\u0430\u0447\u0430\u043b\u0443 \u044d\u0442\u043e \u0431\u044b\u043b\u0430 \u043f\u0440\u043e\u0441\u0442\u043e \u0441\u0431\u043e\u0440\u043a\u0430 \u0431\u0438\u043b\u0434\u0430 \u0441\u0435\u0440\u0432\u0438\u0441\u0430 \u0438 \u0440\u0430\u0441\u043a\u0430\u0442\u043a\u0430 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440. \u0415\u0441\u0442\u044c \u043c\u043d\u043e\u0433\u043e \u0441\u0442\u0430\u0442\u0435\u0439 \u043f\u0440\u043e \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0443 CI\/CD \u0432 gitlab, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, <a href=\"https:\/\/habr.com\/ru\/companies\/softmart\/articles\/310502\/\" rel=\"noopener noreferrer nofollow\"><u>GitLab CI: \u0423\u0447\u0438\u043c\u0441\u044f \u0434\u0435\u043f\u043b\u043e\u0438\u0442\u044c<\/u><\/a> \u2014 \u0432 \u043d\u0435\u0439 \u0441\u043e\u0431\u0440\u0430\u043d\u044b \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 GitlabCI.<\/p>\n<p>\u041f\u0440\u0438\u043c\u0435\u0440 \u043c\u043e\u0435\u0433\u043e \u043a\u043e\u043d\u0444\u0438\u0433\u0430 .gitlab-ci.ym \u0434\u043b\u044f \u0434\u0435\u043f\u043b\u043e\u044f \u043d\u0430 \u043f\u0440\u043e\u0434:<\/p>\n<pre><code class=\"yaml\">variables:   IMAGE: gamepush\/api:latest  deploy:   image: docker:19   services:     - docker:19-dind   stage: deploy   only:     - master   before_script:     - docker login -u $CI_DOCKERHUB_LOGIN -p $CI_DOCKERHUB_PASSWORD     - docker build --pull --cache-from $IMAGE -t $IMAGE .     - docker push $IMAGE     - apk add --update openssh     - eval $(ssh-agent -s)     - echo \"$SSH_PRIVATE_KEY\" | tr -d '\\r' | ssh-add - &gt; \/dev\/null     - mkdir -p ~\/.ssh     - chmod 700 ~\/.ssh     - ssh-keyscan $CI_DEPLOY_PROD_HOST &gt;&gt; ~\/.ssh\/known_hosts     - chmod 644 ~\/.ssh\/known_hosts    script:   - ssh root@$CI_DEPLOY_PROD_HOST \"cd \/var\/www\/gamepush-deploy\/; \\                                     sudo docker pull $IMAGE; \\                                     sudo docker-compose up -d --no-deps --build api; \\                                     docker image prune -a -f;\"<\/code><\/pre>\n<p>\u041f\u043e\u0440\u044f\u0434\u043e\u043a \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439:<\/p>\n<ul>\n<li>\n<p>\u041b\u043e\u0433\u0438\u043d\u0438\u043c\u0441\u044f \u0432 \u0434\u043e\u043a\u0435\u0440, \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u043c \u0431\u0438\u043b\u0434 \u0438 \u043f\u0443\u0448\u0438\u043c \u043e\u0431\u0440\u0430\u0437;<\/p>\n<\/li>\n<li>\n<p>\u0423\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u043c\u043e\u0434\u0443\u043b\u044c openssh \u043f\u0440\u044f\u043c\u043e \u0432 \u0440\u0430\u043d\u043d\u0435\u0440\u0435, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c\u0441\u044f \u043a \u043d\u0430\u0448\u0435\u0439 \u0443\u0434\u0430\u043b\u0435\u043d\u043d\u043e\u0439 \u043c\u0430\u0448\u0438\u043d\u0435;<\/p>\n<\/li>\n<li>\n<p>\u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043f\u0440\u0438\u0432\u0430\u0442\u043d\u044b\u0439 \u043a\u043b\u044e\u0447 \u0441 \u043a\u043e\u0442\u043e\u0440\u044b\u043c \u043f\u043e\u0439\u0434\u0435\u043c \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440. \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0441\u0435\u0440\u0432\u0435\u0440 \u0432 \u0434\u043e\u0432\u0435\u0440\u0435\u043d\u043d\u044b\u0435 \u0445\u043e\u0441\u0442\u044b;<\/p>\n<\/li>\n<li>\n<p>\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u043c\u0441\u044f \u043a \u0441\u0435\u0440\u0432\u0435\u0440\u0443, \u043f\u0443\u043b\u0438\u043c \u043e\u0431\u0440\u0430\u0437, \u0447\u0435\u0440\u0435\u0437 docker-compose \u043f\u0435\u0440\u0435\u0441\u043e\u0437\u0434\u0430\u0435\u043c \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0441 \u043d\u043e\u0432\u044b\u043c \u0431\u0438\u043b\u0434\u043e\u043c \u0438 \u0447\u0438\u0441\u0442\u0438\u043c \u0441\u0442\u0430\u0440\u044b\u0435 \u0431\u0438\u043b\u0434\u044b \u0447\u0435\u0440\u0435\u0437 docker image prune, \u0447\u0442\u043e\u0431\u044b \u0441\u044d\u043a\u043e\u043d\u043e\u043c\u0438\u0442\u044c \u043c\u0435\u0441\u0442\u043e.<\/p>\n<\/li>\n<\/ul>\n<h3>SDK<\/h3>\n<p>\u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 SDK \u2014 \u044d\u0442\u043e \u043e\u0431\u044b\u0447\u043d\u0430\u044f JS-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430, \u0435\u0435 \u043d\u0443\u0436\u043d\u043e \u0433\u0434\u0435-\u0442\u043e \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u0442\u043e\u043c \u043a \u043d\u0435\u0439 \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f. \u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u044f \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u043b \u0435\u0435 \u0432 \u043f\u0430\u043f\u043a\u0443 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0435, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u043e\u0441\u043f\u043e\u0441\u043e\u0431\u043d\u043e\u0441\u0442\u044c \u0441\u0442\u0430\u0440\u044b\u0445 \u0432\u0435\u0440\u0441\u0438\u0439 \u043f\u0440\u0438 \u0440\u0435\u043b\u0438\u0437\u0435 \u043d\u043e\u0432\u043e\u0439, \u044f \u0445\u0440\u0430\u043d\u0438\u043b \u0442\u0430\u043c \u0432\u0441\u0435 \u0441\u0431\u043e\u0440\u043a\u0438 SDK.<\/p>\n<p>\u041a\u043e\u043d\u0435\u0447\u043d\u043e, \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0432\u0435\u0440\u0441\u0438\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 SDK, \u043d\u043e \u044f \u043e\u0442\u043a\u0430\u0437\u0430\u043b\u0441\u044f \u043e\u0442 \u044d\u0442\u043e\u0439 \u0438\u0434\u0435\u0438, \u0447\u0442\u043e\u0431\u044b \u0432 \u043b\u044e\u0431\u043e\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u043f\u043e\u0444\u0438\u043a\u0441\u0438\u0442\u044c \u0431\u0430\u0433\u0438 \u0438\u043b\u0438 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b \u0431\u0435\u0437 \u043f\u0435\u0440\u0435\u0441\u0431\u043e\u0440\u043a\u0438 \u0431\u0438\u043b\u0434\u0430 \u0441 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435\u043c \u0432\u0435\u0440\u0441\u0438\u0438 SDK.<\/p>\n<p>\u0421 \u044d\u0442\u0438\u043c \u0441\u0432\u044f\u0437\u0430\u043d\u0430 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430. \u0415\u0441\u043b\u0438 \u044f \u0432\u044b\u043b\u043e\u0436\u0438\u043b \u043d\u043e\u0432\u0443\u044e \u0432\u0435\u0440\u0441\u0438\u044e SDK, \u0430 \u0443 \u0438\u0433\u0440\u043e\u043a\u0430, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0432 VK, \u0437\u0430\u043a\u0435\u0448\u0438\u0440\u043e\u0432\u0430\u043b\u0430\u0441\u044c \u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u043b\u0430\u0441\u044c \u0441\u0442\u0430\u0440\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u044f, \u0442\u043e \u043e\u043d \u043c\u043e\u0436\u0435\u0442 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u043d\u043e\u0432\u044b\u0439 \u0447\u0430\u043d\u043a \u0441 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u043c\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0435 \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u044b \u0441 \u043d\u043e\u0432\u044b\u043c SDK. \u042d\u0442\u0430 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0440\u0435\u0448\u0430\u0435\u0442\u0441\u044f Webpack \u0438\u0437 \u043a\u043e\u0440\u043e\u0431\u043a\u0438. \u041e\u043d \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u0442 \u0445\u044d\u0448\u0438 \u043f\u0440\u0438 \u0441\u0431\u043e\u0440\u043a\u0435, \u0438 \u043f\u0440\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0435 \u0441\u0442\u0430\u0440\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 SDK, \u0442\u044f\u043d\u0435\u0442\u0441\u044f \u0441\u0442\u0430\u0440\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f VK-\u0430\u0434\u0430\u043f\u0442\u0435\u0440\u0430. \u0422\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0432\u0441\u0435 \u0432\u0435\u0440\u0441\u0438\u0438 \u0441\u0440\u0430\u0437\u0443.<\/p>\n<p>\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0441\u0431\u043e\u0440\u043e\u043a SDK \u0441\u043e \u0432\u0441\u0435\u043c\u0438 \u0447\u0430\u043d\u043a\u0430\u043c\u0438 \u0440\u043e\u0441\u043b\u043e, \u043a\u0430\u043a\u0438\u0435 \u0431\u0438\u043b\u0434\u044b \u0443\u0436\u0435 \u043d\u0435 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b, \u0430 \u043a\u0430\u043a\u0438\u0435 \u0435\u0449\u0435 \u043c\u043e\u0433\u043b\u0438 \u0431\u044b\u0442\u044c \u0432 \u043a\u0435\u0448\u0435, \u2014 \u043d\u0435\u0438\u0437\u0432\u0435\u0441\u0442\u043d\u043e. \u041d\u0435 \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u043f\u0435\u0440\u0438\u043e\u0434\u0438\u0447\u0435\u0441\u043a\u0438 \u043f\u043e\u0434\u0447\u0438\u0449\u0430\u0442\u044c \u0441\u0442\u0430\u0440\u044b\u0435 \u0441\u0431\u043e\u0440\u043a\u0438, \u0431\u043e\u043b\u0435\u0435 \u0442\u043e\u0433\u043e, \u043d\u0435 \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u0432\u043e\u043e\u0431\u0449\u0435 \u043e\u0431 \u044d\u0442\u043e\u043c \u0431\u0435\u0441\u043f\u043e\u043a\u043e\u0438\u0442\u044c\u0441\u044f&#8230; \u0422\u0430\u043a \u0447\u0442\u043e \u044f \u043f\u0435\u0440\u0435\u0437\u0430\u043b\u0438\u043b \u044d\u0442\u043e \u0432\u0441\u0435 \u043d\u0430 S3. \u0422\u0435\u043f\u0435\u0440\u044c \u043d\u043e\u0432\u044b\u0435 \u0431\u0438\u043b\u0434\u044b \u0432\u044b\u043b\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0441\u0440\u0430\u0437\u0443 \u0442\u0443\u0434\u0430, \u0438 \u044f \u043d\u0435 \u043f\u0435\u0440\u0435\u0436\u0438\u0432\u0430\u044e \u043e \u043f\u0435\u0440\u0435\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0438 \u0438 \u043a\u0430\u043a\u043e\u043c-\u043b\u0438\u0431\u043e \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0435. \u041f\u0440\u0430\u0432\u0434\u0430, \u0447\u0442\u0435\u043d\u0438\u0435 \u0441 S3 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u043d\u0435 \u0431\u044b\u0441\u0442\u0440\u043e, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u044f \u0441\u043f\u0440\u044f\u0442\u0430\u043b S3 \u0437\u0430 Nginx \u0438 \u043a\u044d\u0448\u0438\u0440\u0443\u044e \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 SDK \u0438 \u0447\u0430\u043d\u043a\u0438, \u0430 \u0437\u0430\u0442\u0435\u043c \u0438 \u0432\u043e\u0432\u0441\u0435 \u0437\u0430\u043a\u0440\u044b\u043b \u0432\u0441\u0435 CDN \u043e\u0442 Cloudflare.<\/p>\n<p>\u041f\u0440\u0438\u043c\u0435\u0440 \u043a\u043e\u043d\u0444\u0438\u0433\u0430 \u0434\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0444\u0430\u0439\u043b\u043e\u0432 SDK \u0438\u0437 S3 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430:<\/p>\n<pre><code class=\"nginx\">server {     server_name s3.gamepush.com;      add_header 'Access-Control-Allow-Origin' '*' always;     add_header 'Access-Control-Allow-Methods' 'GET, OPTIONS' always;      proxy_ssl_name gp.s3provider.com;     proxy_ssl_server_name on;     proxy_http_version 1.1;     proxy_set_header Host gp.s3provider.com;     proxy_intercept_errors  on;     proxy_cache off;     proxy_read_timeout 300s;     proxy_connect_timeout 75s;     # gzip \u0438\u0437 \u043a\u043e\u0440\u043e\u0431\u043a\u0438 \u0432 Cloudflare     gzip off;      location \/files\/ {         proxy_pass     https:\/\/gp.s3provider.com\/files\/;     } } <\/code><\/pre>\n<p>\u0418 \u0437\u0430\u0442\u0435\u043c \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 SDK\u043f\u0440\u043e\u043a\u0441\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u043d\u0430 \u0441\u0432\u043e\u0439 S3 \u0434\u043e\u043c\u0435\u043d \u0441 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u043c \u043a\u0435\u0448\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0432 Nginx \u043d\u0430 \u043c\u0438\u043d\u0443\u0442\u0443.<\/p>\n<pre><code class=\"nginx\">server {     server_name gamepush.com;      location ^~ \/sdk\/ {         set $args '';         # gzip \u0438\u0437 \u043a\u043e\u0440\u043e\u0431\u043a\u0438 \u0432 Cloudflare         gzip off;         proxy_ignore_headers Expires Cache-Control;         proxy_cache sdk;         proxy_cache_valid 200 302 1m;         proxy_ssl_server_name on;         proxy_pass     https:\/\/s3.gamepush.com\/files\/gs\/sdk\/;     } } <\/code><\/pre>\n<p>S3 \u0445\u043e\u0441\u0442 \u0437\u0430\u043a\u0440\u044b\u0442 CDN \u043e\u0442 Cloudflare \u0438 \u043e\u0431\u043c\u0430\u0437\u0430\u043d \u0435\u0433\u043e \u043a\u0435\u0448\u0430\u043c\u0438. \u042d\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0438\u0437-\u0437\u0430 \u0442\u043e\u0433\u043e, \u0447\u0442\u043e S3 \u0441\u0435\u0440\u0432\u0435\u0440 \u0434\u043e\u043b\u0433\u043e \u0438\u0437\u0432\u043b\u0435\u043a\u0430\u0435\u0442 \u0444\u0430\u0439\u043b\u044b \u0438\u0437 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430, \u0438 \u0431\u043e\u043d\u0443\u0441\u043e\u043c CDN \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0441\u0436\u0438\u043c\u0430\u0435\u0442 \u0438\u0445 \u0432 gzip \u0438 brotli.<\/p>\n<p>\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u043f\u0440\u043e\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0440\u0435\u0448\u0430\u0435\u0442 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u043e\u0447\u0438\u0441\u0442\u043a\u0438 \u043a\u044d\u0448\u0430 Cloudflare. \u0415\u0441\u043b\u0438 \u043d\u0435 \u043a\u0443\u043f\u043b\u0435\u043d Enterprise \u043f\u043b\u0430\u043d, \u0441\u043a\u0438\u043d\u0443\u0442\u044c \u043a\u044d\u0448 \u043c\u043e\u0436\u043d\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u044f\u0432\u043d\u043e \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u044f \u0441\u043f\u0438\u0441\u043e\u043a \u0438\u0441\u0442\u043e\u0447\u043d\u0438\u043a\u043e\u0432 \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043d\u0443\u0436\u043d\u043e \u043e\u0447\u0438\u0441\u0442\u0438\u0442\u044c \u043a\u044d\u0448, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 iframe \u0432 \u042f\u043d\u0434\u0435\u043a\u0441\u0435. \u0414\u043e\u043c\u0435\u043d\u044b \u0432\u0441\u0435 \u0440\u0430\u0437\u043d\u044b\u0435, \u0438 \u043b\u0443\u0447\u0448\u0435 \u0435\u0441\u043b\u0438 \u0438\u0441\u0442\u043e\u0447\u043d\u0438\u043a \u0431\u0443\u0434\u0435\u0442 \u043e\u0434\u0438\u043d, \u0432 \u043c\u043e\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u2014 \u043a\u043e\u0440\u043d\u0435\u0432\u043e\u0439 \u0434\u043e\u043c\u0435\u043d.<\/p>\n<p>\u0421\u0430\u043c \u043a\u043e\u0440\u043d\u0435\u0432\u043e\u0439 \u0434\u043e\u043c\u0435\u043d \u043d\u0435 \u0437\u0430\u043a\u0440\u044b\u0442 CDN. \u041d\u0430 \u043d\u0435\u043c API \u0438 \u0444\u0430\u0439\u043b\u044b SDK, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u0435\u0441\u044f\u0442 \u043d\u0435 \u043c\u043d\u043e\u0433\u043e \u0438 \u0440\u0430\u0437\u0434\u0430\u044e\u0442\u0441\u044f \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e. \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0432 \u0431\u0443\u0434\u0443\u0449\u0435\u043c \u0438\u043c\u0435\u0435\u0442 \u0441\u043c\u044b\u0441\u043b \u0440\u0430\u0437\u0434\u0430\u0432\u0430\u0442\u044c SDK \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e \u0438\u0437 S3, \u0437\u0430\u043a\u0440\u044b\u0442\u043e\u0433\u043e CDN. \u041d\u043e \u0432 \u0441\u043b\u0443\u0447\u0430\u0435 \u0432\u044b\u043a\u0430\u0442\u043a\u0438 SDK \u0441 \u043a\u0440\u0438\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u0431\u0430\u0433\u043e\u043c, \u043e\u0442\u043a\u0430\u0442\u0438\u0442\u044c \u0442\u0430\u043a\u043e\u0435 \u043d\u0435 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0441\u044f, \u043f\u043e\u043a\u0430 \u043d\u0435 \u043f\u0440\u043e\u0442\u0443\u0445\u043d\u0443\u0442 \u043a\u0435\u0448\u0438 CDN \u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432.<\/p>\n<h3>API<\/h3>\n<p>\u0421\u0430\u043c \u0441\u0435\u0440\u0432\u0438\u0441 API \u0441\u0434\u0435\u043b\u0430\u043d \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c <a href=\"https:\/\/graphql.org\/\" rel=\"noopener noreferrer nofollow\"><u>GraphQL<\/u><\/a> \u2014 \u044d\u0442\u043e \u044f\u0437\u044b\u043a \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0434\u043b\u044f API \u043f\u043e\u0432\u0435\u0440\u0445 HTTP. \u0418\u0434\u0435\u044f GraphQL \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u043e\u0434\u0438\u043d \u0441\u0435\u0440\u0432\u0438\u0441 \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442 \u0432 \u0441\u0435\u0431\u0435 \u0432\u0441\u0435 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u044b \u0438 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u0435 \u0434\u0430\u043d\u043d\u044b\u0435, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0443\u0436\u043d\u044b \u043a\u043b\u0438\u0435\u043d\u0442\u0443. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0442\u0435\u0431\u0435 \u043d\u0443\u0436\u0435\u043d \u0441\u043f\u0438\u0441\u043e\u043a \u0434\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u0439 \u0438\u0433\u0440\u043e\u043a\u0430 \u0438 \u0441\u043f\u0438\u0441\u043e\u043a \u043f\u043e\u043a\u0443\u043f\u043e\u043a, \u043d\u043e \u0437\u0430 \u044d\u0442\u043e \u043e\u0442\u0432\u0435\u0447\u0430\u044e\u0442 \u0440\u0430\u0437\u043d\u044b\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u044b. GraphQL-\u0441\u0435\u0440\u0432\u0438\u0441 \u0441\u0430\u043c \u043e\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u0435\u0442 \u044d\u0442\u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u044b \u0438 \u043e\u0442\u0434\u0430\u0435\u0442 \u0442\u043e, \u0447\u0442\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0438\u043b \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c. \u0418\u0437 \u0441\u0430\u043c\u043e\u0439 \u0441\u0445\u0435\u043c\u044b \u043c\u043e\u0436\u043d\u043e \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0442\u0438\u043f\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u044b\u0439 \u0438 \u043a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u0438\u0439 \u043a\u043e\u0434. \u042f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e <a href=\"https:\/\/github.com\/99designs\/gqlgen\" rel=\"noopener noreferrer nofollow\"><u>gqlgen<\/u><\/a> \u0434\u043b\u044f \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u0438 \u0438\u0437 \u0441\u0445\u0435\u043c\u044b \u043d\u0430 Go (API \u0442\u0435\u043f\u0435\u0440\u044c \u043d\u0430 Go, \u043d\u043e \u043e\u0431 \u044d\u0442\u043e\u043c \u0432 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0440\u0430\u0437) \u0438 <a href=\"https:\/\/github.com\/dotansimha\/graphql-code-generator\" rel=\"noopener noreferrer nofollow\"><u>graphql-codegen<\/u><\/a> \u0434\u043b\u044f \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u0438 \u0442\u0438\u043f\u043e\u0432 \u0438 \u043a\u043b\u0438\u0435\u043d\u0442\u0430 \u043d\u0430 \u0444\u0440\u043e\u043d\u0442\u0435.<\/p>\n<p>\u0412\u0441\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u0432 \u0411\u0414 \u0437\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u043c, \u0434\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u044f\u043c\u0438, \u043f\u043e\u043a\u0443\u043f\u043a\u0430\u043c\u0438 \u0438\u043b\u0438 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435\u043c \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u0438\u0433\u0440\u043e\u043a\u0430 \u043a\u0435\u0448\u0438\u0440\u0443\u044e\u0442\u0441\u044f \u043d\u0430 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0432\u0440\u0435\u043c\u044f, \u0438 \u044d\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043e\u0442\u0432\u0435\u0447\u0430\u0442\u044c \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u0431\u044b\u0441\u0442\u0440\u043e, \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u0432 \u043f\u0438\u043a\u043e\u0432\u044b\u0435 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0438. \u041a\u044d\u0448\u0438 \u0441\u0431\u0440\u0430\u0441\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u043f\u0440\u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0438 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438, \u0438 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0437\u0430\u043f\u0440\u043e\u0441 \u043f\u043e\u0439\u0434\u0435\u0442 \u0432 \u0411\u0414 \u0438 \u043e\u0431\u043d\u043e\u0432\u0438\u0442 \u043a\u044d\u0448.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/e29\/a20\/0a4\/e29a200a49198af14a66c5268346dcce.png\" alt=\"\u0421\u0440\u0435\u0434\u043d\u0435\u0435 \u0432\u0440\u0435\u043c\u044f \u043e\u0442\u0432\u0435\u0442\u0430 \u0440\u0430\u0437\u043d\u044b\u0445 \u043c\u0435\u0442\u043e\u0434\u043e\u0432 API&nbsp;\" title=\"\u0421\u0440\u0435\u0434\u043d\u0435\u0435 \u0432\u0440\u0435\u043c\u044f \u043e\u0442\u0432\u0435\u0442\u0430 \u0440\u0430\u0437\u043d\u044b\u0445 \u043c\u0435\u0442\u043e\u0434\u043e\u0432 API&nbsp;\" width=\"921\" height=\"573\"><\/p>\n<div><figcaption><em>\u0421\u0440\u0435\u0434\u043d\u0435\u0435 \u0432\u0440\u0435\u043c\u044f \u043e\u0442\u0432\u0435\u0442\u0430 \u0440\u0430\u0437\u043d\u044b\u0445 \u043c\u0435\u0442\u043e\u0434\u043e\u0432 API&nbsp;<\/em><\/figcaption><\/div>\n<\/figure>\n<p>\u0421\u043e\u0431\u0438\u0440\u0430\u0442\u044c \u044d\u0442\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 prometheus client, \u043e\u0431\u0440\u0430\u0437\u0435\u0446 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0432\u0437\u044f\u0442 <a href=\"https:\/\/github.com\/99designs\/gqlgen-contrib\/blob\/master\/prometheus\/prometheus.go\" rel=\"noopener noreferrer nofollow\"><u>\u0437\u0434\u0435\u0441\u044c<\/u><\/a> (\u0434\u043b\u044f Go).<\/p>\n<p>\u0414\u043b\u044f NodeJS \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0441\u044f <a href=\"https:\/\/github.com\/apollographql\/apollo-server\" rel=\"noopener noreferrer nofollow\"><u>Apollo Server<\/u><\/a>. \u041f\u043b\u0430\u0433\u0438\u043d \u0434\u043b\u044f \u0441\u0431\u043e\u0440\u0430 \u043c\u0435\u0442\u0440\u0438\u043a \u2014 <a href=\"https:\/\/github.com\/bfmatei\/apollo-prometheus-exporter\" rel=\"noopener noreferrer nofollow\"><u>@bmatei\/apollo-prometheus-exporter<\/u><\/a>. \u0418\u0437-\u0437\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f GraphQL-\u0441\u0445\u0435\u043c\u044b \u0431\u044b\u043b\u043e \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u0435\u0440\u0435\u0435\u0445\u0430\u0442\u044c \u043d\u0430 Go, \u0442\u0430\u043a \u043a\u0430\u043a \u0441\u0445\u0435\u043c\u0430 \u0441\u0442\u0440\u043e\u0433\u043e \u0442\u0438\u043f\u0438\u0437\u0438\u0440\u0443\u0435\u0442 \u0438 \u0432\u0445\u043e\u0434\u044f\u0449\u0438\u0435, \u0438 \u0438\u0441\u0445\u043e\u0434\u044f\u0449\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0435, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043e\u0442\u0432\u0435\u0447\u0430\u0435\u0442 \u0437\u0430 \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044e \u0434\u0430\u043d\u043d\u044b\u0445 \u0441\u043e\u0433\u043b\u0430\u0441\u043d\u043e \u0441\u0445\u0435\u043c\u0435. \u0417\u043d\u0430\u0447\u0438\u0442 \u0432\u0441\u0435 \u0447\u0442\u043e \u043c\u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u0430\u0442\u044c, \u2014 \u044d\u0442\u043e \u0437\u0430\u043f\u0438\u0441\u044c \u0438 \u0447\u0442\u0435\u043d\u0438\u0435 \u0432 \u0411\u0414. \u0412\u0441\u0435 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435, \u0434\u0430\u0436\u0435 \u0441\u043f\u0438\u0441\u043e\u043a \u0440\u0435\u0437\u043e\u043b\u0432\u0435\u0440\u043e\u0432, \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u043c.<\/p>\n<h3>\u0411\u0430\u0437\u0430 \u0434\u0430\u043d\u043d\u044b\u0445<\/h3>\n<p>MongoDB, \u043a\u0430\u043a \u043c\u043d\u043e\u0433\u0438\u0435 \u0433\u043e\u0432\u043e\u0440\u044f\u0442, \u2014 \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u044b\u0439 \u0432\u044b\u0431\u043e\u0440 \u0434\u043b\u044f \u0441\u0442\u0430\u0440\u0442\u0430\u043f\u0430. \u041a\u043e\u0433\u0434\u0430 \u0435\u0449\u0435 \u043d\u0435\u0442 \u0443\u0441\u0442\u043e\u044f\u0432\u0448\u0435\u0439\u0441\u044f \u0441\u0445\u0435\u043c\u044b \u0438 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e \u0432\u0441\u0435 \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442\u0441\u044f, \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435 \u0442\u0438\u043f\u0438\u0437\u0430\u0446\u0438\u0438 \u0441\u043f\u0430\u0441\u0430\u0435\u0442. \u0421\u0435\u0439\u0447\u0430\u0441, \u043a\u043e\u043d\u0435\u0447\u043d\u043e, \u0438 \u0432 MongoDB \u043c\u043e\u0436\u043d\u043e \u0437\u0430\u0434\u0430\u0442\u044c \u0436\u0435\u0441\u0442\u043a\u0443\u044e \u0441\u0445\u0435\u043c\u0443. \u041d\u043e \u043c\u043e\u0439 \u0432\u044b\u0431\u043e\u0440 \u043f\u0430\u043b \u043d\u0430 \u043d\u0435\u0435 \u0432 \u0442\u043e\u043c \u0447\u0438\u0441\u043b\u0435 \u0438 \u0438\u0437-\u0437\u0430 \u0433\u0438\u0431\u043a\u043e\u0441\u0442\u0438.<\/p>\n<p>\u0412\u043e\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432 \u0438 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043a\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u044f \u043e\u0442\u043c\u0435\u0442\u0438\u043b \u0437\u0430 \u0432\u0440\u0435\u043c\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 MongoDB:<\/p>\n<p><strong>+ \u041e\u0447\u0435\u043d\u044c \u0445\u043e\u0440\u043e\u0448\u043e \u0437\u0430\u0442\u043e\u0447\u0435\u043d\u0430 \u043f\u043e\u0434 \u0438\u043d\u0434\u0435\u043a\u0441\u044b.<\/strong> \u0412 \u0442\u043e\u043c \u0447\u0438\u0441\u043b\u0435 \u043f\u043e\u0434 \u0438\u043d\u0434\u0435\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0441\u043b\u043e\u0436\u043d\u044b\u0445 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432 \u0438 \u043c\u0430\u0441\u0441\u0438\u0432\u043e\u0432. \u0412 \u043c\u043e\u0435\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u043d\u0435\u0442 \u0441\u043b\u043e\u0436\u043d\u044b\u0445 \u0438\u043d\u0434\u0435\u043a\u0441\u043e\u0432, \u043d\u043e \u0447\u0430\u0441\u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f <a href=\"https:\/\/www.mongodb.com\/docs\/manual\/core\/index-compound\/\" rel=\"noopener noreferrer nofollow\"><u>\u0441\u043e\u0441\u0442\u0430\u0432\u043d\u044b\u0435<\/u><\/a>, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u043f\u043e \u043d\u043e\u043c\u0435\u0440\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0438 \u0442\u0435\u0433\u0443 \u0434\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u044f. \u0422\u0430\u043a\u0436\u0435 \u0432\u0441\u0435 \u0447\u0430\u0449\u0435 \u043d\u0443\u0436\u043d\u044b <a href=\"https:\/\/www.mongodb.com\/docs\/manual\/core\/index-ttl\/\" rel=\"noopener noreferrer nofollow\"><u>TTL-\u0438\u043d\u0434\u0435\u043a\u0441\u044b<\/u><\/a>, \u0441\u043a\u0430\u0436\u0435\u043c \u043d\u0430 \u043e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u043d\u0438\u0435 \u0438\u0433\u0440\u043e\u043a\u043e\u0432 \u043e\u043d\u043b\u0430\u0439\u043d \u0438\u043b\u0438 \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0441\u0435\u0441\u0441\u0438\u0439 \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 \u043c\u0435\u0441\u044f\u0446\u0430, \u0441 \u0430\u0432\u0442\u043e\u043e\u0447\u0438\u0441\u0442\u043a\u043e\u0439.<\/p>\n<p>\u041c\u043e\u044f \u0441\u0430\u043c\u0430\u044f \u043b\u044e\u0431\u0438\u043c\u0430\u044f \u0444\u0438\u0447\u0430 \u0441 \u0438\u043d\u0434\u0435\u043a\u0441\u0430\u043c\u0438, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043e\u0447\u0435\u043d\u044c \u0441\u043f\u0430\u0441\u0430\u0435\u0442 \u2014 <a href=\"https:\/\/www.mongodb.com\/docs\/manual\/core\/index-intersection\/\" rel=\"noopener noreferrer nofollow\"><u>Index Intersection<\/u><\/a>. \u041e\u043d\u0430 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u0434\u0432\u0443\u0445 \u0434\u0430\u0436\u0435 \u0441\u043e\u0441\u0442\u0430\u0432\u043d\u044b\u0445 \u0438\u043d\u0434\u0435\u043a\u0441\u043e\u0432 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u043e\u0438\u0441\u043a \u043f\u043e \u0438\u043d\u0434\u0435\u043a\u0441\u0443, \u043a\u043e\u0433\u0434\u0430 \u0437\u0430\u043f\u0440\u043e\u0441 \u0437\u0430\u0442\u0440\u0430\u0433\u0438\u0432\u0430\u0435\u0442 \u044d\u0442\u0438 \u0434\u0432\u0430 \u0438\u043d\u0434\u0435\u043a\u0441\u0430. \u042d\u0442\u043e \u0432\u044b\u0440\u0443\u0447\u0430\u0435\u0442 \u043f\u0440\u0438 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0438 \u0440\u0435\u0439\u0442\u0438\u043d\u0433\u0430 \u0438\u0433\u0440\u043e\u043a\u043e\u0432.<\/p>\n<p>\u0414\u0430\u0436\u0435 \u043a\u043e\u0433\u0434\u0430 \u0432 \u0431\u0430\u0437\u0435 \u0431\u043e\u043b\u0435\u0435 100 \u043c\u043b\u043d \u0437\u0430\u043f\u0438\u0441\u0435\u0439, \u043f\u043e\u0438\u0441\u043a \u043f\u043e \u0438\u043d\u0434\u0435\u043a\u0441\u0430\u043c \u0432\u0441\u0435 \u0440\u0430\u0432\u043d\u043e \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0441\u0442\u043e\u0438\u0442. \u0413\u043b\u0430\u0432\u043d\u043e\u0435 \u0442\u043e\u043b\u044c\u043a\u043e, \u0447\u0442\u043e\u0431\u044b \u0441\u0435\u0440\u0432\u0435\u0440\u0443 \u0445\u0432\u0430\u0442\u0430\u043b\u043e \u043f\u0430\u043c\u044f\u0442\u0438 \u043d\u0430 \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0438\u043d\u0434\u0435\u043a\u0441\u043e\u0432. \u041f\u043e-\u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0431\u0430\u0437\u0430 \u0437\u0430\u0431\u0438\u0440\u0430\u0435\u0442 \u0441\u0435\u0431\u0435 \u043f\u043e\u043b\u043e\u0432\u0438\u043d\u0443 \u041e\u0417\u0423 \u0441\u0435\u0440\u0432\u0435\u0440\u0430, \u0430 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u0443\u044e \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442 \u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043f\u043e\u0434 \u043a\u0435\u0448\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0441\u0438\u0441\u0442\u0435\u043c\u043e\u0439 \u0444\u0430\u0439\u043b\u043e\u0432 \u0411\u0414.<\/p>\n<p><strong>&#8212; \u0418\u043d\u0434\u0435\u043a\u0441\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u044e\u0442\u0441\u044f \u043e\u0447\u0435\u043d\u044c \u043e\u0431\u044a\u0435\u043c\u043d\u044b\u043c\u0438.<\/strong> \u0422\u0430\u043a, \u043d\u0430 \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 ObjectID \u0438\u043d\u0434\u0435\u043a\u0441\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0442\u0435\u0431\u0435 \u043d\u0435 \u043d\u0443\u0436\u0435\u043d, \u043d\u043e \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u0435\u043d \u0434\u043b\u044f \u0411\u0414, \u0443\u0445\u043e\u0434\u0438\u0442 2.2GB \u0434\u043b\u044f \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u0438 \u0432 100 \u043c\u043b\u043d. \u0437\u0430\u043f\u0438\u0441\u0435\u0439. \u0412 \u0441\u0440\u0435\u0434\u043d\u0435\u043c \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0445 \u0441\u043e\u0441\u0442\u0430\u0432\u043d\u044b\u0445 \u0438\u043d\u0434\u0435\u043a\u0441\u043e\u0432 \u0434\u043b\u044f \u044d\u0442\u043e\u0439 \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u0438 \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442 ~3.6GB.<\/p>\n<p><strong>+ \u0421\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432<\/strong>. \u0417\u0430 \u0432\u0441\u0435 \u0441\u0432\u043e\u0438 \u0433\u043e\u0434\u044b \u044f \u0442\u0430\u043a \u0438 \u043d\u0435 \u043f\u0440\u0438\u0432\u044b\u043a \u043a \u0440\u0430\u0431\u043e\u0442\u0435 \u0441 SQL, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0440\u0430\u0431\u043e\u0442\u0430 \u0441 JSON \u0434\u043b\u044f \u043c\u0435\u043d\u044f, \u043a\u0430\u043a \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435\u0440\u0430 \u0431\u043e\u043b\u0435\u0435 \u043f\u0440\u0438\u0432\u044b\u0447\u043d\u0430\u044f \u0438 \u0443\u0434\u043e\u0431\u043d\u0430\u044f.<\/p>\n<p><strong>&#8212; \u041f\u043e\u043a\u0430 \u043d\u0435 \u043f\u043e\u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0448\u044c \u0441 \u0430\u0433\u0440\u0435\u0433\u0430\u0446\u0438\u044f\u043c\u0438. <\/strong>\u041d\u043e \u0436\u0435\u043b\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0442\u0430\u043a, \u0447\u0442\u043e\u0431\u044b \u043e\u043d\u0438 \u043d\u0435 \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u043b\u0438\u0441\u044c. \u0412 \u044d\u0442\u043e\u043c \u043a\u0430\u043a \u0440\u0430\u0437 \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 GraphQL \u0438 \u043f\u043e\u0434\u0445\u043e\u0434 \u0434\u0430\u0442\u0430-\u043b\u043e\u0430\u0434\u0435\u0440\u043e\u0432. \u0423 \u043c\u0435\u043d\u044f \u0430\u0433\u0440\u0435\u0433\u0430\u0446\u0438\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0440\u0430\u0441\u0447\u0435\u0442\u0435 \u0441\u0442\u0430\u0442\u0438\u0441\u0442\u0438\u043a\u0438.<\/p>\n<p><strong>+ \u0420\u0435\u043f\u043b\u0438\u043a\u0430\u0446\u0438\u044f \u0438 \u0448\u0430\u0440\u0434\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0438\u0437 \u043a\u043e\u0440\u043e\u0431\u043a\u0438<\/strong>, \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0438 \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u0438\u0437\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438, \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u0443\u043a\u0430\u0437\u0430\u0442\u044c \u0441\u043f\u0438\u0441\u043e\u043a \u0440\u0435\u043f\u043b\u0438\u043a. \u041e\u043d\u0438 \u0441\u0430\u043c\u0438 \u0441\u0438\u043d\u043a\u0430\u043d\u0443\u0442\u0441\u044f \u0438 \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0442 \u0440\u043e\u043b\u0438.<\/p>\n<p><strong>&#8212; \u041d\u043e \u0435\u0441\u0442\u044c \u043d\u044e\u0430\u043d\u0441\u044b.<\/strong> \u0415\u0441\u0442\u044c \u043c\u043d\u043e\u0433\u043e \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u044e\u0449\u0438\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0441 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u043e\u0439 \u0440\u0435\u043f\u043b\u0438\u043a, \u043d\u043e \u043e\u043d\u0438 \u043e\u0431\u044b\u0447\u043d\u043e \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u044b\u0435, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0444\u0430\u043a\u0442 \u0442\u043e\u0433\u043e, \u0447\u0442\u043e \u0411\u0414 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0435 \u0438 \u0434\u0430\u0436\u0435 \u043d\u0435 \u0437\u043d\u0430\u0435\u0442 \u0441\u0432\u043e\u0435\u0433\u043e \u0445\u043e\u0441\u0442\u0430.<\/p>\n<p>\u0422\u0430\u043a\u0436\u0435 \u043d\u0435 \u0445\u0432\u0430\u0442\u0430\u0435\u0442 \u043e\u0431\u044b\u0447\u043d\u043e\u0433\u043e \u0430\u0432\u0442\u043e\u0438\u043d\u043a\u0440\u0435\u043c\u0435\u043d\u0442\u044f\u0449\u0435\u0433\u043e\u0441\u044f \u0447\u0438\u0441\u043b\u043e\u0432\u043e\u0433\u043e ID, \u0442\u0430\u043a \u0447\u0442\u043e \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043f\u043e\u0434\u043a\u043e\u0441\u0442\u044b\u043b\u0438\u0432\u0430\u0442\u044c.<\/p>\n<h3>\u041f\u0430\u043d\u0435\u043b\u044c \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f<\/h3>\n<p>\u041e\u043d\u0430 \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u0430\u044f. \u0418\u0437 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432 \u0431\u044b\u043b \u0432\u044b\u0431\u0440\u0430\u043d Vue, \u0442\u043e\u0433\u0434\u0430 \u0435\u0449\u0435 Vue2. \u0412 \u043f\u043e\u043c\u043e\u0449\u044c \u0435\u043c\u0443 Nuxt. \u041f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u044b: SASS \u0438 Pug. \u0418\u0437 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043b\u0441\u044f \u043d\u0430 Vuetify \u0438\u0437-\u0437\u0430 \u0435\u0433\u043e \u0431\u043e\u043b\u044c\u0448\u043e\u0433\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u043c\u0438\u043c\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0435\u0449\u0435 \u0438 \u0441\u0435\u0442\u043a\u0438, \u0445\u0435\u043b\u043f\u0435\u0440\u044b \u0434\u043b\u044f \u0441\u0442\u0438\u043b\u0435\u0439, \u0442\u0435\u043c\u0438\u0437\u0430\u0446\u0438\u044e. \u0412 \u043e\u0431\u0449\u0435\u043c css \u043f\u043e\u0447\u0442\u0438 \u043d\u0435 \u043f\u0438\u0448\u0443.<\/p>\n<h3>\u041e\u0432\u0435\u0440\u043b\u0435\u0439<\/h3>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/cc7\/00a\/0ee\/cc700a0ee598122e32c8c8151cc76509.png\" alt=\"\" title=\"\" width=\"584\" height=\"696\"><\/figure>\n<p>\u041e\u0432\u0435\u0440\u043b\u0435\u0439 \u2014 \u043e\u043a\u043d\u0430 \u043f\u043e\u0432\u0435\u0440\u0445 \u0438\u0433\u0440\u044b, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0441\u043e \u0441\u043f\u0438\u0441\u043a\u043e\u043c \u0434\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u0439 \u0438\u043b\u0438 \u043b\u0438\u0434\u0435\u0440\u043e\u0432. \u041d\u0435\u0442 \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0443\u0434\u043d\u0435\u0435, \u0447\u0435\u043c \u0434\u0435\u043b\u0430\u0442\u044c \u0441\u043a\u0440\u043e\u043b\u043b \u043d\u0430 \u0434\u0432\u0438\u0436\u043a\u0430\u0445 \u0438\u0433\u0440. \u0422\u0430\u043a\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432\u043e \u0432\u0441\u0435\u0445 \u0438\u0433\u0440\u0430\u0445 \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u0443\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0449\u0438\u0435 \u0438\u0433\u0440\u043e\u043a\u0430 \u0444\u0438\u0448\u043a\u0438.<\/p>\n<p>\u0414\u043b\u044f \u043d\u0435\u0433\u043e \u0431\u044b\u043b \u0432\u044b\u0431\u0440\u0430\u043d Preact, \u0442\u0430\u043a \u043a\u0430\u043a \u043e\u043d \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u043b\u0435\u0433\u043a\u043e\u0432\u0435\u0441\u043d\u044b\u0439, \u0432\u0441\u0435\u0433\u043e 7kb. \u0414\u043b\u044f \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044f, Vue 40-50kb, React \u043e\u043a\u043e\u043b\u043e 500kb. \u041e\u0441\u043d\u043e\u0432\u043d\u044b\u043c \u043a\u0440\u0438\u0442\u0435\u0440\u0438\u0435\u043c \u0432\u044b\u0431\u043e\u0440\u0430 \u0431\u044b\u043b \u0438\u043c\u0435\u043d\u043d\u043e \u0432\u0435\u0441, \u043d\u043e \u0435\u0449\u0435 \u043c\u043d\u0435 \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u043f\u043e\u0449\u0443\u043f\u0430\u0442\u044c \u0440\u0435\u0430\u043a\u0442 \u0438 tsx. \u0422\u0435\u043c \u0431\u043e\u043b\u0435\u0435 \u0432\u0441\u0435 \u0440\u0430\u0432\u043d\u043e \u043f\u0435\u0442-\u043f\u0440\u043e\u0435\u043a\u0442.&nbsp;<\/p>\n<p>Preact \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u043c\u043e\u0436\u0435\u0442 \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c React, \u0447\u0442\u043e \u0431\u044b\u043b\u043e \u043e\u0447\u0435\u043d\u044c \u043d\u0443\u0436\u043d\u043e \u043f\u0440\u0438 \u0440\u0430\u0431\u043e\u0442\u0435 \u0441 VK \u0438 \u0438\u0445 \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u043c\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u043c\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0440\u0435\u0430\u043a\u0442-\u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0435. \u041c\u043e\u0436\u043d\u043e \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0441\u0431\u043e\u0440\u043a\u0443 \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u0443\u044e \u0441 Preact <a href=\"https:\/\/preactjs.com\/guide\/v10\/typescript\/#typescript-configuration\" rel=\"noopener noreferrer nofollow\"><u>\u0432 \u0434\u0432\u0430 \u0444\u043b\u0430\u0436\u043a\u0430<\/u><\/a> \u0432 tsconfig:<\/p>\n<pre><code class=\"json\">{     \"compilerOptions\": {         \"jsx\": \"react-jsx\",         \"jsxImportSource\": \"preact\",     } }<\/code><\/pre>\n<h2>\u041a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0441\u0435\u0440\u0432\u0438\u0441<\/h2>\n<p>\u041e\u043f\u0438\u0448\u0443, \u043a\u0430\u043a \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0441\u0430\u043c\u043e\u0435 \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u043d\u044b\u0439 \u0437\u0430\u043f\u0440\u043e\u0441 \u043a GamePush \u2014 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0438\u0433\u0440\u043e\u043a\u0430.<\/p>\n<p>\u041f\u0440\u0435\u0436\u0434\u0435 \u0432\u0441\u0435\u0433\u043e \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043a\u0430\u043a-\u0442\u043e \u043f\u043e\u043d\u044f\u0442\u044c, \u0441 \u043a\u0435\u043c \u043c\u044b \u0438\u043c\u0435\u0435\u043c \u0434\u0435\u043b\u043e, \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u0435\u0441\u043b\u0438 \u0438\u0433\u0440\u043e\u043a \u043d\u0435 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u0430\u043d. \u041c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043a\u0430\u043a\u043e\u0439-\u043d\u0438\u0431\u0443\u0434\u044c local storage, \u043b\u0438\u0431\u043e IndexedDB. \u0422\u0443\u0434\u0430 \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u044c ID \/ \u0442\u043e\u043a\u0435\u043d \u0438\u0433\u0440\u043e\u043a\u0430, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u0442\u043e\u043c, \u043f\u0440\u0438 \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u0438 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440, \u0435\u0433\u043e \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u0442\u044c.<\/p>\n<p>\u041f\u0435\u0440\u0435\u0434 \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u0438\u0437\u0430\u0446\u0438\u0435\u0439 \u0441 \u0441\u0435\u0440\u0432\u0435\u0440\u043e\u043c \u043f\u0435\u0440\u0432\u044b\u043c \u0434\u0435\u043b\u043e\u043c \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0443 \u0438\u0433\u0440\u043e\u0432\u043e\u0439 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0438 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043e\u0431 \u0438\u0433\u0440\u043e\u043a\u0435 \u2014 ID, \u043d\u0438\u043a \u0438 \u0430\u0432\u0430\u0442\u0430\u0440. \u0412 \u044d\u0442\u043e \u0436\u0435 \u0432\u0440\u0435\u043c\u044f \u043c\u043e\u0436\u043d\u043e \u043f\u0430\u0440\u0430\u043b\u043b\u0435\u043b\u044c\u043d\u043e \u043f\u043e\u0439\u0442\u0438 \u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0435 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0438\u0433\u0440\u043e\u043a\u0430. \u041e\u043d\u043e \u043f\u0440\u0438\u0433\u043e\u0434\u0438\u0442\u0441\u044f \u0434\u043b\u044f \u043f\u0435\u0440\u0435\u0441\u0442\u0440\u0430\u0445\u043e\u0432\u043a\u0438, \u0435\u0441\u043b\u0438 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0435 \u0447\u0442\u043e-\u0442\u043e \u0432\u0434\u0440\u0443\u0433 \u0441\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c, \u0438\u043b\u0438 \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441 \u0438\u043c\u0435\u043d\u043d\u043e \u0441 \u044d\u0442\u043e\u0433\u043e \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430.<\/p>\n<p>\u0414\u0430\u043b\u044c\u0448\u0435 SDK \u043e\u0431\u0440\u0430\u0449\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440, \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u043d\u0435\u043c \u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442 \u0438\u0433\u0440\u043e\u043a\u0430 \u0432 \u0431\u0430\u0437\u0443. \u0410 \u043f\u043e\u0442\u043e\u043c \u043e\u0442 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442\u0441\u044f \u043e\u0442\u0432\u0435\u0442, \u0438 \u043d\u043e\u0432\u044b\u0439 \u0441\u0442\u0435\u0439\u0442 \u0437\u0430\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u0441\u0435\u043a\u0440\u0435\u0442\u043d\u044b\u043c \u043a\u043e\u0434\u043e\u043c, \u0447\u0442\u043e\u0431\u044b \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0438\u0433\u0440\u043e\u043a\u0430.<\/p>\n<p>\u041a\u0430\u043a \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0442\u044c \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0435 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0438\u0433\u0440\u043e\u043a\u0430? \u0421\u0430\u043c\u043e\u0435 \u043f\u0440\u043e\u0441\u0442\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u2014 \u0437\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0432 local storage. \u041d\u043e \u0435\u0441\u0442\u044c iOS, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0443\u043f\u043e\u0440\u043d\u043e \u043d\u0435 \u0445\u043e\u0447\u0435\u0442 \u0442\u0443\u0434\u0430 \u043d\u0438\u0447\u0435\u0433\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0442\u044c. \u041d\u0430 \u044d\u0442\u043e\u0439 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435 \u0432\u043d\u0443\u0442\u0440\u0438 iframe local storage \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043a\u0430\u043a session storage, \u0434\u0430\u043d\u043d\u044b\u0435 \u0445\u0440\u0430\u043d\u044f\u0442\u0441\u044f \u043f\u043e\u043a\u0430 \u043d\u0435 \u0437\u0430\u043a\u0440\u043e\u0435\u0448\u044c \u0431\u0440\u0430\u0443\u0437\u0435\u0440, \u0430 \u043f\u043e\u0442\u043e\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0443\u0434\u0430\u043b\u044f\u044e\u0442\u0441\u044f.&nbsp;<\/p>\n<p>\u0427\u0442\u043e\u0431\u044b \u044d\u0442\u043e \u043f\u043e\u0431\u0435\u0434\u0438\u0442\u044c, \u044f \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u043b \u0441\u0442\u0435\u0439\u0442 \u0432\u0435\u0437\u0434\u0435, \u0433\u0434\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u043c\u043e\u0436\u043d\u043e, \u2014 \u0432 localstorage, \u0432 IndexedDB, \u0438 \u0435\u0441\u043b\u0438 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u043b\u0430 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0430, \u2014 \u043d\u0430 \u043d\u0435\u0439. \u042f \u043f\u0440\u043e\u0431\u043e\u0432\u0430\u043b \u0437\u0430\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u043a\u0443\u043a\u0438, \u043d\u043e \u0441\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0435\u043c \u043f\u043e\u043b\u0438\u0442\u0438\u043a\u0430 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432, \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e Safari \u2014 \u043d\u0430\u0447\u0430\u043b\u0430 \u0431\u043b\u043e\u043a\u0438\u0440\u043e\u0432\u0430\u0442\u044c third-party \u043a\u0443\u043a\u0438. \u0412 \u043a\u043e\u043d\u0446\u0435 \u043a\u043e\u043d\u0446\u043e\u0432 \u042f\u043d\u0434\u0435\u043a\u0441 \u0441\u0434\u0435\u043b\u0430\u043b \u043e\u0431\u0435\u0440\u0442\u043a\u0443 \u043d\u0430\u0434 localstorage \u2014 \u0447\u0435\u0440\u0435\u0437 \u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e post message \u043c\u0435\u0436\u0434\u0443 iFrame \u0438 \u0432\u0435\u0440\u0445\u043d\u0435\u0443\u0440\u043e\u0432\u043d\u0435\u0432\u044b\u043c \u0434\u043e\u043c\u0435\u043d\u043e\u043c, \u0438 \u044f \u043d\u0430\u0447\u0430\u043b \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0442\u044c \u0432\u0441\u0435 \u0447\u0435\u0440\u0435\u0437 \u043d\u0435\u0433\u043e. \u0418\u0437 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u043b\u043e\u0449\u0430\u0434\u043e\u043a \u0442\u043e\u043b\u044c\u043a\u043e GamePix \u043f\u0440\u0438\u0448\u043b\u0438 \u043a \u0442\u0430\u043a\u043e\u043c\u0443 \u0436\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044e. \u0412 \u0438\u0442\u043e\u0433\u0435 \u0434\u043b\u044f \u042f\u043d\u0434\u0435\u043a\u0441\u0430 \u0434\u0430\u043d\u043d\u044b\u0435 \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u044e\u0442\u0441\u044f \u043f\u0430\u0440\u0430\u043b\u043b\u0435\u043b\u044c\u043d\u043e \u0432 4 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430: LocalStorage, IndexedDB, \u043e\u0431\u0435\u0440\u0442\u043a\u0443 \u042f\u043d\u0434\u0435\u043a\u0441\u0430 \u043d\u0430\u0434 LocalStorage \u0438, \u0435\u0441\u043b\u0438 \u0438\u0433\u0440\u043e\u043a \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u0430\u043d, \u0432 \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u0433\u0440\u043e\u043a\u0430 \u043d\u0430 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0435.<\/p>\n<p>\u0411\u044b\u043b\u0430 \u0435\u0449\u0435 \u043e\u0434\u043d\u0430 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u0430\u044f \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430, \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u0430\u044f \u0441 \u0442\u0435\u043c, \u0447\u0442\u043e \u0435\u0441\u043b\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0437\u0430\u0445\u043e\u0434\u0438\u0442 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0432 \u0440\u0435\u0436\u0438\u043c\u0435 \u0438\u043d\u043a\u043e\u0433\u043d\u0438\u0442\u043e, \u0435\u0433\u043e \u043d\u0443\u0436\u043d\u043e \u043f\u0440\u0435\u0434\u0443\u043f\u0440\u0435\u0434\u0438\u0442\u044c, \u0447\u0442\u043e \u043e\u043d \u043f\u043e\u0442\u0435\u0440\u044f\u0435\u0442 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441, \u043a\u043e\u0433\u0434\u0430 \u0437\u0430\u043a\u0440\u043e\u0435\u0442 \u0432\u043a\u043b\u0430\u0434\u043a\u0443. \u0412 \u043a\u0430\u043a\u043e\u0439 \u0442\u043e \u043c\u043e\u043c\u0435\u043d\u0442 \u044f \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043b \u0447\u0435\u0440\u0435\u0437 GamePush \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0441\u0435\u043a\u0440\u0435\u0442\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0438 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u043b \u0438\u0433\u0440\u043e\u043a\u0443 \u044d\u0442\u043e\u0442 \u043a\u043e\u0434, \u043a\u043e\u0433\u0434\u0430 \u043d\u0443\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c\u0441\u044f. \u041a\u0430\u043a \u0432 \u0438\u0433\u0440\u0430\u0445 \u043d\u0430 \u0441\u0442\u0430\u0440\u044b\u0445 \u043f\u0440\u0438\u0441\u0442\u0430\u0432\u043a\u0430\u0445, \u0435\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0437\u0430\u043f\u0438\u0441\u0430\u0442\u044c, \u0432\u0432\u0435\u0441\u0442\u0438 \u043f\u043e\u0442\u043e\u043c \u0438 \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u0442\u044c \u0441 \u0442\u043e\u0433\u043e \u0436\u0435 \u0443\u0440\u043e\u0432\u043d\u044f \u0438\u0433\u0440\u044b.<\/p>\n<p>\u0412\u043e\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e \u0434\u0435\u043b\u0430\u044e\u0442 \u0442\u0430\u043a, \u0447\u0442\u043e\u0431\u044b \u0441\u043e \u0441\u0442\u043e\u0440\u043e\u043d\u044b \u0441\u0430\u0439\u0442\u0430 \u043d\u0435 \u0431\u044b\u043b\u043e \u0437\u0430\u043c\u0435\u0442\u043d\u043e, \u0447\u0442\u043e \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0432 \u0440\u0435\u0436\u0438\u043c\u0435 \u0438\u043d\u043a\u043e\u0433\u043d\u0438\u0442\u043e. \u0420\u0430\u043d\u044c\u0448\u0435 \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043b\u0438 local storage, \u043c\u043e\u0436\u043d\u043e \u043b\u0438 \u0437\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0432 IndexedDB. \u0414\u043e\u043b\u0433\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u043b \u0440\u0435\u0436\u0438\u043c \u0438\u043d\u043a\u043e\u0433\u043d\u0438\u0442\u043e \u0447\u0435\u0440\u0435\u0437 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0443 Third-Party Cookies \u0432 \u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0435\u043c iframe, \u043d\u043e \u0441\u0435\u0439\u0447\u0430\u0441 \u044d\u0442\u043e \u044d\u0442\u0438 \u043b\u0430\u0437\u0435\u0439\u043a\u0438 \u043f\u0440\u0438\u043a\u0440\u044b\u043b\u0438.<\/p>\n<h3>\u041d\u043e\u0432\u044b\u0435 \u0444\u0438\u0447\u0438<\/h3>\n<p>\u0420\u0430\u0437\u043e\u0431\u0440\u0430\u0432\u0448\u0438\u0441\u044c \u0441 \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0445 \u0438\u0433\u0440\u043e\u043a\u043e\u0432, \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u0435\u0439 \u0438 \u0432\u044b\u0437\u043e\u0432\u043e\u043c \u0440\u0430\u0437\u043d\u044b\u0445 \u0444\u0443\u043d\u043a\u0446\u0438\u0439 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b \u0447\u0435\u0440\u0435\u0437 \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u044b\u0439 SDK, \u044f \u043d\u0430\u0447\u0430\u043b \u043f\u0440\u0438\u043a\u0440\u0443\u0447\u0438\u0432\u0430\u0442\u044c \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u0438.&nbsp;<\/p>\n<figure class=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/3b0\/c87\/add\/3b0c87adde6d6abd73c1f338dec96c88.png\" alt=\"\" title=\"\" width=\"422\" height=\"350\"><\/figure>\n<p>\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432 VK \u0438\u043b\u0438 \u041e\u0434\u043d\u043e\u043a\u043b\u0430\u0441\u0441\u043d\u0438\u043a\u0430\u0445 \u043c\u043e\u0436\u043d\u043e \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043f\u043e\u0441\u0442 \u043d\u0430 \u0441\u0432\u043e\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043a\u0443 \u0438 \u043f\u0440\u0438\u0433\u043b\u0430\u0441\u0438\u0442\u044c \u043b\u044e\u0434\u0435\u0439 \u0432 \u0438\u0433\u0440\u0443, \u0430 \u043d\u0430 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0435 \u042f\u043d\u0434\u0435\u043a\u0441 \u044d\u0442\u043e\u0433\u043e \u043d\u0435\u0442. \u0415\u0441\u043b\u0438 \u0432\u044b\u0432\u043e\u0434\u0438\u0448\u044c \u0438\u0433\u0440\u0443 \u0441\u0440\u0430\u0437\u0443 \u043d\u0430 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u043b\u043e\u0449\u0430\u0434\u043e\u043a, \u044d\u0442\u043e \u043e\u0447\u0435\u043d\u044c \u043d\u0435\u0443\u0434\u043e\u0431\u043d\u043e. \u0427\u0442\u043e\u0431\u044b \u043a\u0430\u043a \u0442\u043e \u0443\u0440\u0430\u0432\u043d\u044f\u0442\u044c \u0438\u0445 \u0432 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044f\u0445, \u044f \u043d\u0430\u0447\u0430\u043b \u043f\u0438\u0441\u0430\u0442\u044c \u0430\u0434\u0430\u043f\u0442\u0435\u0440\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0442 \u043e\u043a\u043d\u043e \u0441 \u043d\u0443\u0436\u043d\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0435\u0439 \u043f\u043e\u0432\u0435\u0440\u0445 \u043e\u0431\u044b\u0447\u043d\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u0438\u0433\u0440\u044b, \u043f\u043e\u0434\u043e\u0431\u043d\u043e \u0442\u043e\u043c\u0443, \u043a\u0430\u043a \u044d\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0441 \u043b\u0438\u0434\u0435\u0440\u0431\u043e\u0440\u0434\u0430\u043c\u0438. \u0422\u043e \u0435\u0441\u0442\u044c, \u0435\u0441\u043b\u0438 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0430 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f, \u0438\u0445 \u043d\u0430\u0440\u0438\u0441\u0443\u0435\u0442 \u043c\u043e\u0439 \u0441\u0435\u0440\u0432\u0438\u0441.<\/p>\n<p>\u041a\u0441\u0442\u0430\u0442\u0438, \u0441 \u043e\u043a\u043d\u0430\u043c\u0438 \u0441\u0432\u044f\u0437\u0430\u043d \u0435\u0449\u0435 \u043e\u0434\u0438\u043d \u0432\u0430\u0436\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442. \u041a\u0430\u043a \u043e\u0432\u0435\u0440\u043b\u0435\u0439 \u043c\u043e\u0436\u0435\u0442 \u0432\u043b\u0438\u044f\u0442\u044c \u043d\u0430 \u0441\u0442\u0438\u043b\u0438 \u0441\u0430\u0439\u0442\u0430 \u0438 \u0434\u0432\u0438\u0436\u043a\u0438 \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u043f\u0438\u0448\u0443\u0442 \u0438\u0433\u0440\u044b, \u0442\u0430\u043a \u0438 \u0441\u0442\u0438\u043b\u0438 \u0438\u0433\u0440\u044b \u043c\u043e\u0433\u0443\u0442 \u0432\u043b\u0438\u044f\u0442\u044c \u043d\u0430 \u043e\u0432\u0435\u0440\u043b\u0435\u0439. \u0427\u0442\u043e-\u0442\u043e \u043f\u043e\u0439\u0434\u0435\u0442 \u043d\u0435 \u0442\u0430\u043a, \u0438 \u0432\u0441\u044f \u0432\u0435\u0440\u0441\u0442\u043a\u0430 \u043f\u043e\u043f\u043b\u044b\u0432\u0435\u0442. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u044f \u043f\u0440\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u0440\u0435\u0444\u0438\u043a\u0441 gp-overlay \u043a\u043e \u0432\u0441\u0435\u043c \u0441\u0432\u043e\u0438\u043c \u043a\u043b\u0430\u0441\u0441\u0430\u043c. \u041e\u0442\u043a\u0430\u0437\u044b\u0432\u0430\u044f\u0441\u044c \u043e\u0442 \u0431\u0430\u0437\u043e\u0432\u044b\u0445 \u0438\u043c\u0435\u043d \u043a\u043b\u0430\u0441\u0441\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u043e\u0436\u0435\u0442 \u043a\u0430\u043a-\u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u0432\u0438\u0436\u043e\u043a \u0438\u0433\u0440\u044b, \u044f \u0438\u0437\u043e\u043b\u0438\u0440\u0443\u044e \u0441\u0432\u043e\u0439 \u043a\u043e\u0434.<\/p>\n<h2>\u0420\u043e\u0441\u0442 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0438 \u043f\u043e\u043b\u044c\u0437\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430<\/h2>\n<p>\u0412 \u0438\u0442\u043e\u0433\u0435 \u044f \u0441\u0434\u0435\u043b\u0430\u043b \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 \u0441\u043e \u0432\u0441\u0435\u043c\u0438 \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u043c\u0438 \u0438\u0433\u0440\u043e\u0432\u044b\u043c\u0438 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0430\u043c\u0438. \u0417\u0430\u0440\u0430\u0431\u043e\u0442\u0430\u043b \u0441\u0430\u0440\u0430\u0444\u0430\u043d, \u0441\u0435\u0440\u0432\u0438\u0441 \u043d\u0430\u0431\u0438\u0440\u0430\u043b \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u043e\u0441\u0442\u044c, \u043d\u043e \u043f\u0440\u043e\u0435\u043a\u0442 \u0435\u0449\u0435 \u0432\u043e\u0441\u043f\u0440\u0438\u043d\u0438\u043c\u0430\u043b\u0441\u044f, \u043a\u0430\u043a \u0445\u043e\u0431\u0431\u0438. \u041f\u0435\u0440\u0432\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0434\u043e\u0445\u043e\u0434\u0430 \u043e\u0442 \u043c\u043e\u0438\u0445 \u0438\u0433\u0440 \u0441 \u043b\u0438\u0445\u0432\u043e\u0439 \u0445\u0432\u0430\u0442\u0430\u043b\u043e, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043a\u0440\u044b\u0432\u0430\u0442\u044c \u0440\u0430\u0441\u0445\u043e\u0434\u044b \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440. \u041e \u043c\u043e\u043d\u0435\u0442\u0438\u0437\u0430\u0446\u0438\u0438 \u044f \u043d\u0435 \u0437\u0430\u0434\u0443\u043c\u044b\u0432\u0430\u043b\u0441\u044f, \u043d\u043e \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0440\u043e\u0441\u043b\u0430.<\/p>\n<p>\u041c\u043e\u044f \u043f\u0435\u0440\u0432\u0430\u044f \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u043a\u0430 \u0440\u0430\u0431\u043e\u0442\u0430\u043b\u0430 \u043d\u0430 \u043e\u0434\u043d\u043e\u043c \u044f\u0434\u0440\u0435 \u0438 \u0433\u0438\u0433\u0430\u0431\u0430\u0439\u0442\u0435 \u043e\u043f\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0439 \u043f\u0430\u043c\u044f\u0442\u0438. \u0415\u0435 \u043c\u043d\u0435 \u0445\u0432\u0430\u0442\u0438\u043b\u043e \u043d\u0430\u0434\u043e\u043b\u0433\u043e, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0432\u0441\u044f \u0431\u0430\u0437\u0430 \u0434\u0430\u043d\u043d\u044b\u0445 \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u043b\u0430 \u0432\u0441\u0435\u0433\u043e 25 \u043c\u0435\u0433\u0430\u0431\u0430\u0439\u0442, \u0430 \u0438\u0433\u0440\u043e\u043a\u043e\u0432 \u0431\u044b\u043b\u043e \u043e\u043a\u043e\u043b\u043e \u0441\u0442\u0430 \u0442\u044b\u0441\u044f\u0447. \u041f\u043e\u043d\u0430\u0447\u0430\u043b\u0443 \u0443 \u043c\u0435\u043d\u044f \u0431\u044b\u043b\u043e \u0432\u0441\u0435\u0433\u043e 40 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0432 \u043c\u0438\u043d\u0443\u0442\u0443, \u0438 \u0434\u043e\u043b\u0433\u043e\u0435 \u0432\u0440\u0435\u043c\u044f Grafana \u0431\u044b\u043b\u0430 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043d\u0430 \u0438\u043c\u0435\u043d\u043d\u043e \u043d\u0430 RPM.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/67a\/f60\/f9f\/67af60f9fe55dbd44b14b9cd5b8dc72d.png\" alt=\"\u041c\u043e\u0439 \u043f\u0435\u0440\u0432\u044b\u0439 \u0434\u0430\u0448\u0431\u043e\u0440\u0434 \u0434\u043e\u043b\u0433\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u043b \u0447\u0442\u043e-\u0442\u043e \u0432 \u0440\u0430\u0439\u043e\u043d\u0435 13 RPM\" title=\"\u041c\u043e\u0439 \u043f\u0435\u0440\u0432\u044b\u0439 \u0434\u0430\u0448\u0431\u043e\u0440\u0434 \u0434\u043e\u043b\u0433\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u043b \u0447\u0442\u043e-\u0442\u043e \u0432 \u0440\u0430\u0439\u043e\u043d\u0435 13 RPM\" width=\"1280\" height=\"468\"><\/p>\n<div><figcaption><em>\u041c\u043e\u0439 \u043f\u0435\u0440\u0432\u044b\u0439 \u0434\u0430\u0448\u0431\u043e\u0440\u0434 \u0434\u043e\u043b\u0433\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u043b \u0447\u0442\u043e-\u0442\u043e \u0432 \u0440\u0430\u0439\u043e\u043d\u0435 13 RPM<\/em><\/figcaption><\/div>\n<\/figure>\n<p>\u0412 \u043d\u0430\u0447\u0430\u043b\u0435 \u043c\u0430\u044f \u044f \u043e\u0442\u043a\u0440\u044b\u043b \u0434\u043e\u0441\u0442\u0443\u043f \u043a GamePush \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u0436\u0435\u043b\u0430\u044e\u0449\u0438\u0445 \u0438 \u0442\u0443\u0442 \u043f\u043e\u043d\u0435\u0441\u043b\u0430\u0441\u044c. \u0421\u043d\u0430\u0447\u0430\u043b\u0430 RPM \u043f\u0440\u0435\u0432\u0440\u0430\u0442\u0438\u043b\u0438\u0441\u044c \u0432 RPS \u2014 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0432\u044b\u0440\u043e\u0441\u043b\u0430 \u0434\u043e 3-4 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0432 \u0441\u0435\u043a\u0443\u043d\u0434\u0443. \u042d\u0442\u043e \u0431\u044b\u043b\u043e \u043f\u043e-\u043f\u0440\u0435\u0436\u043d\u0435\u043c\u0443 \u043d\u0435\u043c\u043d\u043e\u0433\u043e, \u043d\u043e \u0432 \u0438\u044e\u043d\u0435 \u044f \u0443\u0432\u0438\u0434\u0435\u043b \u0446\u0438\u0444\u0440\u0443 \u0432 1 \u043c\u0438\u043b\u043b\u0438\u043e\u043d \u0438\u0433\u0440\u043e\u0432\u044b\u0445 \u0430\u043a\u043a\u0430\u0443\u043d\u0442\u043e\u0432. Grafana \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u043b\u0430 \u0443\u0436\u0435 9-10 RPS. \u0422\u043e\u0433\u0434\u0430 \u044f \u043f\u0435\u0440\u0435\u0448\u0435\u043b \u043d\u0430 \u0434\u0432\u0443\u0445\u044f\u0434\u0435\u0440\u043d\u044b\u0439 \u0441\u0435\u0440\u0432\u0435\u0440.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/96b\/6d7\/558\/96b6d75582bc3b3eb682eda618a3cc8f.png\" alt=\"\" title=\"\" width=\"1034\" height=\"516\"><\/figure>\n<p>\u041c\u0435\u0441\u044f\u0446 \u0437\u0430 \u043c\u0435\u0441\u044f\u0446\u0435\u043c \u0441\u0447\u0435\u0442\u0447\u0438\u043a \u043d\u0435\u0443\u043a\u043b\u043e\u043d\u043d\u043e \u0448\u0435\u043b \u043a 20-30 RPS. \u0421\u0435\u0440\u0432\u0435\u0440 \u043d\u0430\u0447\u0430\u043b \u0441\u043a\u0440\u0438\u043f\u0435\u0442\u044c \u0438 \u043e\u043a\u043e\u043d\u0447\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0441\u0434\u0430\u043b\u0441\u044f \u0432 \u0440\u0430\u0439\u043e\u043d\u0435 60 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0432 \u0441\u0435\u043a\u0443\u043d\u0434\u0443. \u041d\u0430 1 RPS \u0443\u0445\u043e\u0434\u0438\u043b\u043e \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e 2% \u0426\u041f\u0423, \u0438 \u0434\u0432\u0443\u0445 \u044f\u0434\u0435\u0440 \u0443\u0436\u0435 \u043d\u0435 \u0445\u0432\u0430\u0442\u0430\u043b\u043e.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/6d2\/496\/e26\/6d2496e267708a141e2916841730da71.png\" alt=\"\u041c\u043e\u043c\u0435\u043d\u0442, \u043a\u043e\u0433\u0434\u0430 \u0441\u043a\u0440\u0438\u043f\u043d\u0443\u043b\u043e \u0432\u0441\u0435\u0440\u044c\u0435\u0437. \u041a\u0442\u043e-\u0442\u043e \u0438\u0437 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u0440\u0435\u043b\u0438\u0437\u043d\u0443\u043b \u0438\u0433\u0440\u0443, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441 \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442\u0441\u044f \u043a\u0430\u0436\u0434\u044b\u0439 \u043a\u0430\u0434\u0440. \u0422\u043e\u0433\u0434\u0430 \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 SDK \u0442\u0440\u043e\u0442\u043b\u0438\u0442\u044c \u0437\u0430\u043f\u0440\u043e\u0441\u044b, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0434\u0430\u0436\u0435 \u043d\u0435 \u0434\u043e\u0445\u043e\u0434\u0438\u043b\u0430 \u0434\u043e nginx\" title=\"\u041c\u043e\u043c\u0435\u043d\u0442, \u043a\u043e\u0433\u0434\u0430 \u0441\u043a\u0440\u0438\u043f\u043d\u0443\u043b\u043e \u0432\u0441\u0435\u0440\u044c\u0435\u0437. \u041a\u0442\u043e-\u0442\u043e \u0438\u0437 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u0440\u0435\u043b\u0438\u0437\u043d\u0443\u043b \u0438\u0433\u0440\u0443, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441 \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442\u0441\u044f \u043a\u0430\u0436\u0434\u044b\u0439 \u043a\u0430\u0434\u0440. \u0422\u043e\u0433\u0434\u0430 \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 SDK \u0442\u0440\u043e\u0442\u043b\u0438\u0442\u044c \u0437\u0430\u043f\u0440\u043e\u0441\u044b, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0434\u0430\u0436\u0435 \u043d\u0435 \u0434\u043e\u0445\u043e\u0434\u0438\u043b\u0430 \u0434\u043e nginx\" width=\"1280\" height=\"278\"><\/p>\n<div><figcaption><em>\u041c\u043e\u043c\u0435\u043d\u0442, \u043a\u043e\u0433\u0434\u0430 \u0441\u043a\u0440\u0438\u043f\u043d\u0443\u043b\u043e \u0432\u0441\u0435\u0440\u044c\u0435\u0437. \u041a\u0442\u043e-\u0442\u043e \u0438\u0437 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u0440\u0435\u043b\u0438\u0437\u043d\u0443\u043b \u0438\u0433\u0440\u0443, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441 \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442\u0441\u044f \u043a\u0430\u0436\u0434\u044b\u0439 \u043a\u0430\u0434\u0440. \u0422\u043e\u0433\u0434\u0430 \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 SDK \u0442\u0440\u043e\u0442\u043b\u0438\u0442\u044c \u0437\u0430\u043f\u0440\u043e\u0441\u044b, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0434\u0430\u0436\u0435 \u043d\u0435 \u0434\u043e\u0445\u043e\u0434\u0438\u043b\u0430 \u0434\u043e nginx<\/em><\/figcaption><\/div>\n<\/figure>\n<p>\u0415\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u043c \u043e\u0442\u0432\u0435\u0442\u043e\u043c \u043d\u0430 \u0440\u043e\u0441\u0442 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0441\u0442\u0430\u043b\u043e \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u043e\u0435 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435. \u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u044f \u0432\u044b\u0434\u0435\u043b\u0438\u043b 4 \u044f\u0434\u0440\u0430, \u043f\u043e\u0442\u043e\u043c 6, \u0434\u0430\u043b\u0435\u0435 \u2014 8. \u0427\u0442\u043e\u0431\u044b \u043a\u0430\u043a-\u0442\u043e \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0440\u043e\u0441\u0442\u0430 \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0442\u044c \u0441\u0435\u0440\u0432\u0435\u0440, \u044f \u0432\u0432\u0435\u043b \u043c\u043e\u043d\u0435\u0442\u0438\u0437\u0430\u0446\u0438\u044e \u043f\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0430\u043c \u043a \u0441\u0435\u0440\u0432\u0435\u0440\u0443 \u0434\u043b\u044f \u043d\u043e\u0432\u044b\u0445 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439. \u041e\u043f\u043b\u0430\u0442\u0430 \u0437\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043a \u0441\u0435\u0440\u0432\u0435\u0440\u0443 \u043f\u043e\u043a\u0430\u0437\u0430\u043b\u0430\u0441\u044c \u043c\u043d\u0435 \u0431\u043e\u043b\u0435\u0435 \u0441\u043f\u0440\u0430\u0432\u0435\u0434\u043b\u0438\u0432\u043e\u0439 \u2014 \u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u043b, \u0437\u0430 \u0441\u0442\u043e\u043b\u044c\u043a\u043e \u0438 \u0437\u0430\u043f\u043b\u0430\u0442\u0438\u0442. \u0422\u0430\u043a\u043e\u0439 \u043f\u043e\u0434\u0445\u043e\u0434 \u0434\u0430\u0435\u0442 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0434\u043b\u044f \u043c\u0435\u043d\u044f \u0438 \u043e\u0441\u043e\u0437\u043d\u0430\u043d\u043d\u043e\u0435 \u043f\u043e\u0442\u0440\u0435\u0431\u043b\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u043a\u043b\u0438\u0435\u043d\u0442\u0430. \u0418 \u0432\u0441\u0435 \u0440\u0430\u0432\u043d\u043e \u044f \u0443\u043f\u0435\u0440\u0441\u044f \u0432 \u043f\u043e\u0442\u043e\u043b\u043e\u043a.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/e3a\/4fc\/b8f\/e3a4fcb8f43f8c945daa589d31c53d2e.png\" alt=\"\u041d\u043e\u0432\u044b\u0439 \u0440\u0435\u043a\u043e\u0440\u0434, \u0431\u043e\u043b\u0435\u0435 100 RPS\" title=\"\u041d\u043e\u0432\u044b\u0439 \u0440\u0435\u043a\u043e\u0440\u0434, \u0431\u043e\u043b\u0435\u0435 100 RPS\" width=\"697\" height=\"392\"><\/p>\n<div><figcaption><em>\u041d\u043e\u0432\u044b\u0439 \u0440\u0435\u043a\u043e\u0440\u0434, \u0431\u043e\u043b\u0435\u0435 100 RPS<\/em><\/figcaption><\/div>\n<\/figure>\n<p>\u0423 \u043c\u043e\u0435\u0433\u043e \u0445\u043e\u0441\u0442\u0435\u0440\u0430 \u044d\u0442\u043e \u044d\u0442\u043e \u0432\u044b\u0441\u043e\u043a\u043e\u0447\u0430\u0441\u0442\u043e\u0442\u043d\u044b\u0439 \u0441\u0435\u0440\u0432\u0435\u0440 \u043d\u0430 5 \u0413\u0413\u0446, 8 \u044f\u0434\u0435\u0440, 16 \u0413\u0411 \u041e\u0417\u0423. \u041c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0431\u043e\u043b\u044c\u0448\u0435 \u043d\u0435\u043a\u0443\u0434\u0430, \u0442\u043e\u043b\u044c\u043a\u043e \u0435\u0441\u043b\u0438 \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e (\u0432 \u0441\u043b\u0443\u0447\u0430\u0435 \u0431\u0430\u0437\u044b \u0434\u0430\u043d\u043d\u044b\u0445 \u044d\u0442\u043e \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u0441\u043b\u043e\u0436\u043d\u044b\u0439 \u043f\u0443\u0442\u044c) \u0438\u043b\u0438 \u043f\u0435\u0440\u0435\u0435\u0437\u0436\u0430\u0442\u044c.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/54c\/550\/6c7\/54c5506c73c1673be8ac19ac914bb08f.png\" alt=\"\u0422\u0435\u043a\u0443\u0449\u0438\u0435 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u0438 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u043d\u0430 \u0441\u0435\u0440\u0432\u0438\u0441\" title=\"\u0422\u0435\u043a\u0443\u0449\u0438\u0435 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u0438 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u043d\u0430 \u0441\u0435\u0440\u0432\u0438\u0441\" width=\"694\" height=\"193\"><\/p>\n<div><figcaption><em>\u0422\u0435\u043a\u0443\u0449\u0438\u0435 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u0438 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u043d\u0430 \u0441\u0435\u0440\u0432\u0438\u0441<\/em><\/figcaption><\/div>\n<\/figure>\n<p>\u041d\u0435 \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u044d\u0442\u043e\u0433\u043e \u0434\u0435\u043b\u0430\u0442\u044c, \u0442\u0430\u043a \u0447\u0442\u043e \u043f\u043e\u043a\u0430 \u044f \u043f\u0440\u0438\u0434\u0443\u043c\u044b\u0432\u0430\u044e \u0432\u0441\u044f\u043a\u0438\u0435 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438, \u043d\u043e \u043e\u0431 \u044d\u0442\u043e\u043c \u0432 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0440\u0430\u0437. \u0421\u0435\u0439\u0447\u0430\u0441 \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u0441\u043a\u0430\u0437\u0430\u0442\u044c, \u0447\u0442\u043e \u043d\u0435\u0442 \u043d\u0438\u043a\u0430\u043a\u0438\u0445 \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0439, \u0447\u0442\u043e \u0438\u0437 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0441\u044f <em>\u0431\u0438\u0437\u043d\u0435\u0441<\/em>, \u043d\u043e \u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u043e \u043d\u0435 \u0436\u0430\u043b\u0435\u044e, \u0447\u0442\u043e \u0437\u0430\u0432\u0430\u0440\u0438\u043b \u044d\u0442\u0443 \u043a\u0430\u0448\u0443. \u042f \u0442\u0443\u0442 \u043f\u043e \u0441\u0443\u0442\u0438 \u0438 \u0434\u0435\u0432\u043e\u043f\u0441\u0435\u0440, \u0438 \u0431\u044d\u043a\u0435\u043d\u0434\u0435\u0440, \u0438 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435\u0440 \u2014 \u043f\u0440\u043e\u043a\u0430\u0447\u0430\u043b\u0441\u044f \u0432\u043e \u0432\u0441\u0435\u043c \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u043b \u043a\u0443\u0447\u0443 \u0430\u0447\u0438\u0432\u043e\u043a. \u041f\u0435\u0442-\u043f\u0440\u043e\u0434\u0436\u0435\u043a\u0442\u044b \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0441\u0438\u043b\u044c\u043d\u043e \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u044e\u0442 \u0441\u043a\u0438\u043b\u043b\u044b, \u043d\u043e, \u043f\u0440\u0435\u0434\u0443\u043f\u0440\u0435\u0436\u0434\u0430\u044e: \u0435\u0441\u0442\u044c \u0440\u0438\u0441\u043a, \u0447\u0442\u043e \u043e\u043d\u0438 \u0441\u043e\u0436\u0440\u0443\u0442 \u0432\u0441\u0435 \u0432\u0430\u0448\u0435 \u0432\u0440\u0435\u043c\u044f \u0438 \u0437\u0430\u043c\u0435\u043d\u044f\u0442 \u043e\u0441\u043d\u043e\u0432\u043d\u0443\u044e \u0440\u0430\u0431\u043e\u0442\u0443 \u2014 \u0442\u043e\u0433\u0434\u0430 \u0442\u043e\u0447\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u043d\u0435 \u0434\u043e \u0441\u043a\u0443\u043a\u0438 \u2014 \u0432 \u0445\u043e\u0440\u043e\u0448\u0435\u043c \u0441\u043c\u044b\u0441\u043b\u0435 \u044d\u0442\u0438\u0445 \u0441\u043b\u043e\u0432.<\/p>\n<p>\u041d\u0430\u0434\u0435\u044e\u0441\u044c, \u0432\u0430\u043c \u0431\u044b\u043b\u043e \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e. \u041f\u043e\u043a\u0430 \u0447\u0442\u043e \u043c\u044b \u043d\u0435 \u0433\u043b\u0443\u0431\u043e\u043a\u043e \u0437\u0430\u0433\u043b\u044f\u043d\u0443\u043b\u0438 \u043f\u043e\u0434 \u043a\u0430\u043f\u043e\u0442 <a href=\"https:\/\/gamepush.com\/ru\/\" rel=\"noopener noreferrer nofollow\">\u043c\u043e\u0435\u0433\u043e \u0441\u0435\u0440\u0432\u0438\u0441\u0430<\/a>. \u041f\u0440\u043e \u043a\u0430\u043a\u0438\u0435 \u0430\u0441\u043f\u0435\u043a\u0442\u044b \u0435\u0433\u043e \u0440\u0430\u0431\u043e\u0442\u044b \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u0442\u044c \u0432 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0440\u0430\u0437?&nbsp;<\/p>\n<\/p>\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\/735466\/\"> https:\/\/habr.com\/ru\/articles\/735466\/<\/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<figure class=\"full-width\"><\/figure>\n<p>\u0412 \u043d\u0430\u0447\u0430\u043b\u0435 2020 \u0433\u043e\u0434\u0430 \u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430\u0447\u0438\u043d\u0430\u043b \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c HTML-\u0438\u0433\u0440\u044b, \u0438 \u043a\u043e\u043b\u043b\u0435\u0433\u0430 \u043f\u043e\u0441\u043e\u0432\u0435\u0442\u043e\u0432\u0430\u043b \u0432\u044b\u043b\u043e\u0436\u0438\u0442\u044c \u0447\u0442\u043e-\u043d\u0438\u0431\u0443\u0434\u044c \u043d\u0430 \u042f\u043d\u0434\u0435\u043a\u0441 \u0418\u0433\u0440\u0430\u0445 \u2014 \u044d\u0442\u0430 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0430 \u043d\u0435\u0434\u0430\u0432\u043d\u043e \u043e\u0442\u043a\u0440\u044b\u043b\u0430\u0441\u044c. \u041f\u0435\u0440\u0432\u044b\u043c \u0434\u0435\u043b\u043e\u043c \u043d\u0443\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c\u0441\u044f \u043a SDK \u042f\u043d\u0434\u0435\u043a\u0441\u0430. \u042f \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u044e \u0438\u0433\u0440\u044b \u043d\u0430 Construct. \u041e\u043d \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 JavaScript, \u0442\u0430\u043a \u0447\u0442\u043e \u044f \u043d\u0430\u043f\u0438\u0441\u0430\u043b \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u043a\u043e\u0434\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u043b \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0438\u0433\u0440\u043e\u043a\u043e\u0432 \u0438 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u0443, \u0438 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c\u0441\u044f \u043a SDK. \u041f\u043e\u0442\u043e\u043c \u0434\u043e\u0431\u0430\u0432\u0438\u043b \u0434\u043e\u0431\u0430\u0432\u0438\u043b \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0443 \u042f\u043d\u0434\u0435\u043a\u0441 \u041c\u0435\u0442\u0440\u0438\u043a\u0438, \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u0432\u0438\u0434\u0435\u043e \u0437\u0430 \u0432\u043e\u0437\u043d\u0430\u0433\u0440\u0430\u0436\u0434\u0435\u043d\u0438\u0435, \u0438 \u043f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e \u0441\u043e\u0431\u0440\u0430\u043b\u0430\u0441\u044c \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0430\u044f \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u0447\u043a\u0430. \u0422\u043e\u0433\u0434\u0430 \u044f \u0435\u0449\u0435 \u043d\u0435 \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u0430\u0433\u0430\u043b, \u0447\u0442\u043e \u0437\u0430 \u043f\u043e\u043b\u0442\u043e\u0440\u0430 \u0433\u043e\u0434\u0430 \u044d\u0442\u0430 \u0438\u0434\u0435\u044f \u0432\u044b\u0440\u0430\u0441\u0442\u0435\u0442 \u0432 \u0446\u0435\u043b\u044b\u0439 \u0441\u0435\u0440\u0432\u0438\u0441-\u043f\u043e\u0441\u0440\u0435\u0434\u043d\u0438\u043a \u0434\u043b\u044f \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 \u0441 \u0440\u0430\u0437\u043d\u044b\u043c\u0438 \u0438\u0433\u0440\u043e\u0432\u044b\u043c\u0438 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0430\u043c\u0438. \u041f\u043e\u0434 \u043a\u0430\u0442\u043e\u043c \u0440\u0430\u0441\u0441\u043a\u0430\u0436\u0443, \u043a\u0430\u043a \u0442\u0430\u043a \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c, \u0438 \u0447\u0442\u043e \u043f\u043e\u0434 \u043a\u0430\u043f\u043e\u0442\u043e\u043c \u0443 \u044d\u0442\u043e\u0439 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438.<\/p>\n<pre><code class=\"javascript\">class YandexSDK {     constructor () {      this.ready = new Promise(resolve =&gt; this.init = resolve);   }   setSDK (ysdk) {     this.ysdk = ysdk;   }   showFullscreen () {     this.ready.then(() =&gt; this.ysdk.adv.showFullscreenAdv({callbacks:{}}));   } }  const Yandex = new YandexSDK();  (function(d) {   var t = d.getElementsByTagName('script')[0];   var s = d.createElement('script');   s.src = 'https:\/\/yandex.ru\/games\/sdk\/v2';   s.async = true;   t.parentNode.insertBefore(s, t);   s.onload = initSDK; })(document);  function initSDK () {   YaGames.init({     adv: {       onAdvClose: wasShown =&gt; console.info('adv closed! was shown: ', wasShown)     },     screen: {       fullscreen: true,       orientation: {         value: 'portrait',         lock: true       }     }   }).then(ysdk =&gt; {     Yandex.setSDK(ysdk);     Yandex.init();   }); }<\/code><\/pre>\n<p><em>\u0422\u043e\u0442 \u0441\u0430\u043c\u044b\u0439 \u043f\u0435\u0440\u0432\u044b\u0439 \u0441\u043a\u0440\u0438\u043f\u0442 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u042f\u043d\u0434\u0435\u043a\u0441 SDK<\/em><\/p>\n<p>\u0421\u043f\u0435\u0440\u0432\u0430 \u044f \u043f\u0440\u043e\u0441\u0442\u043e \u0434\u0435\u043b\u0438\u043b\u0441\u044f \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u043e\u0439 \u0441 \u0434\u0440\u0443\u0437\u044c\u044f\u043c\u0438 \u0438 \u0437\u043d\u0430\u043a\u043e\u043c\u044b\u043c\u0438, \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u044e\u0449\u0438\u043c\u0438 \u0432 Construct \u2014 \u0434\u0430\u0432\u0430\u043b \u0438\u043c \u0433\u043e\u0442\u043e\u0432\u044b\u0439 \u0441\u043a\u0440\u0438\u043f\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u043b \u0438\u0433\u0440\u0443 \u043a \u042f\u043d\u0434\u0435\u043a\u0441 \u0418\u0433\u0440\u0430\u043c. \u041d\u043e \u0432 Construct \u0441 JS \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u0443\u0434\u043e\u0431\u043d\u043e, \u0438 \u044f \u0440\u0435\u0448\u0438\u043b \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u0430\u0442\u044c \u0432\u0441\u0435 \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u0430, \u2014 \u0447\u0442\u043e\u0431\u044b \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u043d\u0443\u0436\u043d\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f.<\/p>\n<figure class=\"full-width\">\n<div><figcaption><em>\u0421\u043f\u0438\u0441\u043e\u043a \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439 \u043f\u043b\u0430\u0433\u0438\u043d\u0430 \u043d\u0430 \u0442\u043e\u0442 \u043c\u043e\u043c\u0435\u043d\u0442, \u2014 \u043e\u043d \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u043b \u0442\u043e\u043b\u044c\u043a\u043e \u0441\u0430\u043c\u044b\u0435 \u0431\u0430\u0437\u043e\u0432\u044b\u0435 \u0432\u0435\u0449\u0438 \u0432\u0440\u043e\u0434\u0435 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u0438 \u0438 \u0440\u0430\u0431\u043e\u0442\u044b \u0441\u043e \u0441\u0442\u0430\u0442\u0438\u0441\u0442\u0438\u043a\u043e\u0439<\/em><\/figcaption><\/div>\n<\/figure>\n<p>\u0421\u043e\u0431\u0440\u0430\u043b \u043f\u0440\u043e\u0442\u043e\u0442\u0438\u043f \u0437\u0430 \u0442\u0440\u0438 \u0434\u043d\u044f \u0438 \u0432\u044b\u043b\u043e\u0436\u0438\u043b \u0432 \u043e\u0442\u043a\u0440\u044b\u0442\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f, \u0447\u0442\u043e\u0431\u044b \u0438\u043c \u043c\u043e\u0433\u043b\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0432\u0441\u0435 \u0436\u0435\u043b\u0430\u044e\u0449\u0438\u0435. \u041e\u043d \u0434\u043e \u0441\u0438\u0445 \u043f\u043e\u0440 <a href=\"https:\/\/yandex.ru\/dev\/games\/doc\/dg\/concepts\/plugins.html#plugins__construct\" rel=\"noopener noreferrer nofollow\"><u>\u0432\u0438\u0441\u0438\u0442 \u0432 \u0441\u043f\u0438\u0441\u043a\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u042f\u043d\u0434\u0435\u043a\u0441\u0430<\/u><\/a>. \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0438\u043c \u043a\u0442\u043e-\u0442\u043e \u0435\u0449\u0435 \u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f, \u0445\u043e\u0442\u044f \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0439 \u0434\u0430\u0432\u043d\u043e \u043d\u0435 \u0431\u044b\u043b\u043e.<\/p>\n<figure class=\"full-width\"><\/figure>\n<p>\u0424\u0443\u043d\u043a\u0446\u0438\u0439 \u043f\u043b\u0430\u0433\u0438\u043d\u0430 \u0445\u0432\u0430\u0442\u0430\u043b\u043e \u0434\u043b\u044f \u043f\u0440\u043e\u0441\u0442\u044b\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432, \u043d\u043e \u043f\u043e\u0442\u043e\u043c \u044f \u0443\u0432\u043b\u0435\u043a\u0441\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u043e\u0439 \u0438\u0433\u0440\u044b-\u0444\u0438\u043b\u0432\u043e\u0440\u0434\u0430 \u0438 \u0440\u0435\u0448\u0438\u043b, \u0447\u0442\u043e \u0432 \u043d\u0435\u0439 \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c \u0440\u0435\u0439\u0442\u0438\u043d\u0433 \u0438\u0433\u0440\u043e\u043a\u043e\u0432. \u0412 \u042f\u043d\u0434\u0435\u043a\u0441 \u0418\u0433\u0440\u0430\u0445 \u0442\u043e\u0433\u0434\u0430 \u043d\u0435 \u0431\u044b\u043b\u043e \u0441\u043e\u0431\u0441\u0432\u0435\u043d\u043d\u044b\u0445 \u043b\u0438\u0434\u0435\u0440\u0431\u043e\u0440\u0434\u043e\u0432, \u0442\u0430\u043a \u0447\u0442\u043e \u044f \u043d\u0430\u043f\u0438\u0441\u0430\u043b \u0441\u0435\u0440\u0432\u0435\u0440 \u043d\u0430 NodeJS, \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u043b MongoDB \u043a\u0430\u043a \u0431\u0430\u0437\u0443 \u0434\u0430\u043d\u043d\u044b\u0445, \u0438 \u0441\u0442\u0430\u043b \u0441\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0442\u044c \u0442\u0443\u0434\u0430 \u0440\u0435\u043a\u043e\u0440\u0434\u044b \u0438\u0433\u0440\u043e\u043a\u043e\u0432. \u041e\u043f\u044f\u0442\u044c \u0436\u0435, \u0432\u0441\u0435 \u044d\u0442\u043e \u0437\u0430\u0432\u0435\u0440\u043d\u0443\u043b \u0432 \u043f\u043b\u0430\u0433\u0438\u043d \u0434\u043b\u044f Construct \u0438 \u0431\u043b\u0430\u0433\u043e\u043f\u043e\u043b\u0443\u0447\u043d\u043e \u043e \u043d\u0435\u043c \u0437\u0430\u0431\u044b\u043b, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0438\u043b\u0441\u044f \u043d\u0430 \u0434\u0440\u0443\u0433\u043e\u0439 \u043f\u0440\u043e\u0435\u043a\u0442.<\/p>\n<figure class=\"full-width\"><\/figure>\n<p>\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439 \u0438\u0433\u0440\u043e\u0439 \u0431\u044b\u043b\u0430 <a href=\"https:\/\/yandex.ru\/games\/#app=148868\" rel=\"noopener noreferrer nofollow\"><u>\u043d\u0435\u0441\u043b\u043e\u0436\u043d\u0430\u044f \u043a\u0430\u0440\u0442\u043e\u0447\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u044f<\/u><\/a>. \u0412 \u042f\u043d\u0434\u0435\u043a\u0441 \u0418\u0433\u0440\u0430\u0445 \u043e\u043d\u0430 \u0432\u0440\u044f\u0434 \u043b\u0438 \u0445\u043e\u0440\u043e\u0448\u043e \u0431\u044b \u0437\u0430\u0448\u043b\u0430 \u2014 \u043d\u0435 \u0442\u0430 \u0430\u0443\u0434\u0438\u0442\u043e\u0440\u0438\u044f, \u0442\u0430\u043a \u0447\u0442\u043e \u044f \u043d\u0430\u043f\u0440\u0430\u0432\u0438\u043b\u0441\u044f \u0432 VK. \u0414\u0435\u043b\u0430\u0442\u044c \u0442\u0430\u043a\u043e\u0439 \u0436\u0435 \u043f\u043b\u0430\u0433\u0438\u043d \u043a\u0430\u043a \u0434\u043b\u044f \u042f\u043d\u0434\u0435\u043a\u0441 \u0441\u043e\u0432\u0441\u0435\u043c \u043d\u0435 \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c. \u0422\u043e\u0433\u0434\u0430 \u0438 \u043f\u043e\u044f\u0432\u0438\u043b\u0430\u0441\u044c \u043c\u044b\u0441\u043b\u044c, \u0447\u0442\u043e \u043d\u0443\u0436\u0435\u043d \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u043b\u0430\u0433\u0438\u043d, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 <s>\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0432\u0441\u0435\u043c\u0438 <\/s>&nbsp;\u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0442\u044c, \u043d\u0430 \u043a\u0430\u043a\u043e\u0439 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0435 \u0438\u0433\u0440\u0430, \u0438 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0442\u044c \u043c\u0435\u0441\u0442\u043d\u044b\u0439 SDK. \u042d\u0442\u043e \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u043b \u0431\u044b\u0442\u044c \u043f\u043e\u0441\u0440\u0435\u0434\u043d\u0438\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u044b\u0441\u0442\u0443\u043f\u0430\u0435\u0442 \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u043e\u0439 \u043e\u0431\u0435\u0440\u0442\u043a\u043e\u0439 \u043f\u043e\u0434 \u0440\u0430\u0437\u043d\u044b\u0435 SDK \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0445 \u043f\u043b\u043e\u0449\u0430\u0434\u043e\u043a.<\/p>\n<h2>\u041a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 SDK<\/h2>\n<p>Construct \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u0443\u0434\u043e\u0431\u043d\u044b\u0439, \u043d\u043e \u044d\u0442\u043e \u0432\u0441\u0435 \u0442\u0430\u043a\u0438 \u043d\u0438\u0448\u0435\u0432\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435, \u0435\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 \u0434\u0430\u043b\u0435\u043a\u043e \u043d\u0435 \u0432\u0441\u0435, \u0442\u0430\u043a \u0447\u0442\u043e \u044f \u0432\u044b\u043d\u0435\u0441 \u043b\u043e\u0433\u0438\u043a\u0443 \u043f\u043b\u0430\u0433\u0438\u043d\u0430 \u0432 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0441\u043a\u0440\u0438\u043f\u0442. \u0422\u0435\u043f\u0435\u0440\u044c \u043e\u0441\u043d\u043e\u0432\u043d\u0443\u044e \u0440\u0430\u0431\u043e\u0442\u0443 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u043b Javascript SDK, \u0430 \u043f\u043b\u0430\u0433\u0438\u043d \u0434\u0435\u0440\u0433\u0430\u043b \u0437\u0430 \u0440\u0443\u0447\u043a\u0438. \u041f\u0440\u043e\u0449\u0435 \u0433\u043e\u0432\u043e\u0440\u044f: \u0435\u0441\u043b\u0438 \u0432 \u043f\u043b\u0430\u0433\u0438\u043d\u0435 \u0432\u044b\u0437\u0432\u0430\u043b\u0438 \u00ab\u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u0443\u00bb, \u0442\u043e \u043e\u043d \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442 \u043c\u043e\u0439 SDK, \u0430 SDK \u043e\u0431\u0440\u0430\u0449\u0430\u0435\u0442\u0441\u044f \u043a \u0438\u0433\u0440\u043e\u0432\u043e\u0439 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0435 \u0438 \u0437\u0430\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u0435\u0442 \u043f\u043e\u043a\u0430\u0437 \u0440\u0435\u043a\u043b\u0430\u043c\u044b. \u0422\u0430\u043a\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043c\u043e\u0436\u043d\u043e \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0430 \u0432\u0441\u0435 \u0434\u0432\u0438\u0436\u043a\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0442 \u044d\u043a\u0441\u043f\u043e\u0440\u0442 \u0432 HTML, \u0432\u0435\u0437\u0434\u0435 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c JS SDK \u0438 \u0432\u0441\u0435 \u044d\u0442\u043e \u0437\u0430\u0432\u0435\u0441\u0442\u0438.<\/p>\n<h3>\u041a\u0430\u043a SDK \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0443<\/h3>\n<p>\u041d\u0430 \u0441\u043b\u043e\u0432\u0430\u0445 \u0432\u0441\u0435 \u0437\u0432\u0443\u0447\u0438\u0442 \u043f\u0440\u043e\u0441\u0442\u043e, \u043d\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0433\u043e SDK \u043e\u043a\u0430\u0437\u0430\u043b\u043e\u0441\u044c \u0441\u0432\u044f\u0437\u0430\u043d\u043e \u0441 \u043a\u0443\u0447\u0435\u0439 \u0442\u043e\u043d\u043a\u043e\u0441\u0442\u0435\u0439. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043d\u0435 \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u0442\u0430\u0449\u0438\u0442\u044c \u0431\u0430\u043d\u0434\u043b\u044b \u0432\u0441\u0435\u0445 \u043f\u043b\u043e\u0449\u0430\u0434\u043e\u043a \u0432 \u043e\u0434\u0438\u043d SDK.&nbsp;<\/p>\n<p>\u0412\u043e-\u043f\u0435\u0440\u0432\u044b\u0445, \u0442\u0430\u043a\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0431\u0443\u0434\u0435\u0442 \u043c\u043d\u043e\u0433\u043e \u0432\u0435\u0441\u0438\u0442\u044c, \u0430 \u0432\u043e-\u0432\u0442\u043e\u0440\u044b\u0445, \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0438 \u043f\u0440\u043e\u0441\u044f\u0442 \u0437\u0430\u0442\u0430\u0447\u0438\u0432\u0430\u0442\u044c \u0438\u0433\u0440\u044b \u043f\u043e\u0434 \u0441\u0432\u043e\u044e \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0443 \u0438, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u042f\u043d\u0434\u0435\u043a\u0441 \u0418\u0433\u0440\u044b \u043d\u0435 \u0434\u043e\u043f\u0443\u0441\u0442\u044f\u0442 \u0434\u043e \u0440\u0435\u043b\u0438\u0437\u0430 \u043f\u0440\u043e\u0435\u043a\u0442, \u0432 \u043a\u043e\u0434\u0435 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0435\u0441\u0442\u044c \u0441\u0442\u0440\u043e\u043a\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043e\u0431\u0440\u0430\u0449\u0430\u044e\u0442\u0441\u044f \u043a VK \u0438 \u043d\u0430\u043e\u0431\u043e\u0440\u043e\u0442.&nbsp;<\/p>\n<p>\u0418\u0437-\u0437\u0430 \u044d\u0442\u043e\u0433\u043e HTML-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0445\u043e\u0442\u044f\u0442 \u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0432 \u0440\u0430\u0437\u043d\u044b\u0445 \u043c\u0435\u0441\u0442\u0430\u0445, \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0442\u044c \u0441\u0440\u0430\u0437\u0443 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u0435\u0440\u0441\u0438\u0439 \u043e\u0434\u043d\u043e\u0439 \u0438 \u0442\u043e\u0439 \u0436\u0435 \u0438\u0433\u0440\u044b. \u0412 \u0438\u0434\u0435\u0430\u043b\u0435, \u0441\u043a\u0440\u0438\u043f\u0442 \u0434\u043e\u043b\u0436\u0435\u043d \u0441\u043d\u0438\u043c\u0430\u0442\u044c \u044d\u0442\u0443 \u0431\u043e\u043b\u044c, \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0442\u044c, \u043a \u043a\u0430\u043a\u043e\u0439 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0435 \u0435\u0433\u043e \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u044e\u0442, \u0438 \u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u043e\u0434\u0433\u0440\u0443\u0436\u0430\u0442\u044c \u043d\u0443\u0436\u043d\u044b\u0439 \u0431\u0430\u043d\u0434\u043b.<\/p>\n<p>\u042f \u0432\u044b\u0431\u0440\u0430\u043b \u043f\u0443\u0442\u044c \u043a\u043e\u0441\u0432\u0435\u043d\u043d\u043e\u0433\u043e \u0430\u0432\u0442\u043e\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0438 \u0447\u0435\u0440\u0435\u0437 URL \u0430\u0434\u0440\u0435\u0441 \u0444\u0440\u0435\u0439\u043c\u0430, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u0448\u0438\u0442\u0430 \u0438\u0433\u0440\u0430. \u041a\u0430\u0436\u0434\u0430\u044f \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0430 \u043f\u0435\u0440\u0435\u0434\u0430\u0435\u0442 \u0443\u0441\u043b\u043e\u0432\u043d\u043e \u043a\u0430\u043a\u043e\u0439-\u0442\u043e ID \u0432 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430\u0445 \u0441\u0441\u044b\u043b\u043a\u0438, \u0438 \u043f\u043e \u043d\u0438\u043c \u043c\u043e\u0436\u043d\u043e \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u042f\u043d\u0434\u0435\u043a\u0441 \u044d\u0442\u043e \u0438\u043b\u0438 VK.<\/p>\n<figure class=\"\"><\/figure>\n<p>\u0414\u043b\u044f \u042f\u043d\u0434\u0435\u043a\u0441 \u0418\u0433\u0440 \u0438\u043d\u0434\u0438\u043a\u0430\u0442\u043e\u0440\u043e\u043c \u0441\u043b\u0443\u0436\u0438\u0442 \u0445\u043e\u0441\u0442 \u2014 <a href=\"http:\/\/games.s3.yandex.net\" rel=\"noopener noreferrer nofollow\">games.s3.yandex.net<\/a>. \u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0438\u0437 \u043d\u0435\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u0437\u0430\u0431\u0440\u0430\u0442\u044c ID \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0438 \u2014 148868.<\/p>\n<figure class=\"\"><\/figure>\n<p>\u0414\u043b\u044f VK \u0438\u0433\u0440\u0443 \u043d\u0443\u0436\u043d\u043e \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u0442\u044c \u043d\u0430 \u0441\u0432\u043e\u0435\u043c \u0445\u043e\u0441\u0442\u0438\u043d\u0433\u0435, \u0442\u0430\u043a \u0447\u0442\u043e \u043c\u0435\u0442\u043e\u0434 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043f\u043e \u0445\u043e\u0441\u0442\u0443 \u043d\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442. \u0417\u0430\u0442\u043e VK \u043f\u0440\u043e\u043a\u0438\u0434\u044b\u0432\u0430\u0435\u0442 \u0432 URL \u0444\u0440\u0435\u0439\u043c\u0430 \u0441\u0432\u043e\u0438 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b: api_id, viewer_id \u0438 auth_key \u2014 \u0434\u043b\u044f \u0438\u0433\u0440 \u0438 vk_user_id, sign, vk_app_id \u0434\u043b\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439. \u0418\u0445 \u043d\u0430\u043b\u0438\u0447\u0438\u044f \u0445\u0432\u0430\u0442\u0430\u0435\u0442, \u0447\u0442\u043e\u0431\u044b \u0443\u0434\u043e\u0441\u0442\u043e\u0432\u0435\u0440\u0438\u0442\u044c\u0441\u044f, \u0447\u0442\u043e \u043f\u0435\u0440\u0435\u0434 \u043d\u0430\u043c\u0438 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0430 VK. \u042d\u0442\u043e\u0442 \u043c\u0435\u0442\u043e\u0434 \u043a\u043e\u0441\u0432\u0435\u043d\u043d\u044b\u0439, \u0434\u0430\u0436\u0435 \u043a\u043e\u0441\u0442\u044b\u043b\u044c\u043d\u044b\u0439, \u043d\u043e \u043e\u043d \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442.<\/p>\n<p>\u0415\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u0430\u044f \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0430, \u0433\u0434\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043f\u043e URL \u0444\u0440\u0435\u0439\u043c\u0430 \u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0431\u0435\u0441\u043f\u043e\u043b\u0435\u0437\u043d\u044b\u043c \u2014 \u044d\u0442\u043e Smart Market. \u0424\u0440\u0435\u0439\u043c \u0437\u0434\u0435\u0441\u044c \u0447\u0438\u0441\u0442\u044b\u0439, URL \u043f\u0443\u0441\u0442\u043e\u0439, \u043d\u0438\u043a\u0430\u043a\u0438\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043d\u0435 \u043f\u0435\u0440\u0435\u0434\u0430\u0435\u0442 \u2014 \u043d\u0435 \u0437\u0430 \u0447\u0442\u043e \u0443\u0446\u0435\u043f\u0438\u0442\u044c\u0441\u044f. \u0412 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u044e \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0443 \u0447\u0435\u0440\u0435\u0437 \u044f\u0432\u043d\u043e\u0435 \u043f\u0440\u043e\u043a\u0438\u0434\u044b\u0432\u0430\u043d\u0438\u0435 get-\u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430 _platform &#8212; ?_platform=SMARTMARKET<\/p>\n<h3>\u041a\u0430\u043a SDK \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u0442 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044e \u0438 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u043a \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0435<\/h3>\n<figure class=\"full-width\"><\/figure>\n<p>\u041f\u043e\u0441\u043b\u0435 \u0442\u043e\u0433\u043e \u043a\u0430\u043a \u0441\u0435\u0440\u0432\u0438\u0441 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u043b \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0443, \u0434\u043b\u044f \u043d\u0435\u0435 \u043d\u0443\u0436\u043d\u043e \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u0443\u044e \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044e. \u0412 \u043d\u0435\u0435 \u0432\u0445\u043e\u0434\u044f\u0442 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0431\u0430\u043d\u043d\u0435\u0440\u043e\u0432 (\u0447\u0430\u0441\u0442\u043e\u0442\u0430 \u043f\u043e\u043a\u0430\u0437\u0430 \u0438 \u0430\u0432\u0442\u043e\u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f, ID \u0438 \u0440\u0430\u0437\u043c\u0435\u0440\u044b \u0431\u043b\u043e\u043a\u043e\u0432), \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043e\u0431 \u0438\u0433\u0440\u0435, ID \u0441\u0447\u0435\u0442\u0447\u0438\u043a\u043e\u0432 \u043c\u0435\u0442\u0440\u0438\u043a, \u043f\u043e\u043b\u044f \u0438\u0433\u0440\u043e\u043a\u0430, \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0438 \u043c\u043d\u043e\u0433\u043e \u0434\u0440\u0443\u0433\u043e\u0439 \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0439 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438.<\/p>\n<p>\u0417\u0430 \u043d\u0435\u0439 SDK \u043e\u0431\u0440\u0430\u0449\u0430\u0435\u0442\u0441\u044f \u043a \u0441\u0435\u0440\u0432\u0435\u0440\u0443 \u0438 \u043f\u0430\u0440\u0430\u043b\u043b\u0435\u043b\u044c\u043d\u043e \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0442\u044c \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 SDK \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0438 \u0438 \u0441\u0430\u043c\u0443 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0438 \u2014 \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u042f\u043d\u0434\u0435\u043a\u0441 SDK \u0438\u043b\u0438 VK Bridge.&nbsp;<\/p>\n<p>\u042f \u0440\u0435\u0448\u0438\u043b \u0440\u0430\u0437\u0431\u0438\u0442\u044c \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0430\u043c\u0438 \u043d\u0430 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0435 \u0447\u0430\u043d\u043a\u0438 \u0447\u0435\u0440\u0435\u0437 Webpack \u2014 \u043a\u0430\u0436\u0434\u044b\u0439 \u0447\u0430\u043d\u043a \u2014 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0430\u044f \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0430. \u042d\u0442\u043e \u0440\u0435\u0448\u0438\u043b\u043e \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u0432\u0435\u0441\u0430 \u043f\u0440\u0438 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0443 \u043f\u043e\u0434 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0443 \u0433\u0440\u0443\u0437\u0438\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0443\u0436\u043d\u044b\u0439 \u0447\u0430\u043d\u043a.<\/p>\n<pre><code class=\"typescript\">const toolsBundles: Record&lt;PlatformType, PlatformChunk&gt; = {     [PlatformType.YANDEX]: () =&gt; import(\/* webpackChunkName: 'platforms\/platform.yandex' *\/ '.\/tools\/getYandexTools'),     [PlatformType.VK]: () =&gt; import(\/* webpackChunkName: 'platforms\/platform.vk' *\/ '.\/tools\/getVKTools'),     [PlatformType.OK]: () =&gt; import(\/* webpackChunkName: 'platforms\/platform.ok' *\/ '.\/tools\/getOKTools'),     \/\/ ... };<\/code><\/pre>\n<p><em>\u041f\u0440\u0438\u043c\u0435\u0440 \u0441\u043f\u0438\u0441\u043a\u0430 \u0447\u0430\u043d\u043a\u043e\u0432<\/em><\/p>\n<p>\u0423 \u0432\u0441\u0435\u0445 \u043f\u043b\u043e\u0449\u0430\u0434\u043e\u043a \u0440\u0430\u0437\u043d\u0430\u044f \u043b\u043e\u0433\u0438\u043a\u0430, \u043a\u043e\u0434, \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u0432 \u0438 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b, \u0442\u0430\u043a \u0447\u0442\u043e \u044f \u0434\u0435\u0440\u0436\u0443 \u0432 \u0431\u0430\u043d\u0434\u043b\u0435 \u043e\u0431\u0435\u0440\u0442\u043a\u0443, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0432\u0435\u0440\u043d\u0435\u0442 \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 SDK \u0442\u043e, \u0447\u0442\u043e \u043c\u043d\u0435 \u043d\u0443\u0436\u043d\u043e. \u0412\u043e\u0442 \u043f\u0440\u0438\u043c\u0435\u0440 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u043e\u0439:<\/p>\n<pre><code class=\"typescript\">export default async function getYandexTools(tools: PlatformBootupTools) {     const sdk = new YandexSDK(tools.gp, {});      \/\/ \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u0435\u043c SDK     const [, , projectConfig] = await Promise.all([         \/\/ \u041d\u0430\u0447\u0438\u043d\u0430\u0435\u043c \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0442\u044c SDK         sdk.init(),         \/\/ \u041d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u043c \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430         tools.setupStorage([new YandexStorage(sdk), new YandexPlayerStorage(sdk)]),         \/\/ \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u043a\u043e\u043d\u0444\u0438\u0433 \u0441 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 \u0441 \u0443\u0447\u0435\u0442\u043e\u043c \u044f\u0437\u044b\u043a\u0430 \u0438\u0433\u0440\u043e\u043a\u0430         tools.fetchConfig(sdk.lang),     ]);      \/\/ \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u0430\u0434\u0430\u043f\u0442\u0435\u0440\u044b \u043f\u043e\u0434 SDK     const adsAdapter = new YandexAdsAdapter(sdk, projectConfig.platformConfig);     const appAdapter = new YandexAppAdapter(sdk);     const playerAdapter = new YandexPlayerAdapter(sdk);     const platformAdapter = new YandexPlatformAdapter(sdk);     const socialsAdapter = new YandexSocialsAdapter(sdk);     const paymentsAdapter = new YandexPaymentsAdapter(sdk);      return {         adsAdapter,         appAdapter,         playerAdapter,         platformAdapter,         socialsAdapter,         paymentsAdapter,         projectConfig,     }; }<\/code><\/pre>\n<p>\u0417\u0430\u0442\u0435\u043c \u044f \u043f\u043e\u043b\u0443\u0447\u0430\u044e \u043d\u0443\u0436\u043d\u044b\u0435 \u0430\u0434\u0430\u043f\u0442\u0435\u0440\u044b \u043e\u0442 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0438 \u0438 \u0441\u043a\u0430\u0440\u043c\u043b\u0438\u0432\u0430\u044e \u0438\u0445 \u0432 \u043c\u043e\u0434\u0443\u043b\u0438 \u043c\u043e\u0435\u0433\u043e SDK.<\/p>\n<pre><code class=\"javascript\">const platformTools = await getToolsByPlatform({ platformType, tools });  const {     adsAdapter,     playerAdapter,     platformAdapter,     socialsAdapter,     paymentsAdapter,     projectConfig,     appAdapter, } = platformTools;  const platform = new Platform(platformAdapter); const ads = new Ads(adsAdapter, projectConfig.asdConfig); const app = new App(appAdapter, projectConfig.project); const socials = new Socials(socialsAdapter); const player = new Player(playerAdapter, projectConfig.playerFields); const payments = new Payments(paymentsAdapter); const variables = new GameVariables(projectConfig.gameVariables); const achievements = new Achievements(projectConfig.achievements);<\/code><\/pre>\n<p>\u0420\u0430\u0431\u043e\u0442\u0430\u044f \u0441 \u0435\u0434\u0438\u043d\u044b\u043c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043e\u043c, \u044f, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u044e, \u0447\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u0443, \u0430 \u043e\u0431\u0435\u0440\u0442\u043a\u0430 \u0437\u043d\u0430\u0435\u0442, \u043a\u0430\u043a \u044d\u0442\u043e \u0432\u044b\u0437\u0432\u0430\u0442\u044c, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432 \u042f\u043d\u0434\u0435\u043a\u0441 SDK \u0438\u043b\u0438 \u0432 VK Bridge. \u0412 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u043d\u0435 \u0432\u0430\u0436\u043d\u043e, \u043a \u043a\u0430\u043a\u043e\u0439 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0435 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0430 \u0438\u0433\u0440\u0430, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u043f\u0440\u0438\u0434\u0435\u0442 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u0439.<\/p>\n<pre><code class=\"typescript\">export default abstract class AbstractAdsAdapter {     isStickyAvailable: boolean;     isFullscreenAvailable: boolean;     isRewardedAvailable: boolean;     isPreloaderAvailable: boolean;      async showPreloader(banner: Banner): Promise&lt;boolean&gt; {         return Promise.resolve(true);     }     async showFullscreen(banner: Banner): Promise&lt;boolean&gt; {         return Promise.resolve(true);     }     async showRewardedVideo(banner: Banner): Promise&lt;boolean&gt; {         return Promise.resolve(true);     }     async showSticky(banner: Banner): Promise&lt;boolean&gt; {         return Promise.resolve(true);     }     async refreshSticky(banner: Banner): Promise&lt;boolean&gt; {         return Promise.resolve(true);     }     async closeSticky() {} }<\/code><\/pre>\n<p><em>\u041f\u0440\u0438\u043c\u0435\u0440 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u0434\u043b\u044f \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u043e\u0433\u043e \u0430\u0434\u0430\u043f\u0442\u0435\u0440\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0434\u043e\u043b\u0436\u043d\u0430 \u0443\u0434\u043e\u0432\u043b\u0435\u0442\u0432\u043e\u0440\u0438\u0442\u044c \u0438\u043c\u043f\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0433\u043e \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u043e\u0433\u043e \u0430\u0434\u0430\u043f\u0442\u0435\u0440\u0430 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0438<\/em><\/p>\n<h3>\u0427\u0435\u0433\u043e \u0435\u0449\u0435 \u043d\u0435 \u0445\u0432\u0430\u0442\u0430\u043b\u043e \u0432 \u043f\u0435\u0440\u0432\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u0430<\/h3>\n<figure class=\"\"><\/figure>\n<p>\u041d\u0430 \u0431\u044d\u043a\u0435\u043d\u0434\u0435 \u043d\u0443\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043a\u0430\u043a\u0443\u044e-\u0442\u043e \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044e. \u042f \u0440\u0435\u0448\u0438\u043b \u043d\u0435 \u043f\u0430\u0440\u0438\u0442\u044c\u0441\u044f, \u0438 \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0441\u044f \u0433\u043e\u0442\u043e\u0432\u044b\u043c \u0440\u0435\u0448\u0435\u043d\u0438\u0435\u043c \u043e\u0442 Google. \u0418\u043d\u0430\u0447\u0435 \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u0431\u044b \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0443<\/p>\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-347571","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/347571","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=347571"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/347571\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=347571"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=347571"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=347571"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}