{"id":476789,"date":"2026-04-21T10:06:41","date_gmt":"2026-04-21T10:06:41","guid":{"rendered":"https:\/\/savepearlharbor.com\/?p=476789"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=476789","title":{"rendered":"\u041a\u0430\u043a \u0443\u043f\u0430\u043a\u043e\u0432\u0430\u0442\u044c React \u0438 \u0442\u0440\u0438 Java-\u0441\u0435\u0440\u0432\u0438\u0441\u0430 \u0432 \u043e\u0434\u0438\u043d .exe \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Electron \u0438 \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0441\u043b\u043e\u043c\u0430\u0442\u044c"},"content":{"rendered":"<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<p>\u0412\u0441\u0435\u043c \u043f\u0440\u0438\u0432\u0435\u0442! \u041c\u0435\u043d\u044f \u0437\u043e\u0432\u0443\u0442 \u0415\u0432\u0433\u0435\u043d\u0438\u0439 \u041e\u0441\u0435\u043b\u0435\u0434\u0435\u0446, \u044f \u0432\u0435\u0434\u0443\u0449\u0438\u0439 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0432 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 Axenix. \u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u0440\u0430\u0441\u0441\u043a\u0430\u0436\u0443, \u043a\u0430\u043a \u043c\u044b \u0443\u043f\u0430\u043a\u043e\u0432\u0430\u043b\u0438 <strong>React <\/strong>\u0438 <strong>Java <\/strong>\u0432 \u0435\u0434\u0438\u043d\u043e\u0435 \u0430\u0432\u0442\u043e\u043d\u043e\u043c\u043d\u043e\u0435 desktop-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e <strong>Electron <\/strong>\u0434\u043b\u044f <strong>Windows<\/strong>, <strong>Linux <\/strong>\u0438 <strong>macOS <\/strong>\u2014 \u0431\u0435\u0437 <strong>Docker<\/strong>, \u0431\u0435\u0437 \u043f\u0440\u0435\u0434\u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u043e\u0439 <strong>Java <\/strong>\u0443 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0438 \u0431\u0435\u0437 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u0441\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u044f. \u0420\u0430\u0441\u0441\u043a\u0430\u0436\u0443, \u0441 \u043a\u0430\u043a\u0438\u043c\u0438 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u043c\u0438 \u0432\u044b\u0437\u043e\u0432\u0430\u043c\u0438 \u043c\u044b \u0441\u0442\u043e\u043b\u043a\u043d\u0443\u043b\u0438\u0441\u044c, \u0438 \u043a\u0430\u043a\u0438\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0441\u0440\u0430\u0431\u043e\u0442\u0430\u043b\u0438 \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435.<\/p>\n<p>\u0421\u043d\u0430\u0440\u0443\u0436\u0438 \u044d\u0442\u043e \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u043a\u0430\u043a \u043e\u0431\u044b\u0447\u043d\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435: \u0441\u043a\u0430\u0447\u0430\u043b, \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043b, \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u043b. \u041f\u043e\u0434 \u043a\u0430\u043f\u043e\u0442\u043e\u043c \u2014 Electron, \u0442\u0440\u0438 JAR-\u0441\u0435\u0440\u0432\u0438\u0441\u0430, \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u0430\u044f JRE, \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0439 NSIS-\u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0449\u0438\u043a \u0438 \u043b\u043e\u0433\u0438\u043a\u0430 \u043e\u0440\u043a\u0435\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u0432\u0441\u0435\u0433\u043e \u044d\u0442\u043e\u0433\u043e \u0445\u043e\u0437\u044f\u0439\u0441\u0442\u0432\u0430. \u042d\u0442\u043e \u0441\u0442\u0430\u0442\u044c\u044f \u043d\u0435 \u043f\u0440\u043e &#171;\u043a\u0430\u043a \u043a\u0440\u0430\u0441\u0438\u0432\u043e \u0432\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0432\u0435\u0431 \u0432 desktop&#187;, \u0430 \u043f\u0440\u043e \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u0443\u044e \u0440\u0443\u0442\u0438\u043d\u0443, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u0441\u043b\u0435 \u043f\u0435\u0440\u0432\u043e\u0439 \u0443\u0441\u043f\u0435\u0448\u043d\u043e\u0439 \u0441\u0431\u043e\u0440\u043a\u0438. \u041f\u043e\u043a\u0430\u0436\u0443 \u043f\u0443\u0442\u044c \u043f\u043e \u0448\u0430\u0433\u0430\u043c: \u0447\u0442\u043e \u043c\u044b \u0445\u043e\u0442\u0435\u043b\u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c, \u0433\u0434\u0435 \u043e\u0448\u0438\u0431\u043b\u0438\u0441\u044c \u0438 \u043a\u0430\u043a \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u044f\u043b\u0438\u0441\u044c.<\/p>\n<h3>\u0427\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u0432 \u0441\u0442\u0430\u0442\u044c\u0435<\/h3>\n<ul>\n<li>\n<p>\u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 Electron \u043a \u043f\u0440\u043e\u0435\u043a\u0442\u0443 \u043d\u0430 React \u0438 Vite<\/p>\n<\/li>\n<li>\n<p>\u0437\u0430\u043f\u0443\u0441\u043a \u0442\u0440\u0451\u0445 Java-\u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432 \u0438\u0437 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f<\/p>\n<\/li>\n<li>\n<p>\u0442\u0438\u043f\u0438\u0447\u043d\u044b\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u0441\u043f\u043b\u044b\u0432\u0430\u044e\u0442 \u0441\u0440\u0430\u0437\u0443 \u0438\u043b\u0438 \u043f\u043e\u0447\u0442\u0438 \u0441\u0440\u0430\u0437\u0443:<\/p>\n<ul>\n<li>\n<p>\u0436\u0438\u0437\u043d\u0435\u043d\u043d\u044b\u0439 \u0446\u0438\u043a\u043b \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432(Graceful Shutdown \u0438 \u0442.\u0434.)<\/p>\n<\/li>\n<li>\n<p>\u043b\u043e\u0433\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435<\/p>\n<\/li>\n<li>\n<p>\u043e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u043d\u0438\u0435 \u0433\u043e\u0442\u043e\u0432\u043d\u043e\u0441\u0442\u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432(heathcheck)<\/p>\n<\/li>\n<li>\n<p><code>file:\/\/<\/code> \u0432 \u0438\u0441\u0445\u043e\u0434\u044f\u0449\u0438\u0445 \u0437\u0430\u043f\u0440\u043e\u0441\u0430\u0445 <\/p>\n<\/li>\n<li>\n<p>Java runtime \u0438 \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0445<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p>\u0432 \u043a\u043e\u043d\u0446\u0435 \u0444\u0438\u043a\u0441\u0438\u0440\u0443\u0435\u043c, \u0447\u0442\u043e \u0438\u0437 \u044d\u0442\u043e\u0433\u043e \u043e\u043a\u0430\u0437\u0430\u043b\u043e\u0441\u044c \u0440\u0430\u0431\u043e\u0447\u0438\u043c \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u043e\u043c, \u0430 \u0447\u0442\u043e \u043e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043a\u043e\u043c\u043f\u0440\u043e\u043c\u0438\u0441\u0441\u043e\u043c<\/p>\n<\/li>\n<\/ul>\n<h3>\u041e\u0442\u043a\u0443\u0434\u0430 \u0432\u0437\u044f\u043b\u0430\u0441\u044c \u0437\u0430\u0434\u0430\u0447\u0430<\/h3>\n<p>\u041d\u0430\u0448 \u043f\u0440\u043e\u0435\u043a\u0442 <a href=\"https:\/\/axenix-innovation.pro\/brok\/\">BrOk<\/a> \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u043b\u0441\u044f \u043a\u0430\u043a \u043e\u0431\u044b\u0447\u043d\u043e\u0435 \u0432\u0435\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0431\u0440\u043e\u043a\u0435\u0440\u0430\u043c\u0438 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439 \u0438 \u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u043c \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432, \u043d\u043e \u0432 \u043a\u0430\u043a\u043e\u0439-\u0442\u043e \u043c\u043e\u043c\u0435\u043d\u0442 \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u043b\u0430\u0441\u044c \u0430\u0432\u0442\u043e\u043d\u043e\u043c\u043d\u0430\u044f desktop-\u0432\u0435\u0440\u0441\u0438\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. <\/p>\n<blockquote>\n<p>NB \u0412 \u0441\u0442\u0430\u0442\u044c\u0435 \u044f \u0431\u0443\u0434\u0443 \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0442\u044c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u043d\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u043e\u0441\u0442\u0438, \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e \u043f\u0440\u043e \u043f\u0440\u0435\u0434\u043c\u0435\u0442\u043d\u0443\u044e \u043e\u0431\u043b\u0430\u0441\u0442\u044c \u0438 \u0431\u043e\u043b\u0438, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0440\u0435\u0448\u0430\u0435\u0442 \u043d\u0430\u0448\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u043e\u0447\u0438\u0442\u0430\u0442\u044c \u0432 \u0441\u0442\u0430\u0442\u044c\u0435 \u043c\u043e\u0435\u0433\u043e \u043a\u043e\u043b\u043b\u0435\u0433\u0438 <a href=\"https:\/\/habr.com\/ru\/companies\/axenix\/articles\/886042\/\">\u0442\u0443\u0442<\/a>. <\/p>\n<\/blockquote>\n<p>\u0422\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u0431\u044b\u043b\u0438 \u043e\u0447\u0435\u043d\u044c \u043f\u0440\u0438\u0437\u0435\u043c\u043b\u0451\u043d\u043d\u044b\u0435:<\/p>\n<ul>\n<li>\n<p>\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0431\u0435\u0437 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442\u0430<\/p>\n<\/li>\n<li>\n<p>\u0431\u0435\u0437 Docker<\/p>\n<\/li>\n<li>\n<p>MVP \u0437\u0430 \u043f\u0430\u0440\u0443 \u043d\u0435\u0434\u0435\u043b\u044c<\/p>\n<\/li>\n<\/ul>\n<p>\u041c\u044b \u0432\u044b\u0431\u0438\u0440\u0430\u043b\u0438 \u043c\u0435\u0436\u0434\u0443 Electron \u0438 Tauri. \u0412 \u043e\u0431\u0449\u0438\u0445 \u0447\u0435\u0440\u0442\u0430\u0445 \u0443 Electron \u043f\u043e\u0440\u043e\u0433 \u0432\u0445\u043e\u0434\u0430 \u0434\u043b\u044f \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u043d\u0438\u0436\u0435: \u0442\u043e\u0442 \u0436\u0435 JavaScript \u0438 Node.js, \u043f\u0440\u0438\u0432\u044b\u0447\u043d\u0430\u044f \u043c\u043e\u0434\u0435\u043b\u044c \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f, \u0437\u0430\u0442\u043e \u0434\u043e\u0432\u0435\u0441\u0442\u0438 \u0440\u0430\u0437\u043c\u0435\u0440 \u0438 \u043f\u043e\u0442\u0440\u0435\u0431\u043b\u0435\u043d\u0438\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432 \u0434\u043e \u0438\u0434\u0435\u0430\u043b\u0430 \u043e\u0431\u044b\u0447\u043d\u043e \u0441\u043b\u043e\u0436\u043d\u0435\u0435. \u0423 Tauri \u2014 \u043c\u0435\u043d\u044c\u0448\u0438\u0439 \u0440\u0430\u0437\u043c\u0435\u0440 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u0432\u044b\u0448\u0435 \u043f\u043b\u0430\u043d\u043a\u0430 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 &#171;\u0438\u0437 \u043a\u043e\u0440\u043e\u0431\u043a\u0438&#187;, \u043d\u043e \u043d\u0443\u0436\u0435\u043d Rust \u0438 \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043d\u0430\u0442\u0438\u0432\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u0438, \u0438\u0437\u2011\u0437\u0430 \u0447\u0435\u0433\u043e \u043a\u0440\u0438\u0432\u0430\u044f \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u044f \u0437\u0430\u043c\u0435\u0442\u043d\u043e \u043a\u0440\u0443\u0447\u0435. \u041e\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043b\u0438\u0441\u044c \u043d\u0430 Electron: \u0440\u0435\u0448\u0430\u044e\u0449\u0438\u043c\u0438 \u043e\u043a\u0430\u0437\u0430\u043b\u0438\u0441\u044c \u043d\u0438\u0437\u043a\u0438\u0439 \u043f\u043e\u0440\u043e\u0433 \u0432\u0445\u043e\u0434\u0430 \u0438 \u043f\u0440\u0435\u0434\u0441\u043a\u0430\u0437\u0443\u0435\u043c\u0430\u044f \u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u2014 \u0434\u043b\u044f \u043d\u0430\u0448\u0435\u0439 \u0437\u0430\u0434\u0430\u0447\u0438 \u0438 \u0441\u0440\u043e\u043a\u043e\u0432 \u044d\u0442\u043e \u0434\u0430\u0432\u0430\u043b\u043e \u043c\u0435\u043d\u044c\u0448\u0435 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u043e\u0433\u043e \u0440\u0438\u0441\u043a\u0430.<\/p>\n<h3>\u0427\u0442\u043e \u0438\u043c\u0435\u043d\u043d\u043e \u043d\u0443\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0443\u043f\u0430\u043a\u043e\u0432\u0430\u0442\u044c<\/h3>\n<p>\u0414\u043e \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u044f desktop-\u0432\u0435\u0440\u0441\u0438\u0438 BrOk \u0436\u0438\u043b \u043a\u0430\u043a \u043e\u0431\u044b\u0447\u043d\u043e\u0435 \u0432\u0435\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435: \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0439 UI, \u0430 backend \u043d\u0430 Java \u0440\u0430\u0431\u043e\u0442\u0430\u043b \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e \u0432 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435. \u041a\u043e\u0433\u0434\u0430 \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u043b\u0441\u044f \u0430\u0432\u0442\u043e\u043d\u043e\u043c\u043d\u044b\u0439 \u0437\u0430\u043f\u0443\u0441\u043a &#171;\u043d\u0430 \u043c\u0430\u0448\u0438\u043d\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f&#187;, \u0441\u043e\u0441\u0442\u0430\u0432 \u043f\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u0440\u0435\u0437\u043a\u043e \u0438\u0437\u043c\u0435\u043d\u0438\u043b\u0441\u044f: \u0442\u0435\u043f\u0435\u0440\u044c \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 UI \u043c\u044b \u043e\u0431\u044f\u0437\u0430\u043d\u044b \u043f\u0440\u0438\u0432\u0435\u0437\u0442\u0438 \u0432\u0441\u044e \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u0443\u044e \u0441\u0440\u0435\u0434\u0443 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f.<\/p>\n<p>\u0412 desktop-\u043f\u043e\u0441\u0442\u0430\u0432\u043a\u0443 \u0432\u043e\u0448\u043b\u0438:<\/p>\n<ul>\n<li>\n<p>Electron\u00a0+\u00a0React<\/p>\n<\/li>\n<li>\n<p>main\/preload-\u0441\u043b\u043e\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442 \u0437\u0430\u043f\u0443\u0441\u043a\u043e\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f<\/p>\n<\/li>\n<li>\n<p>\u0442\u0440\u0438\u00a0Java-\u0441\u0435\u0440\u0432\u0438\u0441\u0430<\/p>\n<\/li>\n<li>\n<p>\u043a\u0430\u0441\u0442\u043e\u043c\u043d\u0430\u044f\u00a0JRE<\/p>\n<\/li>\n<\/ul>\n<p>\u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u0441\u0430\u043c\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043e\u0441\u0442\u0430\u0432\u0430\u043b\u043e\u0441\u044c \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e &#171;\u0442\u044f\u0436\u0451\u043b\u044b\u043c&#187; \u043f\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438. \u0423\u043f\u0430\u043a\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u043d\u0443\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u043d\u0435 \u043e\u0434\u0438\u043d \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434, \u0430 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u0443\u044e \u0441\u0440\u0435\u0434\u0443 \u0434\u043b\u044f \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u043a\u0440\u0443\u043f\u043d\u044b\u0445 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0445 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0435\u0432. <\/p>\n<p>\u0412\u043d\u0443\u0442\u0440\u0438 BrOk \u0442\u0440\u0438 \u043a\u0440\u0443\u043f\u043d\u044b\u0445 \u043c\u043e\u0434\u0443\u043b\u044f: \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0438, \u0431\u0440\u043e\u043a\u0435\u0440\u044b \u0438 REST.<\/p>\n<p><strong>\u0421\u0446\u0435\u043d\u0430\u0440\u0438\u0438 <\/strong>\u2014 \u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u0441 BPMN-\u043f\u043e\u0434\u043e\u0431\u043d\u044b\u043c \u0433\u0440\u0430\u0444\u043e\u043c. \u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442 \u043f\u043e\u0442\u043e\u043a \u0438\u0437 \u0443\u0437\u043b\u043e\u0432: \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0430 \u0438 \u0447\u0442\u0435\u043d\u0438\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439 \u0438\u0437 \u0431\u0440\u043e\u043a\u0435\u0440\u0430, SQL-\u0437\u0430\u043f\u0440\u043e\u0441\u044b, \u043f\u0430\u0443\u0437\u044b, REST-\u0432\u044b\u0437\u043e\u0432\u044b, Groovy-\u0441\u043a\u0440\u0438\u043f\u0442\u044b, \u043f\u043e\u0434\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u0438 \u043f\u043e\u0434\u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0438, \u0430 \u0442\u0430\u043a\u0436\u0435 \u044d\u043a\u0441\u043a\u043b\u044e\u0437\u0438\u0432\u043d\u044b\u0435, \u0438\u043d\u043a\u043b\u044e\u0437\u0438\u0432\u043d\u044b\u0435 \u0438 \u043f\u0430\u0440\u0430\u043b\u043b\u0435\u043b\u044c\u043d\u044b\u0435 \u0448\u043b\u044e\u0437\u044b \u0434\u043b\u044f \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043f\u043e\u0442\u043e\u043a\u043e\u043c \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f. <\/p>\n<figure class=\"full-width \"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/873\/d7f\/52d\/873d7f52d98477ff305bf6294f248988.png\" alt=\"\u0421\u0446\u0435\u043d\u0430\u0440\u0438\u0439 &quot;\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u0435 \u0437\u0430\u043a\u0430\u0437\u0430&quot; \u043f\u043e\u0441\u043b\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u0438\u0437 Kafka\" title=\"\u0421\u0446\u0435\u043d\u0430\u0440\u0438\u0439 &quot;\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u0435 \u0437\u0430\u043a\u0430\u0437\u0430&quot; \u043f\u043e\u0441\u043b\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u0438\u0437 Kafka\" width=\"1916\" height=\"948\" sizes=\"auto, (max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/getpro\/habr\/upload_files\/873\/d7f\/52d\/873d7f52d98477ff305bf6294f248988.png 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/873\/d7f\/52d\/873d7f52d98477ff305bf6294f248988.png 781w\" loading=\"lazy\" decode=\"async\"\/><\/p>\n<div><figcaption><em>\u0421\u0446\u0435\u043d\u0430\u0440\u0438\u0439 &#171;\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u0435 \u0437\u0430\u043a\u0430\u0437\u0430&#187; \u043f\u043e\u0441\u043b\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u0438\u0437 Kafka<\/em><\/figcaption><\/div>\n<\/figure>\n<p><strong>\u0411\u0440\u043e\u043a\u0435\u0440\u044b<\/strong>\u00a0\u2014 \u043c\u043e\u0434\u0443\u043b\u044c \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0431\u0440\u043e\u043a\u0435\u0440\u0430\u043c\u0438 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439. \u0421\u0435\u0439\u0447\u0430\u0441 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0442\u0441\u044f: Kafka (\u0441\u043e Schema Registry, KSQLDB \u0438 Kafka Connect), RabbitMQ, Redis, NATS, ActiveMQ\/Artemis, ETCD \u0438 Tarantool. \u0412\u043d\u0443\u0442\u0440\u0438 \u043c\u043e\u0434\u0443\u043b\u044f \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u043e\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0442\u044c \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0441 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430\u043c\u0438 \u0438 \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0439 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u043e\u0439, \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0432\u0440\u0443\u0447\u043d\u0443\u044e \u0438\u043b\u0438 \u0447\u0435\u0440\u0435\u0437 \u0448\u0430\u0431\u043b\u043e\u043d\u044b, \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0442\u043e\u043f\u0438\u043a\u0430\u043c\u0438 \u0438 \u043e\u0447\u0435\u0440\u0435\u0434\u044f\u043c\u0438.  <\/p>\n<figure class=\"full-width \"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/003\/d88\/e8f\/003d88e8f5f8e198baad3294b9f2dd3d.png\" alt=\"\u0427\u0442\u0435\u043d\u0438\u0435\/\u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0430 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0432 \u0442\u043e\u043f\u0438\u043a Kafka\" title=\"\u0427\u0442\u0435\u043d\u0438\u0435\/\u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0430 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0432 \u0442\u043e\u043f\u0438\u043a Kafka\" width=\"1918\" height=\"949\" sizes=\"auto, (max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/getpro\/habr\/upload_files\/003\/d88\/e8f\/003d88e8f5f8e198baad3294b9f2dd3d.png 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/003\/d88\/e8f\/003d88e8f5f8e198baad3294b9f2dd3d.png 781w\" loading=\"lazy\" decode=\"async\"\/><\/p>\n<div><figcaption><em>\u0427\u0442\u0435\u043d\u0438\u0435\/\u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0430 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0432 \u0442\u043e\u043f\u0438\u043a Kafka<\/em><\/figcaption><\/div>\n<\/figure>\n<p><strong>REST<\/strong>\u00a0\u2014 \u043c\u043e\u0434\u0443\u043b\u044c \u0434\u043b\u044f \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f HTTP-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432, \u043f\u043e \u0441\u0443\u0442\u0438 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0439 Postman: \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432, \u0432\u043a\u043b\u0430\u0434\u043a\u0438 \u0434\u043b\u044f Params\/Headers\/Body\/Script, \u0437\u0430\u043f\u0443\u0441\u043a \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0438 \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u043e\u0442\u0432\u0435\u0442\u043e\u0432 \u0441 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435\u043c \u0438\u0441\u0442\u043e\u0440\u0438\u0438.  <\/p>\n<figure class=\"full-width \"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/297\/5ef\/493\/2975ef493beefaa817ee4c68887f538e.png\" width=\"1892\" height=\"1002\" sizes=\"auto, (max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/getpro\/habr\/upload_files\/297\/5ef\/493\/2975ef493beefaa817ee4c68887f538e.png 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/297\/5ef\/493\/2975ef493beefaa817ee4c68887f538e.png 781w\" loading=\"lazy\" decode=\"async\"\/><\/figure>\n<p>\u0412 desktop-\u043f\u043e\u0441\u0442\u0430\u0432\u043a\u0435 backend \u043d\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437 \u0442\u0440\u0451\u0445\u00a0Java-\u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432, \u043a\u0430\u0436\u0434\u044b\u0439 \u0438\u0437 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442\u0441\u044f \u043a\u0430\u043a \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439\u00a0JAR-\u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0438 \u0441\u043b\u0443\u0448\u0430\u0435\u0442 \u0441\u0432\u043e\u0439 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u043e\u0440\u0442:<\/p>\n<ul>\n<li>\n<p><code>brok-core<\/code>\u00a0\u2014 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 API: \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438, \u0440\u0430\u0431\u043e\u0442\u0430 \u0441 \u0431\u0440\u043e\u043a\u0435\u0440\u0430\u043c\u0438 \u0438 \u0431\u0430\u0437\u043e\u0439 \u0434\u0430\u043d\u043d\u044b\u0445, \u043f\u043e\u0440\u0442\u00a0<code>21815<\/code><\/p>\n<\/li>\n<li>\n<p><code>brok-bpm<\/code>\u00a0\u2014 \u0434\u0432\u0438\u0436\u043e\u043a \u0431\u0438\u0437\u043d\u0435\u0441-\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u043d\u0430 \u0431\u0430\u0437\u0435 BPMN Camunda, \u043e\u0442\u0432\u0435\u0447\u0430\u0435\u0442 \u0437\u0430 \u0431\u043b\u043e\u043a \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0435\u0432, \u043f\u043e\u0440\u0442\u00a0<code>21816<\/code><\/p>\n<\/li>\n<li>\n<p><code>brok-context<\/code>\u00a0\u2014 \u0441\u0435\u0440\u0432\u0438\u0441 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430: \u0445\u0440\u0430\u043d\u0438\u0442 \u0438 \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435, \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u044b\u0435 \u0432 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0435 \u0440\u0430\u0431\u043e\u0442\u044b \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u044f \u0438\u043b\u0438 BPMN-\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430, \u043f\u043e\u0440\u0442\u00a0<code>21817<\/code><\/p>\n<\/li>\n<\/ul>\n<p>\u0412\u0441\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u0438\u0437\u00a0React\u00a0\u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0432\u00a0<code>brok-core<\/code>, \u0430 \u0443\u0436\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u044b \u043e\u0431\u0449\u0430\u044e\u0442\u0441\u044f \u043c\u0435\u0436\u0434\u0443 \u0441\u043e\u0431\u043e\u0439.\u00a0Electron\u00a0\u0432 \u044d\u0442\u043e\u0439 \u0441\u0445\u0435\u043c\u0435 \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u043d\u0435 &#171;\u043e\u0431\u0451\u0440\u0442\u043a\u043e\u0439 \u043d\u0430\u0434 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u043c&#187;, \u0430 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u043c \u043e\u0440\u043a\u0435\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u043e\u043c: \u043f\u043e\u0434\u043d\u0438\u043c\u0430\u0435\u0442 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b, \u0441\u043b\u0435\u0434\u0438\u0442 \u0437\u0430 \u0438\u0445 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435\u043c, \u043f\u0438\u0448\u0435\u0442 \u043b\u043e\u0433\u0438, \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0437\u0430\u0433\u0440\u0443\u0437\u043e\u0447\u043d\u044b\u0439 \u044d\u043a\u0440\u0430\u043d \u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u0442\u043e\u043c \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u0442 UI.<\/p>\n<figure class=\"full-width \"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/422\/4d3\/643\/4224d364343bf53ca3014960652a5b4e.png\" alt=\"\" title=\"\" width=\"1717\" height=\"655\" sizes=\"auto, (max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/getpro\/habr\/upload_files\/422\/4d3\/643\/4224d364343bf53ca3014960652a5b4e.png 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/422\/4d3\/643\/4224d364343bf53ca3014960652a5b4e.png 781w\" loading=\"lazy\" decode=\"async\"\/><\/figure>\n<h3>\u0410\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f<\/h3>\n<p>\u0412 \u0438\u0442\u043e\u0433\u0435 \u0432\u0441\u0451 \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u043e\u0435 \u0441 desktop \u0441\u043e\u0431\u0440\u0430\u043b\u043e\u0441\u044c \u0432 \u043f\u0430\u043f\u043a\u0435 \u043d\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u043f\u0443\u0441\u0442\u044c \u0431\u0443\u0434\u0435\u0442 <code>brok-react-app<\/code> \u0441 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043f\u0440\u044f\u043c\u043e\u043b\u0438\u043d\u0435\u0439\u043d\u043e\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043e\u0439: React + Vite \u0436\u0438\u0432\u0443\u0442 \u0432 <code>src\/<\/code>, Electron-\u0441\u043b\u043e\u0439 \u2014 \u0432 <code>public\/<\/code>, \u0443\u0442\u0438\u043b\u0438\u0442\u044b \u0432 <code>public\/utils\/<\/code>, \u0430 JAR \u0438 JRE \u043b\u0435\u0436\u0430\u0442 \u0432 <code>jars\/<\/code>.<\/p>\n<p>\u041d\u0438\u0436\u0435 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0432 \u0442\u043e\u043c \u0432\u0438\u0434\u0435, \u043a \u043a\u043e\u0442\u043e\u0440\u043e\u043c\u0443 \u043c\u044b \u043f\u0440\u0438\u0448\u043b\u0438 \u043f\u043e\u0441\u043b\u0435 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0438\u0442\u0435\u0440\u0430\u0446\u0438\u0439:<\/p>\n<pre><code class=\"bash\">brok-react-app\/\u251c\u2500\u2500 public\/\u2502   \u2514\u2500\u2500 pkg-scripts                 \u2502       \u2514\u2500\u2500 postisntall             # \u0421\u043a\u0440\u0438\u043f\u0442 \u0434\u043b\u044f macOS\u2502   \u251c\u2500\u2500 main.cjs                    # Electron main process. \u0422\u043e\u043b\u044c\u043a\u043e \u043e\u0440\u043a\u0435\u0441\u0442\u0440\u0430\u0446\u0438\u044f\u2502   \u251c\u2500\u2500 preload.cjs                 # IPC bridge \u0434\u043b\u044f \u044d\u043a\u0440\u0430\u043d\u0430 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438, \u0448\u043e\u0440\u0442\u043a\u0430\u0442\u043e\u0432 \u0438 \u0441\u043b\u0443\u0436\u0435\u0431\u043d\u043e\u0433\u043e API\u2502   \u251c\u2500\u2500 loading.html                # \u0417\u0430\u0433\u0440\u0443\u0437\u043e\u0447\u043d\u044b\u0439 \u044d\u043a\u0440\u0430\u043d \u0441 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441\u043e\u043c \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432\u2502   \u2514\u2500\u2500 utils\/                      # \u0423\u0442\u0438\u043b\u0438\u0442\u044b, \u0440\u0430\u0437\u0431\u0438\u0442\u044b\u0435 \u043d\u0430 \u043c\u043e\u0434\u0443\u043b\u0438 \u0434\u043b\u044f \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430\u2502       \u251c\u2500\u2500 getLogger.cjs           # \u0421\u043e\u0437\u0434\u0430\u0451\u0442 \u043b\u043e\u0433\u0433\u0435\u0440 \u0441 \u0437\u0430\u043f\u0438\u0441\u044c\u044e \u0432 \u0444\u0430\u0439\u043b \u0432 \u043f\u0430\u043f\u043a\u0435 \u043b\u043e\u0433\u043e\u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u2502       \u251c\u2500\u2500 attachFileLogging.cjs   # \u0417\u0430\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 stdout\/stderr\/exit \u0432 \u0444\u0430\u0439\u043b\u044b \u0441 \u043b\u043e\u0433\u0430\u043c\u0438\u2502       \u251c\u2500\u2500 jarServices.cjs         # \u0421\u0442\u0430\u0440\u0442 \u0438 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u0435 Java-\u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432\u2502       \u251c\u2500\u2500 killPortsIfInUse.cjs    # \u041e\u0441\u0432\u043e\u0431\u043e\u0436\u0434\u0435\u043d\u0438\u0435 \u043f\u043e\u0440\u0442\u043e\u0432 21815\u201321817 \u043f\u0440\u0438 \u0441\u0442\u0430\u0440\u0442\u0435\u2502       \u251c\u2500\u2500 createMainWindow.cjs    # \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0433\u043b\u0430\u0432\u043d\u043e\u0433\u043e \u043e\u043a\u043d\u0430\u2502       \u251c\u2500\u2500 serviceConfig.cjs       # \u041a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044f \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432 \u0434\u043b\u044f health-check\u2502       \u251c\u2500\u2500 serviceReadinessManager.cjs # \u041e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u043d\u0438\u0435 \u0433\u043e\u0442\u043e\u0432\u043d\u043e\u0441\u0442\u0438 \u0442\u0440\u0451\u0445 \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432 \u2192 onAllReady()\u2502       \u251c\u2500\u2500 setupServiceReadinessCheck.cjs # \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0430 \u043d\u0430 LOADING_EVENTS \u2192 send + setReady\u2502       \u251c\u2500\u2500 fetchWithRetry.cjs      # \u0412 \u0446\u0438\u043a\u043b\u0435 \u0437\u0430\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u0435\u0442 url \u0434\u043e \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u043e\u0442\u0432\u0435\u0442\u0430 200 \u0441 body.status === 'UP', emit \u0432 LOADING_EVENTS\u2502       \u251c\u2500\u2500 createLoadingWindow.cjs # \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043e\u043a\u043d\u0430 \u0437\u0430\u0433\u0440\u0443\u0437\u043e\u0447\u043d\u043e\u0433\u043e \u044d\u043a\u0440\u0430\u043d\u0430 \u0441 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441\u043e\u043c \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432\u2502       \u251c\u2500\u2500 startWithLoadingFlow.cjs # did-finish-load \u2192 setup \u2192 fetchWithRetry\u2502       \u251c\u2500\u2500 setupIpcAndShortcuts.cjs # open-logs-folder, get-app-version, \u0448\u043e\u0440\u0442\u043a\u0430\u0442 Ctrl+Shift+L\u2502       \u2514\u2500\u2500 clearLogsOnStart.cjs     # \u043e\u0447\u0438\u0441\u0442\u043a\u0430 \u043f\u0430\u043f\u043a\u0438 \u043b\u043e\u0433\u043e\u0432 \u043f\u0440\u0438 \u043a\u0430\u0436\u0434\u043e\u043c \u0437\u0430\u043f\u0443\u0441\u043a\u0435\u251c\u2500\u2500 src\/                           # React app\u251c\u2500\u2500 jars\/                          # \u0412 \u0446\u0435\u043b\u0435\u0432\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 \u043f\u0430\u043f\u043a\u0430 jars\/ \u0432 .gitignore, \u0442.\u043a. \u0435\u0451 \u0433\u043e\u0442\u043e\u0432\u0438\u0442 CI\u2502   \u251c\u2500\u2500 brok-jre\/                  # \u041a\u0430\u0441\u0442\u043e\u043c\u043d\u0430\u044f JRE\u2502   \u251c\u2500\u2500 brok-core.jar              \u2502   \u251c\u2500\u2500 brok-bpm.jar               \u2502   \u2514\u2500\u2500 brok-context.jar           \u251c\u2500\u2500 package.json                   # Vite + electron-builder \u251c\u2500\u2500 openapitools.json              # \u0413\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f API \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432 \u0438\u0437 OpenAPI          \u2514\u2500\u2500 vite.config.ts                 # Vite \u043a\u043e\u043d\u0444\u0438\u0433<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:87px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<h3>\u0421 \u0447\u0435\u0433\u043e \u0432\u0441\u0451 \u043d\u0430\u0447\u0430\u043b\u043e\u0441\u044c: \u0434\u043e\u0431\u0430\u0432\u0438\u043b\u0438 Electron \u043a React \u0438 Vite<\/h3>\n<p>\u0421\u0442\u0430\u0440\u0442\u043e\u0432\u0430\u044f \u0442\u043e\u0447\u043a\u0430 \u0431\u044b\u043b\u0430 \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u043e\u0439: \u043e\u0431\u044b\u0447\u043d\u044b\u0439 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434 \u043d\u0430\u00a0React,\u00a0Vite\u00a0\u0438 TypeScript. \u041f\u0435\u0440\u0432\u044b\u0439 \u0448\u0430\u0433 \u2014 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c\u00a0Electron\u00a0\u0438 \u043d\u0430\u0443\u0447\u0438\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442 \u0436\u0438\u0442\u044c \u0432 \u0434\u0432\u0443\u0445 \u0440\u0435\u0436\u0438\u043c\u0430\u0445:<\/p>\n<ul>\n<li>\n<p>\u043f\u043e\u0434\u043d\u0438\u043c\u0430\u0435\u0442 Vite \u0438 Electron<\/p>\n<\/li>\n<li>\n<p>\u0441\u0431\u043e\u0440\u043a\u0430\u00a0production\u00a0\u0432\u0435\u0440\u0441\u0438\u0438\u00a0react-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f + \u0441\u0431\u043e\u0440\u043a\u0430 desktop-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f.<\/p>\n<\/li>\n<\/ul>\n<p>\u041d\u0430 \u044d\u0442\u043e\u043c \u044d\u0442\u0430\u043f\u0435 \u0432\u0441\u0451 \u0435\u0449\u0451 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u043f\u0440\u043e\u0441\u0442\u043e.\u00a0Electron\u00a0\u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u043e\u043a\u043d\u043e, Vite \u043e\u0442\u0434\u0430\u0451\u0442 \u0444\u0440\u043e\u043d\u0442, \u0436\u0438\u0437\u043d\u044c \u043f\u0440\u0435\u043a\u0440\u0430\u0441\u043d\u0430. \u041d\u043e \u043f\u043e\u043a\u0430 \u044d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e &#171;\u0432\u044c\u044e\u0448\u043a\u0430&#187;, backend \u0435\u0449\u0451 \u043d\u0438\u0433\u0434\u0435 \u043d\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442\u0441\u044f.  <\/p>\n<h3>\u0414\u0430\u043b\u044c\u0448\u0435 \u0437\u0430\u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u0433\u043b\u0430\u0432\u043d\u043e\u0433\u043e: \u043f\u043e\u0434\u043d\u0438\u043c\u0430\u0442\u044c \u0442\u0440\u0438 JAR-\u0441\u0435\u0440\u0432\u0438\u0441\u0430 \u043f\u0440\u0438 \u0441\u0442\u0430\u0440\u0442\u0435<\/h3>\n<p>\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442 desktop-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u0430 \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u043d\u0438\u043c \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0441\u0442\u0430\u0440\u0442\u0443\u044e\u0442 \u0432\u0441\u0435 \u0442\u0440\u0438\u00a0Java-\u0441\u0435\u0440\u0432\u0438\u0441\u0430.<\/p>\n<p>\u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043d\u0443\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0434\u0432\u0435 \u0432\u0435\u0449\u0438:<\/p>\n<ol>\n<li>\n<p>\u043a\u0430\u043a\u0438\u043c-\u0442\u043e \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u0443\u043f\u0430\u043a\u043e\u0432\u0430\u0442\u044c Java-\u0441\u0435\u0440\u0432\u0438\u0441\u044b \u0432 \u0431\u0430\u043d\u0434\u043b<\/p>\n<\/li>\n<li>\n<p>\u043d\u0430\u0443\u0447\u0438\u0442\u044c Electron-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0442\u044c \u0442\u043e, \u0447\u0442\u043e \u043c\u044b \u0437\u0430\u043f\u0430\u043a\u043e\u0432\u044b\u0432\u0430\u043b\u0438.<\/p>\n<\/li>\n<\/ol>\n<p>\u0427\u0442\u043e\u0431\u044b\u00a0\u0432\u0441\u0435 \u0442\u0440\u0438 JAR-\u0444\u0430\u0439\u043b\u0430\u00a0\u043f\u043e\u043f\u0430\u043b\u0438 \u0432 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u043c\u044b \u0434\u043e\u0431\u0430\u0432\u0438\u043b\u0438 \u0438\u0445 \u0432\u00a0extraFiles:<\/p>\n<pre><code class=\"typescript\">\/\/ package.json{  \"build\": {    \"extraFiles\": [      {        \"from\": \"jars\",        \"to\": \"resources\/jars\",        \"filter\": [\"**\/*\"]      }    ]  }}<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u041f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u0438\u0441\u0442\u0443\u043f\u0438\u0442\u044c \u043a \u0437\u0430\u043f\u0443\u0441\u043a\u0443 Java-\u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432. \u0420\u0435\u0448\u0435\u043d\u0438\u0435 \u043f\u043e\u044f\u0432\u0438\u043b\u043e\u0441\u044c \u0441\u0440\u0430\u0437\u0443, \u043d\u0443 \u0438\u043b\u0438 \u043f\u043e\u0447\u0442\u0438 \u0441\u0440\u0430\u0437\u0443. \u041f\u043e\u0438\u0441\u043a\u0430\u0432 \u043d\u0430 githab \u043f\u043e\u0445\u043e\u0436\u0438\u0439 \u043a\u0435\u0439\u0441 \u043a\u0430\u043a \u0443 \u043d\u0430\u0441, \u0441\u0442\u0430\u043b\u043e \u043e\u0447\u0435\u0432\u0438\u0434\u043d\u044b\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u044c \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043f\u043e\u0434\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043a\u043e\u043c\u0430\u043d\u0434\u044b <code>spawn()<\/code> \u0438\u0437 Node.js. \u0421\u0440\u0430\u0437\u0443 \u043e\u0442\u043c\u0435\u0447\u0443, \u0447\u0442\u043e \u044d\u0442\u0430 \u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u043d\u044b\u0439 \u0430\u043d\u0430\u043b\u043e\u0433<strong> <\/strong>\u043e\u0431\u044b\u0447\u043d\u043e\u0433\u043e \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u0432 bash. \u041e\u043d\u0430 \u043c\u043e\u0436\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0434\u043b\u044f \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0438\u0445 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c \u0438\u043b\u0438 \u043a\u043e\u043c\u0430\u043d\u0434 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440,<code>ls<\/code>, <code>git<\/code>, <code>python<\/code> \u0438\u043b\u0438 \u0434\u0440\u0443\u0433\u043e\u0433\u043e \u0441\u043a\u0440\u0438\u043f\u0442\u0430 Node.js, \u0432 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 <code>java<\/code>), \u043a\u0430\u043a \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u044b. \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, Java-\u0441\u0435\u0440\u0432\u0438\u0441 \u043c\u043e\u0436\u043d\u043e \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e bash \u0438 \u043f\u0440\u0435\u0434\u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u043e\u0439 Java.<\/p>\n<p>\u0410\u043d\u0430\u043b\u043e\u0433 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u0432 bash:<\/p>\n<pre><code class=\"bash\">java -jar pathToJar\/brok-core.jar <\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u0410 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f <code>spawn()<\/code>:<\/p>\n<pre><code class=\"javascript\">const childProcess = spawn('java', ['-jar', 'pathToJar\/brok-core.jar']);<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435, \u043f\u0435\u0440\u0432\u044b\u0439 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u2014 \u043a\u043e\u043c\u0430\u043d\u0434\u0430, \u0430 \u0432\u0442\u043e\u0440\u043e\u0439 \u2014 \u043c\u0430\u0441\u0441\u0438\u0432 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u043e\u0432. \u041c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0442\u044c \u0442\u0443\u0434\u0430 \u0432\u0441\u0435, \u0447\u0442\u043e \u043c\u043e\u0433\u043b\u0438 \u0432 bash. \u041d\u0438\u043a\u0442\u043e \u043d\u0430\u043c \u043d\u0435 \u0437\u0430\u043f\u0440\u0435\u0449\u0430\u0435\u0442 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0442\u0430\u043a:<\/p>\n<pre><code class=\"javascript\">const CORE_ARGS = [  '-Xms128m',  '-Xmx256m',  '-Dfile.encoding=UTF-8',  '-Djava.security.manager=allow',  '-Ddatasource.core.url=jdbc:h2:' + path.join(app.getPath('appData'), 'BrOk', 'db', 'brok'),  '-Dbrok.coreJarPath=' + path.join(!app.isPackaged ? app.getAppPath() : process.resourcesPath, 'jars', 'brok-core.jar'),  '-Djava.security.policy==' + path.join(!app.isPackaged ? app.getAppPath() : process.resourcesPath, 'policy', 'brok-core.policy'),  '-Dsun.misc.URLClassPath.disableJarChecking=true',  '-jar',  path.join(!app.isPackaged ? app.getAppPath() : process.resourcesPath, 'jars', 'brok-core.jar')];const childProcessCore = spawn('java', CORE_ARGS );<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u0412 \u0431\u0430\u0437\u043e\u0432\u043e\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442 Java-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0438\u0437 JAR-\u0444\u0430\u0439\u043b\u0430 \u043a\u0430\u043a \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0439 \u043f\u0440\u043e\u0446\u0435\u0441\u0441(ChildProcess) \u0432 Node.js. \u041e\u0431\u044a\u0435\u043a\u0442 ChildProcess \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u0441 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u043c: \u0447\u0438\u0442\u0430\u0442\u044c<code>stdout<\/code>\/<code>stderr<\/code> \u0447\u0435\u0440\u0435\u0437 \u0441\u043e\u0431\u044b\u0442\u0438\u044f, \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 <code>stdin<\/code> \u0438\u043b\u0438 \u043e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u0442\u044c \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u0435.<\/p>\n<p>\u041f\u0440\u0438\u043c\u0435\u0440\u044b \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439 \u0441 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u043c:<\/p>\n<pre><code class=\"javascript\">\/\/ \u041f\u0435\u0440\u0435\u0434\u0430\u0451\u043c \u043d\u0430 \u0432\u0445\u043e\u0434 stdinchildProcess.stdin.write('\u042d\u0442\u043e \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u0430\u044f \u0441\u0442\u0440\u043e\u043a\u0430')  \/\/ \u0414\u0430\u043d\u043d\u044b\u0435 \u0438\u0437 stdout  childProcess.stdout.on('data', (data) =&gt; {      console.log(data.toString())  })  \/\/ \u0414\u0430\u043d\u043d\u044b\u0435 \u0438\u0437 stderr  childProcess.stderr.on('data', (data) =&gt; {      console.error(data.toString())  });  \/\/ \u041a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e\u0435 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430  childProcess.on('close', (code) =&gt; {      console.log(`[childProcess] \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d \u0441 \u043a\u043e\u0434\u043e\u043c: ${code}`)  })  \/\/ \u041f\u0440\u043e\u0446\u0435\u0441\u0441 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d \u0441 \u043e\u0448\u0438\u0431\u043a\u043e\u0439  childProcess.on('exit', (code, signal) =&gt; {      console.log(`[childProcess] \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d \u0441 \u043e\u0448\u0438\u0431\u043a\u043e\u0439. \u041a\u043e\u0434: ${code}, \u0441\u0438\u0433\u043d\u0430\u043b: ${signal}`)  })  \/\/ \u041e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0435  childProcess.on('error', (error) =&gt; {      console.error(error)  })<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u0412\u0435\u0440\u043d\u0435\u043c\u0441\u044f \u043a \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044e. \u0421\u0440\u0430\u0437\u0443 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e \u0432\u044b\u043d\u0435\u0441\u0442\u0438 \u0437\u0430\u043f\u0443\u0441\u043a \u0432 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c:<\/p>\n<pre><code class=\"typescript\">\/\/ utils\/jarServices.cjsconst fs = require('fs');const path = require('path');const { spawn } = require('child_process');function getResourcesRoot(app) {  return app.isPackaged ? process.resourcesPath : app.getAppPath();}function getJarPaths(app) {  const jarsDir = path.join(getResourcesRoot(app), 'jars');  return {    core: path.join(jarsDir, 'brok-core.jar'),    bpm: path.join(jarsDir, 'brok-bpm.jar'),    context: path.join(jarsDir, 'brok-context.jar')  };}function startService(app, jarPath) {  if (!fs.existsSync(jarPath)) {    throw new Error(`JAR not found: ${jarPath}`);  }  return spawn('java', ['-jar', jarPath], {    stdio: ['ignore', 'pipe', 'pipe']  });}<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u0410 \u0432\u00a0<code>main.cjs<\/code>\u00a0\u044d\u0442\u043e \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0441\u043e\u0432\u0441\u0435\u043c \u043f\u0440\u043e\u0441\u0442\u043e:<\/p>\n<pre><code class=\"javascript\">\/\/ public\/main.cjsapp.whenReady().then(() =&gt; {  const jarPaths = getJarPaths(app);  processCore = startService(app, jarPaths.core);  processBpm = startService(app, jarPaths.bpm);  processContext = startService(app, jarPaths.context);});<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u041f\u0435\u0440\u0432\u044b\u0439 \u0437\u0430\u043f\u0443\u0441\u043a \u0434\u0430\u0451\u0442 \u043e\u043f\u0430\u0441\u043d\u043e\u0435 \u0447\u0443\u0432\u0441\u0442\u0432\u043e \u043f\u043e\u0431\u0435\u0434\u044b: \u043e\u043a\u043d\u043e \u043e\u0442\u043a\u0440\u044b\u043b\u043e\u0441\u044c, \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u0430\u043b\u0438, \u0437\u043d\u0430\u0447\u0438\u0442 \u0441\u0445\u0435\u043c\u0430 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442. \u041d\u043e \u043f\u0435\u0440\u0432\u044b\u0439 \u0436\u0435 \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u044b\u0439 \u0437\u0430\u043f\u0443\u0441\u043a \u0431\u044b\u0441\u0442\u0440\u043e \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c.<\/p>\n<blockquote>\n<p>NB: \u043f\u0435\u0440\u0432\u044b\u0439 \u0443\u0441\u043f\u0435\u0448\u043d\u044b\u0439 \u0441\u0442\u0430\u0440\u0442 \u043f\u043e\u0447\u0442\u0438 \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0434\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442. \u041d\u0430\u0441\u0442\u043e\u044f\u0449\u0438\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0443 \u0442\u0430\u043a\u043e\u0433\u043e desktop-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0442\u0441\u044f \u043d\u0430 \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e\u043c \u0437\u0430\u043f\u0443\u0441\u043a\u0435, \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0438 \u0438 \u043f\u0435\u0440\u0432\u043e\u0439 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0435 \u0443 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f.<\/p>\n<\/blockquote>\n<h2>\u0424\u0435\u0439\u043b 1. \u0417\u0430\u043a\u0440\u044b\u043b\u0438 \u043e\u043a\u043d\u043e, \u0430 \u043f\u043e\u0440\u0442\u044b \u0432\u0441\u0451 \u0435\u0449\u0451 \u0437\u0430\u043d\u044f\u0442\u044b<\/h2>\n<p>\u041f\u043e\u0441\u043b\u0435 \u0437\u0430\u043a\u0440\u044b\u0442\u0438\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043c\u044b \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u043b\u0438 \u0435\u0433\u043e \u0441\u043d\u043e\u0432\u0430 \u0438 \u043f\u043e\u043b\u0443\u0447\u0430\u043b\u0438 \u043e\u0448\u0438\u0431\u043a\u0443:<\/p>\n<figure class=\"full-width \"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/221\/0b0\/993\/2210b0993ca8b7376635bcc715b03fe0.jpeg\" width=\"1376\" height=\"768\" sizes=\"auto, (max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/getpro\/habr\/upload_files\/221\/0b0\/993\/2210b0993ca8b7376635bcc715b03fe0.jpeg 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/221\/0b0\/993\/2210b0993ca8b7376635bcc715b03fe0.jpeg 781w\" loading=\"lazy\" decode=\"async\"\/><\/figure>\n<p>\u041f\u0440\u0438\u0447\u0438\u043d\u0430 \u043e\u043a\u0430\u0437\u0430\u043b\u0430\u0441\u044c \u043e\u0447\u0435\u043d\u044c \u043f\u0440\u043e\u0441\u0442\u0430\u044f: \u043c\u044b \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u043b\u0438 \u043e\u043a\u043d\u043e\u00a0Electron, \u043d\u043e \u043d\u0435 \u0437\u0430\u0432\u0435\u0440\u0448\u0430\u043b\u0438 \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0435\u00a0Java-\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b. \u041e\u043d\u0438 \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u043b\u0438 \u0436\u0438\u0442\u044c \u0432 \u0444\u043e\u043d\u0435 \u0438 \u0434\u0435\u0440\u0436\u0430\u043b\u0438 \u043f\u043e\u0440\u0442\u044b.<\/p>\n<blockquote>\n<p>NB: \u043a\u0430\u043a \u0442\u043e\u043b\u044c\u043a\u043e\u00a0Electron\u00a0\u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0442\u044c backend \u043a\u0430\u043a \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0435 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b, \u043e\u043d \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u043c \u043e\u0440\u043a\u0435\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u043e\u043c. \u0415\u0441\u043b\u0438 \u043d\u0435 \u0432\u0437\u044f\u0442\u044c \u043d\u0430 \u0441\u0435\u0431\u044f \u044d\u0442\u043e\u0442 \u043a\u0443\u0441\u043e\u043a \u0436\u0438\u0437\u043d\u0435\u043d\u043d\u043e\u0433\u043e \u0446\u0438\u043a\u043b\u0430, \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043b\u043e\u043c\u0430\u0435\u0442\u0441\u044f \u0431\u0443\u043a\u0432\u0430\u043b\u044c\u043d\u043e \u043d\u0430 \u0432\u0442\u043e\u0440\u043e\u043c \u0437\u0430\u043f\u0443\u0441\u043a\u0435.<\/p>\n<\/blockquote>\n<h3>\u0414\u0430\u043b\u044c\u0448\u0435 \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u043d\u0430\u0432\u043e\u0434\u0438\u0442\u044c \u043f\u043e\u0440\u044f\u0434\u043e\u043a: \u0436\u0438\u0437\u043d\u0435\u043d\u043d\u044b\u0439 \u0446\u0438\u043a\u043b \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u0438 \u043e\u0447\u0438\u0441\u0442\u043a\u0430 \u043f\u043e\u0440\u0442\u043e\u0432<\/h3>\n<p>\u0418\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043b\u043e \u0438\u0437 \u0434\u0432\u0443\u0445 \u0447\u0430\u0441\u0442\u0435\u0439:<\/p>\n<ul>\n<li>\n<p>\u043f\u0440\u0438 \u0448\u0442\u0430\u0442\u043d\u043e\u043c \u0432\u044b\u0445\u043e\u0434\u0435 \u044f\u0432\u043d\u043e \u0437\u0430\u0432\u0435\u0440\u0448\u0430\u0442\u044c \u0432\u0441\u0435 \u0437\u0430\u043f\u0443\u0449\u0435\u043d\u043d\u044b\u0435 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b;<\/p>\n<\/li>\n<li>\n<p>\u043f\u0440\u0438 \u0441\u0442\u0430\u0440\u0442\u0435 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043e\u0441\u0432\u043e\u0431\u043e\u0436\u0434\u0430\u0442\u044c \u043d\u0430\u0448\u0438 \u043f\u043e\u0440\u0442\u044b \u043d\u0430 \u0441\u043b\u0443\u0447\u0430\u0439 \u043f\u0440\u043e\u0448\u043b\u043e\u0433\u043e \u043d\u0435\u0448\u0442\u0430\u0442\u043d\u043e\u0433\u043e \u043f\u0430\u0434\u0435\u043d\u0438\u044f.<\/p>\n<\/li>\n<\/ul>\n<p>\u0414\u043b\u044f \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u0445\u043e\u0440\u043e\u0448\u043e \u043f\u043e\u0434\u043e\u0448\u0451\u043b\u00a0<code>tree-kill<\/code>, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043d\u0430 Windows \u0432\u0430\u0436\u043d\u043e \u0443\u0431\u0438\u0432\u0430\u0442\u044c \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e PID, \u043d\u043e \u0438 \u0434\u0435\u0440\u0435\u0432\u043e \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432. \u0414\u043b\u044f \u043e\u0441\u0432\u043e\u0431\u043e\u0436\u0434\u0435\u043d\u0438\u044f \u043f\u043e\u0440\u0442\u043e\u0432 &#8212;\u00a0<code>kill-port<\/code>.<\/p>\n<pre><code class=\"typescript\">const kill = require('tree-kill');const killPort = require('kill-port');const PORTS = [21815, 21816, 21817];function killAllProcesses(processes) {  processes.forEach((proc) =&gt; {    if (proc?.pid) {      kill(proc.pid, (error) =&gt; {        if (error) {          console.error('kill error', error);        }      });    }  });}async function killPortsIfInUse() {  for (const port of PORTS) {    try {      await killPort(port, 'tcp');    } catch (_) {      \/\/ \u041f\u043e\u0440\u0442 \u0443\u0436\u0435 \u0441\u0432\u043e\u0431\u043e\u0434\u0435\u043d    }  }}app.whenReady().then(async () =&gt; {  await killPortsIfInUse();  const jarPaths = getJarPaths(app);  processCore = startService(app, jarPaths.core);  processBpm = startService(app, jarPaths.bpm);  processContext = startService(app, jarPaths.context);});app.on('will-quit', () =&gt; {  killAllProcesses([processCore, processBpm, processContext]);});<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u0423\u0442\u0438\u043b\u0438\u0442\u0430 <code>kill-port<\/code> \u0437\u0434\u0435\u0441\u044c \u0432\u044b\u0441\u0442\u0443\u043f\u0430\u0435\u0442 \u043a\u0430\u043a \u0441\u0442\u0440\u0430\u0445\u043e\u0432\u043a\u0430 \u043f\u043e\u0441\u043b\u0435 \u043d\u0435\u0448\u0442\u0430\u0442\u043d\u043e\u0433\u043e \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u044f. \u0420\u0435\u0448\u0435\u043d\u0438\u0435 \u0440\u0430\u0431\u043e\u0447\u0435\u0435, \u043d\u043e \u0430\u0433\u0440\u0435\u0441\u0441\u0438\u0432\u043d\u043e\u0435: \u043e\u043d\u043e \u043e\u043f\u0440\u0430\u0432\u0434\u0430\u043d\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u0435\u0441\u043b\u0438 \u0432\u044b \u0443\u0432\u0435\u0440\u0435\u043d\u044b, \u0447\u0442\u043e \u044d\u0442\u0438 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u043e\u0440\u0442\u044b \u043f\u0440\u0438\u043d\u0430\u0434\u043b\u0435\u0436\u0430\u0442 \u0438\u043c\u0435\u043d\u043d\u043e \u0432\u0430\u0448\u0435\u043c\u0443 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044e \u0438 \u043d\u0435 \u043f\u0435\u0440\u0435\u0441\u0435\u043a\u0430\u044e\u0442\u0441\u044f \u0441 \u0447\u0443\u0436\u0438\u043c\u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u0430\u043c\u0438 \u043d\u0430 \u043c\u0430\u0448\u0438\u043d\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f.<\/p>\n<p>\u041f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043f\u0435\u0440\u0435\u0441\u0442\u0430\u043b\u043e \u0441\u043f\u043e\u0442\u044b\u043a\u0430\u0442\u044c\u0441\u044f \u043e \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0445\u0432\u043e\u0441\u0442\u044b. \u041d\u043e \u0432\u044b\u043b\u0435\u0437\u043b\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0430\u044f \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430, \u0443\u0436\u0435 \u043c\u0435\u043d\u0435\u0435 \u0437\u0430\u043c\u0435\u0442\u043d\u0430\u044f \u043d\u0430 \u043c\u0430\u0448\u0438\u043d\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u0438 \u043d\u0430\u043c\u043d\u043e\u0433\u043e \u0431\u043e\u043b\u0435\u0435 \u0431\u043e\u043b\u0435\u0437\u043d\u0435\u043d\u043d\u0430\u044f \u0432 \u044d\u043a\u0441\u043f\u043b\u0443\u0430\u0442\u0430\u0446\u0438\u0438.<\/p>\n<blockquote>\n<p>NB: \u0435\u0441\u043b\u0438 Electron \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442 backend, \u043e\u043d \u043e\u0431\u044f\u0437\u0430\u043d \u0432\u0435\u0441\u0442\u0438 \u0441\u0435\u0431\u044f \u043a\u0430\u043a \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432. \u0418\u043d\u0430\u0447\u0435 \u0432\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0435 \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0439 UI \u043f\u043e\u0432\u0435\u0440\u0445 \u0445\u0430\u043e\u0442\u0438\u0447\u043d\u043e \u0436\u0438\u0432\u0443\u0449\u0438\u0445 \u0444\u043e\u043d\u043e\u0432\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432.<\/p>\n<\/blockquote>\n<h2>\u0424\u0435\u0439\u043b 2. \u0411\u0435\u0437 \u043b\u043e\u0433\u043e\u0432 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u0435\u0442\u0441\u044f \u0432 \u0433\u0430\u0434\u0430\u043d\u0438\u0435<\/h2>\n<p>\u041f\u0435\u0440\u0432\u044b\u0439 \u0440\u0435\u043b\u0438\u0437 \u043e\u0447\u0435\u043d\u044c \u0431\u044b\u0441\u0442\u0440\u043e \u043f\u043e\u043a\u0430\u0437\u0430\u043b, \u0447\u0442\u043e desktop \u0431\u0435\u0437 \u043b\u043e\u0433\u043e\u0432 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0442\u044c \u043d\u0435\u043b\u044c\u0437\u044f.<\/p>\n<p>\u041f\u043e\u043a\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0448\u044c \u0438\u0437 \u0442\u0435\u0440\u043c\u0438\u043d\u0430\u043b\u0430, \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u00a0<code>stdout<\/code>\u00a0\u0438\u00a0<code>stderr<\/code>. \u041d\u043e \u0443 \u043e\u0431\u044b\u0447\u043d\u043e\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u043d\u0435\u0442 \u043f\u0440\u0438\u0432\u044b\u0447\u043a\u0438 \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0442\u044c\u00a0<code>.exe<\/code>\u00a0\u0438\u0437 \u043a\u043e\u043d\u0441\u043e\u043b\u0438 \u0438 \u043f\u043e\u0442\u043e\u043c \u043f\u0440\u0438\u0441\u044b\u043b\u0430\u0442\u044c \u0432\u0430\u043c \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u0439 \u0432\u044b\u0432\u043e\u0434. \u0412 \u043a\u0430\u043a\u043e\u0439-\u0442\u043e \u043c\u043e\u043c\u0435\u043d\u0442 \u0432\u044b \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u0432 \u0434\u0443\u0445\u0435 &#171;\u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442&#187;, \u0438 \u0432\u0441\u0451.<\/p>\n<figure class=\"full-width \"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/f04\/675\/5a4\/f046755a45a31b89dbbc68145693e2a8.jpeg\" width=\"1376\" height=\"768\" sizes=\"auto, (max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/getpro\/habr\/upload_files\/f04\/675\/5a4\/f046755a45a31b89dbbc68145693e2a8.jpeg 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/f04\/675\/5a4\/f046755a45a31b89dbbc68145693e2a8.jpeg 781w\" loading=\"lazy\" decode=\"async\"\/><\/figure>\n<p>\u041d\u0430 \u044d\u0442\u043e\u043c \u044d\u0442\u0430\u043f\u0435 \u0441\u0442\u0430\u043b\u043e \u043f\u043e\u043d\u044f\u0442\u043d\u043e, \u0447\u0442\u043e \u043b\u043e\u0433\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043d\u0443\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0437\u0430\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0442\u044c \u0441 \u0441\u0430\u043c\u043e\u0433\u043e \u043d\u0430\u0447\u0430\u043b\u0430.  <\/p>\n<h3>\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0441\u043b\u043e\u0439: \u043f\u0438\u0448\u0435\u043c\u00a0stdout\/stderr\u00a0\u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0441\u0435\u0440\u0432\u0438\u0441\u0430 \u0432 \u0444\u0430\u0439\u043b\u044b<\/h3>\n<p>\u041c\u044b \u0432\u044b\u043d\u0435\u0441\u043b\u0438 \u043b\u043e\u0433\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0432 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u0438:<\/p>\n<ul>\n<li>\n<p><code>getLogger.cjs<\/code>\u00a0&#8212; \u0441\u043e\u0437\u0434\u0430\u0451\u0442 \u043b\u043e\u0433\u0433\u0435\u0440 \u0438 \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u0442 \u043f\u0443\u0442\u044c;<\/p>\n<\/li>\n<li>\n<p><code>attachFileLogging.cjs<\/code>\u00a0&#8212; \u043f\u043e\u0434\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043d\u0430\u00a0<code>stdout<\/code>,\u00a0<code>stderr<\/code>\u00a0\u0438\u00a0<code>exit<\/code>;<\/p>\n<\/li>\n<li>\n<p><code>jarServices.cjs<\/code>\u00a0&#8212; \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442\u00a0<code>attachFileLogging()<\/code>\u00a0\u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u0441\u043b\u0435\u00a0<code>spa)<\/code>.<\/p>\n<\/li>\n<\/ul>\n<pre><code class=\"javascript\">const { app } = require('electron');const log = require('electron-log\/main');const path = require('path');log.initialize();function getLogger(logId, fileName) {  const logger = log.create({ logId });  logger.transports.file.resolvePathFn = () =&gt;    path.join(app.getPath('logs'), fileName);  return logger;}function attachFileLogging(proc, serviceName) {  if (!proc) return;  const outLog = getLogger(`${serviceName}-out`, `${serviceName}.log`);  const errLog = getLogger(`${serviceName}-err`, `${serviceName}-error.log`);  const exitLog = getLogger('app-exit', 'app-exit.log');  outLog.info(`[${serviceName}] start`);  proc.stdout?.on('data', (chunk) =&gt; outLog.info(chunk.toString().trim()));  proc.stderr?.on('data', (chunk) =&gt; errLog.info(chunk.toString().trim()));  proc.on('exit', (code, signal) =&gt; {    exitLog.info(`${serviceName} exited: code=${code}, signal=${signal}`);  });}<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u041f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e \u0443 \u043d\u0430\u0441 \u043f\u043e\u044f\u0432\u0438\u043b\u0438\u0441\u044c \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u0435 \u0444\u0430\u0439\u043b\u044b \u0432\u0440\u043e\u0434\u0435:<\/p>\n<ul>\n<li>\n<p><code>brok-(core\/bpm\/context).log<\/code>;<\/p>\n<\/li>\n<li>\n<p><code>brok-(core\/bpm\/context)-error.log<\/code>;<\/p>\n<\/li>\n<li>\n<p><code>app-exit.log<\/code>.<\/p>\n<\/li>\n<\/ul>\n<p>\u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u0441\u0440\u0430\u0437\u0443 \u0441\u0442\u0430\u043b\u0430 \u043f\u0440\u043e\u0449\u0435: \u0443\u0436\u0435 \u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u043d\u0430\u0447\u0438\u043d\u0430\u0442\u044c \u0434\u0438\u0430\u0433\u043d\u043e\u0441\u0442\u0438\u043a\u0443 \u0441 \u0432\u043e\u043f\u0440\u043e\u0441\u0430, \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u0430\u043b \u043b\u0438 \u0441\u0435\u0440\u0432\u0438\u0441 \u0432\u043e\u043e\u0431\u0449\u0435, \u0443\u043f\u0430\u043b \u043b\u0438 \u043e\u043d \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u0438 \u0447\u0442\u043e \u0438\u043c\u0435\u043d\u043d\u043e \u043f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u043e \u0432\u043d\u0443\u0442\u0440\u0438 JVM.<\/p>\n<p>\u041d\u043e \u0441\u0442\u043e\u0438\u043b\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043b\u043e\u0433\u0438, \u043a\u0430\u043a \u0432\u0441\u043f\u043b\u044b\u043b \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043f\u043e\u0431\u043e\u0447\u043d\u044b\u0439 \u044d\u0444\u0444\u0435\u043a\u0442.<\/p>\n<blockquote>\n<p>NB: \u043b\u043e\u0433\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0432 desktop-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 &#8212; \u044d\u0442\u043e \u043d\u0435 \u0443\u0434\u043e\u0431\u043d\u044b\u0439 \u0431\u043e\u043d\u0443\u0441, \u0430 \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u0430\u044f \u0446\u0435\u043d\u0430 \u0437\u0430 \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u0443\u044e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0443 \u043f\u043e\u0441\u043b\u0435 \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0440\u0435\u043b\u0438\u0437\u0430.<\/p>\n<\/blockquote>\n<h2>\u0424\u0435\u0439\u043b 3. \u041b\u043e\u0433\u0438 \u043a\u043e\u043f\u044f\u0442\u0441\u044f, \u0437\u0430\u0445\u043b\u0430\u043c\u043b\u044f\u044e\u0442\u0441\u044f \u0438 \u043c\u0435\u0448\u0430\u044e\u0442 \u0440\u0430\u0437\u0431\u0438\u0440\u0430\u0442\u044c\u0441\u044f \u0432 \u0442\u0435\u043a\u0443\u0449\u0435\u043c \u0437\u0430\u043f\u0443\u0441\u043a\u0435<\/h2>\n<p>\u0415\u0441\u043b\u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u0438\u0441\u0430\u0442\u044c \u0432 \u043e\u0434\u043d\u0438 \u0438 \u0442\u0435 \u0436\u0435 \u0444\u0430\u0439\u043b\u044b, \u0442\u043e \u0447\u0435\u0440\u0435\u0437 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0437\u0430\u043f\u0443\u0441\u043a\u043e\u0432 \u043f\u0430\u043f\u043a\u0430 \u043b\u043e\u0433\u043e\u0432 \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u0435\u0442\u0441\u044f \u0432 \u0438\u0441\u0442\u043e\u0440\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0430\u0440\u0445\u0438\u0432, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043e\u0447\u0435\u043d\u044c \u043d\u0435\u0443\u0434\u043e\u0431\u043d\u043e \u043e\u0442\u0434\u0435\u043b\u044f\u0442\u044c \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u0443\u044e \u0441\u0435\u0441\u0441\u0438\u044e \u043e\u0442 \u0441\u0442\u0430\u0440\u044b\u0445.<\/p>\n<p>\u0414\u043b\u044f \u043f\u0440\u043e\u0434\u0432\u0438\u043d\u0443\u0442\u043e\u0439 \u0440\u043e\u0442\u0430\u0446\u0438\u0438 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0431\u043e\u043b\u0435\u0435 \u0441\u043b\u043e\u0436\u043d\u0443\u044e \u0441\u0445\u0435\u043c\u0443, \u043d\u043e \u043d\u0430\u043c \u043d\u0430 \u044d\u0442\u043e\u043c \u044d\u0442\u0430\u043f\u0435 \u043d\u0443\u0436\u0435\u043d \u0431\u044b\u043b \u043f\u0440\u0430\u0433\u043c\u0430\u0442\u0438\u0447\u043d\u044b\u0439, \u0432\u043e\u0441\u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u043c\u044b\u0439 \u0438 \u043b\u0435\u0433\u043a\u043e \u043e\u0431\u044a\u044f\u0441\u043d\u0438\u043c\u044b\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442.<\/p>\n<h3>\u041f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u043f\u043e\u0434\u0447\u0438\u0441\u0442\u0438\u0442\u044c \u0445\u0432\u043e\u0441\u0442\u044b: \u0447\u0438\u0441\u0442\u0438\u043c \u043f\u0430\u043f\u043a\u0443 \u043b\u043e\u0433\u043e\u0432 \u043f\u0440\u0438 \u0441\u0442\u0430\u0440\u0442\u0435<\/h3>\n<p>\u041c\u044b \u0440\u0435\u0448\u0438\u043b\u0438 \u0437\u0430\u0434\u0430\u0447\u0443 \u0433\u0440\u0443\u0431\u043e, \u043d\u043e \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e: \u043f\u0440\u0438 \u0441\u0442\u0430\u0440\u0442\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0443\u0434\u0430\u043b\u044f\u0435\u043c \u043f\u0430\u043f\u043a\u0443 \u043b\u043e\u0433\u043e\u0432 \u0446\u0435\u043b\u0438\u043a\u043e\u043c, \u0430 \u0437\u0430\u0442\u0435\u043c \u0434\u0430\u0451\u043c \u043b\u043e\u0433\u0433\u0435\u0440\u0443 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0435\u0451 \u0437\u0430\u043d\u043e\u0432\u043e.<\/p>\n<pre><code class=\"javascript\">const fs = require('fs');function clearLogsOnStart(app) {  const logsPath = app.getPath('logs');  try {    fs.rmSync(logsPath, { recursive: true, force: true });  } catch (error) {    if (error.code !== 'ENOENT') {      console.warn('[clearLogsOnStart]', error.message);    }  }}<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u041a\u043e\u043c\u043f\u0440\u043e\u043c\u0438\u0441\u0441 \u043e\u0447\u0435\u0432\u0438\u0434\u043d\u044b\u0439: \u0438\u0441\u0442\u043e\u0440\u0438\u044f \u043f\u0440\u043e\u0448\u043b\u043e\u0439 \u0441\u0435\u0441\u0441\u0438\u0438 \u0442\u0435\u0440\u044f\u0435\u0442\u0441\u044f. \u0417\u0430\u0442\u043e \u0435\u0441\u043b\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043f\u0440\u0438\u0441\u043b\u0430\u043b \u043b\u043e\u0433\u0438 &#171;\u043f\u043e\u0441\u043b\u0435 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0433\u043e \u0437\u0430\u043f\u0443\u0441\u043a\u0430&#187;, \u0432\u044b \u043f\u043e\u0447\u0442\u0438 \u043d\u0430\u0432\u0435\u0440\u043d\u044f\u043a\u0430 \u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u0438\u043c\u0435\u043d\u043d\u043e \u043d\u0430 \u043d\u0443\u0436\u043d\u044b\u0439 \u0437\u0430\u043f\u0443\u0441\u043a, \u0430 \u043d\u0435 \u043d\u0430 \u0441\u043c\u0435\u0441\u044c \u0442\u0435\u043a\u0443\u0449\u0438\u0445 \u0438 \u043d\u0435\u0434\u0435\u043b\u044c\u043d\u043e\u0439 \u0434\u0430\u0432\u043d\u043e\u0441\u0442\u0438 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439.<\/p>\n<h2>\u0424\u0435\u0439\u043b 4. UI \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0431\u044b\u0441\u0442\u0440\u0435\u0435, \u0447\u0435\u043c \u0443\u0441\u043f\u0435\u0432\u0430\u0435\u0442 \u043f\u043e\u0434\u043d\u044f\u0442\u044c\u0441\u044f backend<\/h2>\n<p>\u041f\u043e\u0441\u043b\u0435 \u0442\u043e\u0433\u043e \u043a\u0430\u043a \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u043d\u0430\u0447\u0430\u043b\u0438 \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u043e \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0442\u044c\u0441\u044f \u0438 \u043f\u0438\u0441\u0430\u0442\u044c \u043b\u043e\u0433\u0438, \u0432\u0441\u043a\u0440\u044b\u043b\u0430\u0441\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0430\u044f \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430.<\/p>\n<p>\u041c\u044b \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u043b\u0438 \u0433\u043b\u0430\u0432\u043d\u043e\u0435 \u043e\u043a\u043d\u043e \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u0441\u043b\u0435\u00a0<code>spawn()<\/code>, \u0430 JAR \u0441\u0435\u0440\u0432\u0438\u0441\u0430\u043c \u0435\u0449\u0451 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043b\u043e\u0441\u044c \u0432\u0440\u0435\u043c\u044f \u043d\u0430 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e. \u0412 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 React \u0443\u0441\u043f\u0435\u0432\u0430\u043b \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043f\u0435\u0440\u0432\u044b\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u044b, \u0430 backend \u0435\u0449\u0451 \u043d\u0435 \u0441\u043b\u0443\u0448\u0430\u043b \u043f\u043e\u0440\u0442\u044b. \u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0432\u0438\u0434\u0435\u043b \u043e\u0448\u0438\u0431\u043a\u0438 \u0434\u043e \u0442\u043e\u0433\u043e, \u043a\u0430\u043a \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0444\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0431\u044b\u043b\u043e \u0433\u043e\u0442\u043e\u0432\u043e.<\/p>\n<p>\u0421\u0434\u0435\u043b\u0430\u0442\u044c\u00a0<code>setTimeout(10000)<\/code>\u00a0\u0431\u044b\u043b\u043e \u0431\u044b \u0441\u043e\u0431\u043b\u0430\u0437\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e, \u043d\u043e \u044d\u0442\u043e \u043f\u043b\u043e\u0445\u043e\u0439 \u043f\u0443\u0442\u044c:<\/p>\n<ul>\n<li>\n<p>\u043d\u0430 \u043c\u0435\u0434\u043b\u0435\u043d\u043d\u044b\u0445 \u043c\u0430\u0448\u0438\u043d\u0430\u0445 backend \u043c\u043e\u0436\u0435\u0442 \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u0430\u0442\u044c \u0434\u043e\u043b\u044c\u0448\u0435;<\/p>\n<\/li>\n<li>\n<p>\u043d\u0430 \u0431\u044b\u0441\u0442\u0440\u044b\u0445 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u043e\u0441\u0442\u043e \u0436\u0434\u0430\u0442\u044c \u043b\u0438\u0448\u043d\u0438\u0435 \u0441\u0435\u043a\u0443\u043d\u0434\u044b;<\/p>\n<\/li>\n<li>\n<p>\u0442\u0430\u0439\u043c\u0430\u0443\u0442 \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0433\u043e\u0432\u043e\u0440\u0438\u0442 \u043e \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0439 \u0433\u043e\u0442\u043e\u0432\u043d\u043e\u0441\u0442\u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432.<\/p>\n<\/li>\n<\/ul>\n<h3>\u0414\u0435\u043b\u0430\u0435\u043c \u0437\u0430\u043f\u0443\u0441\u043a \u0447\u0435\u043b\u043e\u0432\u0435\u0447\u0435\u0441\u043a\u0438\u043c: \u0437\u0430\u0433\u0440\u0443\u0437\u043e\u0447\u043d\u044b\u0439 \u044d\u043a\u0440\u0430\u043d \u0438 health-check \u0432\u043c\u0435\u0441\u0442\u043e \u0441\u043b\u0435\u043f\u043e\u0433\u043e \u043e\u0436\u0438\u0434\u0430\u043d\u0438\u044f<\/h3>\n<p>\u041f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u0435\u0435 \u0431\u044b\u043b\u043e \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0442\u044c \u043d\u0435 &#171;\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u043e\u0448\u043b\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438&#187;, \u0430 &#171;\u0433\u043e\u0442\u043e\u0432\u044b \u043b\u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u044b \u043d\u0430 \u0441\u0430\u043c\u043e\u043c \u0434\u0435\u043b\u0435&#187;. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0443 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0441\u0435\u0440\u0432\u0438\u0441\u0430 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c health-\u044d\u043d\u0434\u043f\u043e\u0438\u043d\u0442, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 Spring Boot Actuator\u00a0<code>\/actuator\/health<\/code>.<\/p>\n<p>\u041a\u043e\u043d\u0444\u0438\u0433 \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432 \u043c\u044b \u0432\u044b\u043d\u0435\u0441\u043b\u0438 \u0432 \u043e\u0434\u0438\u043d \u043c\u043e\u0434\u0443\u043b\u044c:<\/p>\n<pre><code class=\"javascript\">const SERVICE_CONFIG = {  CORE: {    serviceName: 'core',    url: 'http:\/\/localhost:21815\/actuator\/health',    progressEvent: 'progressCore',    finishedEvent: 'finishedCore'  },  BPM: {    serviceName: 'bpm',    url: 'http:\/\/localhost:21816\/actuator\/health',    progressEvent: 'progressBpm',    finishedEvent: 'finishedBpm'  },  CONTEXT: {    serviceName: 'context',    url: 'http:\/\/localhost:21817\/actuator\/health',    progressEvent: 'progressContext',    finishedEvent: 'finishedContext'  }};<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u0414\u0430\u043b\u044c\u0448\u0435 \u043b\u043e\u0433\u0438\u043a\u0430 \u043f\u0440\u043e\u0441\u0442\u0430\u044f:<\/p>\n<ol>\n<li>\n<p>\u0441\u043e\u0437\u0434\u0430\u0451\u043c\u00a0<code>loading.html<\/code>\u00a0\u043a\u0430\u043a \u0437\u0430\u0433\u0440\u0443\u0437\u043e\u0447\u043d\u044b\u0439 \u044d\u043a\u0440\u0430\u043d;<\/p>\n<\/li>\n<li>\n<p>\u0446\u0438\u043a\u043b\u0438\u0447\u0435\u0441\u043a\u0438 \u043e\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u0435\u043c health-\u044d\u043d\u0434\u043f\u043e\u0438\u043d\u0442\u044b;<\/p>\n<\/li>\n<li>\n<p>\u043f\u043e IPC \u043f\u0440\u043e\u043a\u0438\u0434\u044b\u0432\u0430\u0435\u043c \u0432 \u0437\u0430\u0433\u0440\u0443\u0437\u043e\u0447\u043d\u044b\u0439 \u044d\u043a\u0440\u0430\u043d \u0441\u0442\u0430\u0442\u0443\u0441 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0441\u0435\u0440\u0432\u0438\u0441\u0430;<\/p>\n<\/li>\n<li>\n<p>\u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u043e\u043a\u043d\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u0441\u043b\u0435 \u0442\u043e\u0433\u043e, \u043a\u0430\u043a \u0432\u0441\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u044b \u043e\u0442\u0432\u0435\u0442\u0438\u043b\u0438\u00a0<code>status: 'UP'<\/code>.<\/p>\n<\/li>\n<\/ol>\n<p>\u041a\u043b\u044e\u0447\u0435\u0432\u043e\u0439 \u043a\u0443\u0441\u043e\u043a \u043a\u043e\u0434\u0430 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0442\u0430\u043a:<\/p>\n<pre><code class=\"javascript\">async function fetchWithRetry(url, { progressEvent, finishedEvent }) {  while (true) {    try {      const response = await fetch(url);      const body = await response.json();      if (response.status === 200 &amp;&amp; body.status === 'UP') {        LOADING_EVENTS.emit(progressEvent, true);        LOADING_EVENTS.emit(finishedEvent);        return;      }    } catch (_) {      \/\/ \u0421\u0435\u0440\u0432\u0438\u0441 \u0435\u0449\u0451 \u043d\u0435 \u0433\u043e\u0442\u043e\u0432    }    LOADING_EVENTS.emit(progressEvent, false);    await new Promise((resolve) =&gt; setTimeout(resolve, 2000));  }}<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u0421 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0439 \u0441\u0442\u043e\u0440\u043e\u043d\u044b \u044d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u0437\u0430\u0433\u0440\u0443\u0437\u043e\u0447\u043d\u044b\u0439 \u044d\u043a\u0440\u0430\u043d \u0441 \u0442\u0440\u0435\u043c\u044f \u0438\u043d\u0434\u0438\u043a\u0430\u0442\u043e\u0440\u0430\u043c\u0438. \u0421 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u043e\u0439 \u0441\u0442\u043e\u0440\u043e\u043d\u044b \u0432\u0430\u0436\u043d\u0435\u0435 \u0434\u0440\u0443\u0433\u043e\u0435: \u043d\u0435 \u0440\u0430\u0437\u043c\u0430\u0437\u0430\u0442\u044c \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u043c\u0435\u0436\u0434\u0443\u00a0<code>main<\/code>,\u00a0<code>preload<\/code>\u00a0\u0438\u00a0<code>renderer<\/code>.<\/p>\n<figure class=\"\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/f09\/f90\/b8e\/f09f90b8eebf67725a94cd2794e71664.gif\" width=\"254\" height=\"240\" sizes=\"auto, (max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/f09\/f90\/b8e\/f09f90b8eebf67725a94cd2794e71664.gif 780w,&#10;       https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/f09\/f90\/b8e\/f09f90b8eebf67725a94cd2794e71664.gif 781w\" loading=\"lazy\" decode=\"async\"\/><\/figure>\n<p>\u0415\u0441\u043b\u0438 \u0440\u0430\u0437\u043b\u043e\u0436\u0438\u0442\u044c \u044d\u0442\u043e \u043f\u043e \u0441\u043b\u043e\u044f\u043c, \u0441\u0432\u044f\u0437\u044c \u043c\u0435\u0436\u0434\u0443\u00a0<code>main process<\/code>\u00a0\u0438\u00a0<code>renderer process<\/code>\u00a0\u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0442\u0430\u043a:<\/p>\n<figure class=\"full-width \"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/a1d\/4c3\/c6b\/a1d4c3c6b9855107c4b4790461d998ee.png\" width=\"1717\" height=\"655\" sizes=\"auto, (max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/getpro\/habr\/upload_files\/a1d\/4c3\/c6b\/a1d4c3c6b9855107c4b4790461d998ee.png 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/a1d\/4c3\/c6b\/a1d4c3c6b9855107c4b4790461d998ee.png 781w\" loading=\"lazy\" decode=\"async\"\/><\/figure>\n<figure class=\"full-width \"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/9a8\/527\/21b\/9a852721bf65795df72dbb055ee463fc.png\" width=\"1063\" height=\"1316\" sizes=\"auto, (max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/getpro\/habr\/upload_files\/9a8\/527\/21b\/9a852721bf65795df72dbb055ee463fc.png 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/9a8\/527\/21b\/9a852721bf65795df72dbb055ee463fc.png 781w\" loading=\"lazy\" decode=\"async\"\/><\/figure>\n<p><code>Main process<\/code>\u00a0\u043e\u0441\u0442\u0430\u0451\u0442\u0441\u044f \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u043c \u043c\u0435\u0441\u0442\u043e\u043c, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0437\u043d\u0430\u0435\u0442 \u043e \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0438 backend. \u041e\u043d \u043f\u043e\u0434\u043d\u0438\u043c\u0430\u0435\u0442 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b, \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442 health-check \u0438 \u0447\u0435\u0440\u0435\u0437 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u043f\u0440\u043e\u043a\u0438\u0434\u044b\u0432\u0430\u0435\u0442 \u0432 \u043e\u043a\u043d\u043e \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441.\u00a0<code>renderer<\/code>\u00a0\u043d\u0435 \u0437\u043d\u0430\u0435\u0442 \u043f\u0440\u043e\u00a0<code>child_process<\/code>, \u0430\u00a0<code>preload<\/code>\u00a0\u0434\u0430\u0451\u0442 \u0435\u043c\u0443 \u0443\u0437\u043a\u0438\u0439 \u0438 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u044b\u0439 IPC API:<\/p>\n<pre><code class=\"javascript\">const progressChannels = Object.values(SERVICE_CONFIG).map(  ({ progressEvent }) =&gt; progressEvent);contextBridge.exposeInMainWorld('electronAPI', {  on: (channel, callback) =&gt; {    if (progressChannels.includes(channel)) {      ipcRenderer.on(channel, (_, status) =&gt; callback(status));    }  }});<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u0414\u0430\u043b\u044c\u0448\u0435 \u0432\u0441\u0451 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e: \u043f\u043e \u0441\u043e\u0431\u044b\u0442\u0438\u044e \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441\u0430 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c \u0438\u043d\u0434\u0438\u043a\u0430\u0442\u043e\u0440 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0433\u043e \u0441\u0435\u0440\u0432\u0438\u0441\u0430, \u043f\u043e \u0441\u043e\u0431\u044b\u0442\u0438\u044e \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u044f \u043f\u043e\u043c\u0435\u0447\u0430\u0435\u043c \u0441\u0435\u0440\u0432\u0438\u0441 \u0433\u043e\u0442\u043e\u0432\u044b\u043c, \u0430 \u0433\u043b\u0430\u0432\u043d\u043e\u0435 \u043e\u043a\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0451\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u0441\u043b\u0435 \u0442\u043e\u0433\u043e, \u043a\u0430\u043a \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0438 \u0443\u0441\u043f\u0435\u0448\u043d\u044b\u0439 \u0441\u0438\u0433\u043d\u0430\u043b \u043e\u0442 \u0432\u0441\u0435\u0445 \u0442\u0440\u0451\u0445 \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432.<\/p>\n<p>\u041d\u0438\u0436\u0435 \u0444\u043b\u043e\u0443 \u0437\u0430\u043f\u0443\u0441\u043a\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432 \u0438\u0442\u043e\u0433\u0435 \u043e\u043a\u0430\u0437\u0430\u043b\u0441\u044f \u0440\u0430\u0431\u043e\u0447\u0438\u043c:<\/p>\n<figure class=\"\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/ad8\/a6d\/0b8\/ad8a6d0b83fd74585d59aea2b19cc11a.png\" width=\"464\" height=\"785\" sizes=\"auto, (max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/getpro\/habr\/upload_files\/ad8\/a6d\/0b8\/ad8a6d0b83fd74585d59aea2b19cc11a.png 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/ad8\/a6d\/0b8\/ad8a6d0b83fd74585d59aea2b19cc11a.png 781w\" loading=\"lazy\" decode=\"async\"\/><\/figure>\n<h2>\u0424\u0435\u0439\u043b 5. \u0417\u0430\u0433\u0440\u0443\u0437\u043e\u0447\u043d\u044b\u0439 \u044d\u043a\u0440\u0430\u043d \u0435\u0441\u0442\u044c, \u0430 \u0441\u0442\u0430\u0442\u0443\u0441\u044b \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432 \u043d\u0435 \u043c\u0435\u043d\u044f\u044e\u0442\u0441\u044f<\/h2>\n<p>\u0412 \u043a\u0430\u043a\u043e\u0439-\u0442\u043e \u043c\u043e\u043c\u0435\u043d\u0442 \u0437\u0430\u0433\u0440\u0443\u0437\u043e\u0447\u043d\u044b\u0439 \u044d\u043a\u0440\u0430\u043d \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u043b\u0441\u044f, \u043d\u043e \u0438\u043d\u0434\u0438\u043a\u0430\u0442\u043e\u0440\u044b \u043d\u0435 \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u043b\u0438\u0441\u044c, \u0445\u043e\u0442\u044f backend \u0443\u0436\u0435 \u0431\u044b\u043b \u0433\u043e\u0442\u043e\u0432 \u043a \u0440\u0430\u0431\u043e\u0442\u0435.<\/p>\n<p>\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u043e\u043a\u0430\u0437\u0430\u043b\u0430\u0441\u044c \u043d\u0435 \u0432\u00a0<code>health-check<\/code>, \u0430 \u0432\u00a0<code>preload<\/code>. \u041c\u044b \u043f\u044b\u0442\u0430\u043b\u0438\u0441\u044c \u0442\u044f\u043d\u0443\u0442\u044c \u0442\u0443\u0434\u0430 \u043a\u043e\u043d\u0444\u0438\u0433 \u0447\u0435\u0440\u0435\u0437 \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439\u00a0<code>require('.\/utils\/...')<\/code>, \u0438 \u043f\u0440\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0435\u00a0<code>loading.html<\/code>\u00a0\u044d\u0442\u043e \u043b\u043e\u043c\u0430\u043b\u043e \u044d\u043a\u0441\u043f\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\u00a0<code>window.electronAPI<\/code>. \u0412 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0432\u043e\u043e\u0431\u0449\u0435 \u043d\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u044b\u0432\u0430\u043b\u0430\u0441\u044c \u043d\u0430\u00a0IPC-\u0441\u043e\u0431\u044b\u0442\u0438\u044f.<\/p>\n<p>\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 \u0434\u043b\u044f \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e\u0439 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0441\u0442\u0430\u0442\u0443\u0441\u0430:<\/p>\n<ul>\n<li>\n<p>preload \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u044b\u043c \u0438 \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u044b\u043c;<\/p>\n<\/li>\n<li>\n<p>\u0441\u043f\u0438\u0441\u043e\u043a \u0440\u0430\u0437\u0440\u0435\u0448\u0451\u043d\u043d\u044b\u0445 \u043a\u0430\u043d\u0430\u043b\u043e\u0432 \u043b\u0443\u0447\u0448\u0435 \u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043f\u0440\u044f\u043c\u043e \u0432 preload, \u0430 \u043d\u0435 \u0442\u0430\u0449\u0438\u0442\u044c \u0441\u043b\u043e\u0436\u043d\u044b\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438;<\/p>\n<\/li>\n<li>\n<p>\u043f\u043e\u0440\u044f\u0434\u043e\u043a \u0432\u043e \u0444\u043b\u043e\u0443 \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0441\u0442\u0440\u043e\u0433\u0438\u043c: \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438, \u043f\u043e\u0442\u043e\u043c \u043f\u0435\u0440\u0432\u044b\u0435\u00a0<code>emit<\/code>.<\/p>\n<\/li>\n<\/ul>\n<p>\u042d\u0442\u043e \u0442\u043e\u0442 \u0441\u043b\u0443\u0447\u0430\u0439, \u043a\u043e\u0433\u0434\u0430 \u0431\u0430\u0433 \u0432\u043d\u0435\u0448\u043d\u0435 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u043a\u0430\u043a \u043e\u0431\u044b\u0447\u043d\u044b\u0439 \u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0435\u0442 \u0438\u043d\u0434\u0438\u043a\u0430\u0446\u0438\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432, \u0430 \u043f\u043e \u0441\u0443\u0442\u0438 \u0432\u0441\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u0440\u0435\u0430\u043b\u044c\u043d\u0443\u044e \u0445\u0440\u0443\u043f\u043a\u043e\u0441\u0442\u044c \u0436\u0438\u0437\u043d\u0435\u043d\u043d\u043e\u0433\u043e \u0446\u0438\u043a\u043b\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f.<\/p>\n<h2>\u0424\u0435\u0439\u043b 6. \u0412 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435 \u0432\u0441\u0451 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442, \u0430 \u0432 \u0441\u043e\u0431\u0440\u0430\u043d\u043d\u043e\u043c Electron \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043b\u043e\u043c\u0430\u044e\u0442\u0441\u044f<\/h2>\n<p>\u041a\u043e\u0433\u0434\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0447\u0435\u0440\u0435\u0437\u00a0<code>Vite<\/code>, \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043a\u00a0<code>API<\/code>, \u0432 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435\u00a0<code>\/core\/...<\/code>\u00a0\u0436\u0438\u0432\u0443\u0442 \u0432 \u043f\u0440\u0438\u0432\u044b\u0447\u043d\u043e\u0439 \u0434\u043b\u044f \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430 \u043c\u043e\u0434\u0435\u043b\u0438: \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434 \u043d\u0430 <code>localhost:5173<\/code>, backend \u043d\u0430 <code>localhost:21815<\/code>, CORS \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043d, origin \u0441\u043e\u0432\u043f\u0430\u0434\u0430\u0435\u0442. \u041f\u043e\u0441\u043b\u0435 \u0441\u0431\u043e\u0440\u043a\u0438 Electron \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u0442 UI \u043f\u043e <code>file:\/\/<\/code> \u2014 \u0443 \u0442\u0430\u043a\u043e\u0433\u043e URL \u043d\u0435\u0442 origin, \u0438 \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043f\u0443\u0442\u0438 \u0432\u0438\u0434\u0430 <code>\/core\/...<\/code> \u0442\u0435\u0440\u044f\u044e\u0442 \u0431\u0430\u0437\u0443 \u0434\u043b\u044f \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043d\u0438\u044f. \u0417\u0430\u043f\u0440\u043e\u0441\u044b \u0443\u0445\u043e\u0434\u044f\u0442 \u0432 \u043d\u0438\u043a\u0443\u0434\u0430.<\/p>\n<p>\u0412 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0443\u0436\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0441\u044f <code>openapi-generator<\/code>, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0434\u043b\u044f \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0441 <code>file:\/\/<\/code> \u0434\u043e\u0431\u0430\u0432\u0438\u043b\u0438 middleware, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043f\u043e\u0432\u0435\u0440\u0445 \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432 \u0438 \u043f\u043e\u0434\u043c\u0435\u043d\u044f\u0435\u0442 \u0431\u0430\u0437\u043e\u0432\u044b\u0439 URL \u0434\u043b\u044f desktop-\u0440\u0435\u0436\u0438\u043c\u0430. \u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442: \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u0432 dev-\u0440\u0435\u0436\u0438\u043c\u0435 Electron, \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u043e\u043c dev-\u0440\u0435\u0436\u0438\u043c\u0435 \u0438 \u0432 \u0441\u043e\u0431\u0440\u0430\u043d\u043d\u043e\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438.<\/p>\n<p>\u0423 \u044d\u0442\u043e\u0439 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0431\u044b\u043b \u0438 \u0431\u043e\u043b\u0435\u0435 \u0444\u0443\u043d\u0434\u0430\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u0443\u0442\u044c \u0440\u0435\u0448\u0435\u043d\u0438\u044f: \u0443\u0439\u0442\u0438 \u0441 <code>file:\/\/<\/code> \u043d\u0430 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 <code>app:\/\/<\/code>. \u0414\u043b\u044f \u043d\u043e\u0432\u043e\u0433\u043e desktop-\u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u044f \u0431\u044b \u0443\u0436\u0435 \u0432\u0441\u0435\u0440\u044c\u0451\u0437 \u0441\u043c\u043e\u0442\u0440\u0435\u043b \u0432 \u044d\u0442\u0443 \u0441\u0442\u043e\u0440\u043e\u043d\u0443.<\/p>\n<p>\u0412 \u0443\u043f\u0440\u043e\u0449\u0451\u043d\u043d\u043e\u043c \u0432\u0438\u0434\u0435 \u044d\u0442\u043e \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0442\u0430\u043a:<\/p>\n<pre><code class=\"javascript\">const { app, protocol, net } = require('electron');const path = require('path');const { pathToFileURL } = require('url');protocol.registerSchemesAsPrivileged([  {    scheme: 'app',    privileges: {      standard: true,      secure: true,      supportFetchAPI: true    }  }]);app.whenReady().then(() =&gt; {  protocol.handle('app', (request) =&gt; {    const filePath = request.url.slice('app:\/\/'.length);    return net.fetch(pathToFileURL(path.join(__dirname, filePath)).toString());  });});<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u0422\u0430\u043a\u043e\u0439 \u043f\u043e\u0434\u0445\u043e\u0434 \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u0445\u043e\u0440\u043e\u0448, \u0435\u0441\u043b\u0438 \u0432\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u0443\u0435\u0442\u0435 desktop-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0441 \u043d\u0443\u043b\u044f \u0438 \u0445\u043e\u0442\u0438\u0442\u0435, \u0447\u0442\u043e\u0431\u044b UI \u0436\u0438\u043b \u043d\u0435 \u043d\u0430 <code>file:\/\/<\/code>, \u0430 \u043d\u0430 \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u0445\u0435\u043c\u0435 \u0443\u0440\u043e\u0432\u043d\u044f <code>app:\/\/bundle\/index.html<\/code>.<\/p>\n<p>\u041d\u043e \u0432 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u044d\u0442\u043e \u043e\u0437\u043d\u0430\u0447\u0430\u043b\u043e \u0431\u044b \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433 \u0441\u043f\u043e\u0441\u043e\u0431\u0430 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0432\u0441\u0435\u0433\u043e UI. \u041d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0431\u044b\u0441\u0442\u0440\u043e \u0438 \u043f\u0440\u0435\u0434\u0441\u043a\u0430\u0437\u0443\u0435\u043c\u043e \u043f\u043e\u0447\u0438\u043d\u0438\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430 \u043a \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u043c\u0443 API, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u044b \u0432\u044b\u0431\u0440\u0430\u043b\u0438 \u0431\u043e\u043b\u0435\u0435 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0447\u0435\u0440\u0435\u0437 middleware, \u0430 \u043d\u0435 \u043f\u043e\u043b\u043d\u0443\u044e \u043c\u0438\u0433\u0440\u0430\u0446\u0438\u044e \u043d\u0430 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0439 \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b.<\/p>\n<p>\u0415\u0441\u043b\u0438 \u0443\u043f\u0440\u043e\u0441\u0442\u0438\u0442\u044c \u0432\u044b\u0431\u043e\u0440, \u0442\u043e \u043e\u043d \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0442\u0430\u043a:<\/p>\n<ul>\n<li>\n<p>\u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0439 \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b \u0445\u043e\u0440\u043e\u0448, \u043a\u043e\u0433\u0434\u0430 \u0432\u044b \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u0443\u0435\u0442\u0435 \u0432\u0435\u0441\u044c \u0441\u043f\u043e\u0441\u043e\u0431 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438 UI \u0438 \u0433\u043e\u0442\u043e\u0432\u044b \u0441\u0442\u0440\u043e\u0438\u0442\u044c desktop-\u0441\u0445\u0435\u043c\u0443 &#171;\u0441 \u043d\u0443\u043b\u044f&#187;;<\/p>\n<\/li>\n<li>\n<p>middleware \u0445\u043e\u0440\u043e\u0448, \u043a\u043e\u0433\u0434\u0430 UI \u0443\u0436\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442, \u0430 \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0431\u044b\u0441\u0442\u0440\u043e \u0438 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e \u0432\u044b\u0440\u043e\u0432\u043d\u044f\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u043c\u0443 API.<\/p>\n<\/li>\n<\/ul>\n<p>\u0413\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f \u043a\u043b\u0438\u0435\u043d\u0442\u0430 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0442\u0430\u043a:<\/p>\n<pre><code class=\"bash\">openapi-generator-cli generate \\  -i ..\/brok-backend\/brok-core\/openapi.yaml \\  --generator-name typescript-fetch \\  --output src\/generated-sources\/core<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u0410 \u0441\u0430\u043c\u0430 \u0438\u0434\u0435\u044f middleware \u043f\u0440\u0435\u0434\u0435\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u0430\u044f, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0435\u0441\u043b\u0438 \u043f\u0443\u0442\u044c \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0441 <code>\/core<\/code>, \u043f\u043e\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u0439 backend-\u0445\u043e\u0441\u0442 \u0438\u043b\u0438 \u0442\u043e\u0436\u0435  \u0441\u0430\u043c\u043e\u0435, \u043d\u043e \u0430\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u044f <code>file:\/\/<\/code><\/p>\n<pre><code class=\"json\">import type { RequestContext, FetchParams } from '..\/generated-sources\/core\/runtime';const CORE_ORIGIN = 'http:\/\/localhost:21815';\/** * \u0412\u0441\u0435\u0433\u0434\u0430 \u043f\u0435\u0440\u0435\u043d\u0430\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043a \/core \u043d\u0430 localhost:21815. * - \u0412 Electron (file:\/\/) \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043d\u0435 \u0438\u043c\u0435\u044e\u0442 \u0445\u043e\u0441\u0442\u0430 \u2014 \u043f\u043e\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c 21815. * - \u0412 dev (http:\/\/localhost:5173) \u0431\u0435\u0437 \u043f\u043e\u0434\u043c\u0435\u043d\u044b \u0437\u0430\u043f\u0440\u043e\u0441 \u0448\u0451\u043b \u0431\u044b \u043d\u0430 5173; Vite proxy \u043c\u043e\u0433 \u043d\u0435 \u0441\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c, *   \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0442\u043e\u0436\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c \u043d\u0430 21815. \u0411\u044d\u043a\u0435\u043d\u0434 (brok-core) \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043d \u0441 CORS \u0434\u043b\u044f localhost:5173 \u0438 null. *\/export class InternalRequestMiddleware {  public async pre(context: RequestContext): Promise&lt;FetchParams | void&gt; {    if (typeof window === 'undefined') return;    const path = context.url.startsWith('http')      ? new URL(context.url).pathname      : context.url;    if (!path.startsWith('\/core')) return;    return {      url: `${CORE_ORIGIN}${path}`,      init: {        ...context.init,        headers: new Headers(context.init?.headers ?? {}),      },    };  }}<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u044d\u0442\u043e\u043c\u0443 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442:<\/p>\n<ul>\n<li>\n<p>\u0432 dev-\u0440\u0435\u0436\u0438\u043c\u0435 Electron<\/p>\n<\/li>\n<li>\n<p>\u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u043e\u043c dev-\u0440\u0435\u0436\u0438\u043c\u0435<\/p>\n<\/li>\n<li>\n<p>\u0432 \u0441\u043e\u0431\u0440\u0430\u043d\u043d\u043e\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u0441 <code>file:\/\/<\/code><\/p>\n<\/li>\n<\/ul>\n<h2>\u0424\u0435\u0439\u043b 7. \u0421\u0438\u0441\u0442\u0435\u043c\u043d\u0430\u044f Java \u0443 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u043b\u043e\u043c\u0430\u0435\u0442 \u0432\u043e\u0441\u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u044c<\/h2>\n<p>\u041f\u043e\u043a\u0430 \u0432\u0441\u0451 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u043b\u043e\u0441\u044c \u043d\u0430 \u043c\u0430\u0448\u0438\u043d\u0430\u0445 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432, \u0437\u0430\u043f\u0443\u0441\u043a \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439\u00a0<code>spawn('java', ...)<\/code>\u00a0\u043a\u0430\u0437\u0430\u043b\u043e\u0441\u044c \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e\u0439 \u0438\u0434\u0435\u0435\u0439. \u041d\u043e \u0447\u0435\u0440\u0435\u0437 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0435\u043b\u0438\u0437\u043e\u0432 \u043d\u0430\u0447\u0430\u043b\u0438 \u043f\u0440\u0438\u043b\u0435\u0442\u0430\u0442\u044c \u0443\u0436\u0435 \u0441\u043e\u0432\u0441\u0435\u043c \u0434\u0440\u0443\u0433\u0438\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b:<\/p>\n<ul>\n<li>\n<p>Java \u043d\u0435 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u0430;<\/p>\n<\/li>\n<li>\n<p>\u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u0430 \u043d\u0435 \u0442\u0430 \u0432\u0435\u0440\u0441\u0438\u044f;<\/p>\n<\/li>\n<li>\n<p><code>PATH<\/code>\u00a0\u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u043d\u0435 \u0442\u0443\u0434\u0430;<\/p>\n<\/li>\n<li>\n<p>\u043e\u0434\u0438\u043d \u0438 \u0442\u043e\u0442 \u0436\u0435 JAR \u0432\u0435\u0434\u0451\u0442 \u0441\u0435\u0431\u044f \u043f\u043e-\u0440\u0430\u0437\u043d\u043e\u043c\u0443 \u043d\u0430 \u0440\u0430\u0437\u043d\u044b\u0445 \u043c\u0430\u0448\u0438\u043d\u0430\u0445.<\/p>\n<\/li>\n<\/ul>\n<p>\u041f\u043e\u043a\u0430 \u0432\u0441\u0451 \u044d\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0432\u043d\u0443\u0442\u0440\u0438 \u043a\u043e\u043c\u0430\u043d\u0434\u044b, \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u043b\u0435\u0433\u043a\u043e \u043d\u0435\u0434\u043e\u043e\u0446\u0435\u043d\u0438\u0442\u044c. \u041a\u0430\u043a \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0443\u0435\u0437\u0436\u0430\u0435\u0442 \u0432\u043e \u0432\u043d\u0435\u0448\u043d\u0438\u0439 \u043a\u043e\u043d\u0442\u0443\u0440,\u00a0<code>java -jar<\/code>\u00a0\u043f\u0435\u0440\u0435\u0441\u0442\u0430\u0451\u0442 \u0431\u044b\u0442\u044c \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0434\u0435\u0442\u0430\u043b\u044c\u044e \u0438 \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u0447\u0430\u0441\u0442\u044c\u044e \u0434\u0438\u0441\u0442\u0440\u0438\u0431\u0443\u0442\u0438\u0432\u0430.<\/p>\n<p>\u042d\u0442\u043e \u0431\u044b\u043b \u0442\u043e\u0442 \u0441\u0430\u043c\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442, \u043a\u043e\u0433\u0434\u0430 \u0441\u0442\u0430\u043b\u043e \u044f\u0441\u043d\u043e: \u043f\u043e\u043b\u0430\u0433\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u0443\u044e JVM \u0432 desktop-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u043d\u0435\u043b\u044c\u0437\u044f, \u0435\u0441\u043b\u0438 \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u0430 \u043f\u0440\u0435\u0434\u0441\u043a\u0430\u0437\u0443\u0435\u043c\u043e\u0441\u0442\u044c \u043f\u043e\u0441\u0442\u0430\u0432\u043a\u0438.<\/p>\n<h2>\u0423\u0431\u0438\u0440\u0430\u0435\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u044c \u043f\u0440\u0435\u0434\u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u043e\u0439 Java<\/h2>\n<p>\u041c\u044b \u0441\u043e\u0431\u0440\u0430\u043b\u0438 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u0443\u044e JRE \u0447\u0435\u0440\u0435\u0437\u00a0<code>jlink<\/code>, \u043f\u043e\u043b\u043e\u0436\u0438\u043b\u0438 \u0435\u0451 \u0440\u044f\u0434\u043e\u043c \u0441 JAR \u0438 \u043f\u0435\u0440\u0435\u0441\u0442\u0430\u043b\u0438 \u0437\u0430\u0432\u0438\u0441\u0435\u0442\u044c \u043e\u0442 Java \u0443 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f.<\/p>\n<p>\u041a\u043e\u043c\u0430\u043d\u0434\u0430 \u0441\u0431\u043e\u0440\u043a\u0438 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u043b\u0430 \u0442\u0430\u043a:<\/p>\n<pre><code class=\"bash\">jlink \\  --add-modules java.base,java.logging,java.management,java.naming,java.net.http,java.sql,java.transaction.xa,java.xml,jdk.unsupported,java.desktop,java.security.jgss,java.instrument,java.rmi,java.scripting,java.compiler,jdk.crypto.ec,jdk.crypto.cryptoki,jdk.dynalink,java.security.sasl,jdk.naming.dns \\  --output brok-jre \\  --strip-debug \\  --no-man-pages \\  --no-header-files \\  --compress=2<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u041f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e \u043b\u043e\u0433\u0438\u043a\u0430 \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u0441\u043e\u0432\u0441\u0435\u043c \u0447\u0443\u0442\u044c-\u0447\u0443\u0442\u044c, \u043d\u043e \u043c\u0435\u043d\u044f\u0435\u0442 \u0432\u0441\u0451 \u043f\u043e \u0441\u0443\u0442\u0438:<\/p>\n<pre><code class=\"javascript\">function getJavaPath(app) {  const javaFromBundle = path.join(    getResourcesRoot(app),    'jars',    'brok-jre',    'bin',    process.platform === 'win32' ? 'java.exe' : 'java'  );  return fs.existsSync(javaFromBundle) ? javaFromBundle : 'java';}<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u0422\u0435\u043f\u0435\u0440\u044c:<\/p>\n<ul>\n<li>\n<p>Java \u043d\u0435 \u043d\u0443\u0436\u043d\u0430 \u043d\u0430 \u043c\u0430\u0448\u0438\u043d\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f;<\/p>\n<\/li>\n<li>\n<p>runtime \u0432\u0441\u0435\u0433\u0434\u0430 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u0439;<\/p>\n<\/li>\n<li>\n<p>\u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u0432\u043e\u0441\u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u043c\u043e\u0439;<\/p>\n<\/li>\n<li>\n<p>\u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e &#171;\u043c\u0430\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0445&#187; \u0431\u0430\u0433\u043e\u0432 \u0440\u0435\u0437\u043a\u043e \u0441\u043d\u0438\u0436\u0430\u0435\u0442\u0441\u044f.<\/p>\n<\/li>\n<\/ul>\n<p>\u041a\u043e\u043c\u043f\u0440\u043e\u043c\u0438\u0441\u0441 \u0437\u0434\u0435\u0441\u044c \u043e\u0447\u0435\u0432\u0438\u0434\u043d\u044b\u0439: \u0434\u0438\u0441\u0442\u0440\u0438\u0431\u0443\u0442\u0438\u0432 \u0440\u0430\u0441\u0442\u0451\u0442, \u0430 \u0441\u0431\u043e\u0440\u043a\u0430 \u0443\u0441\u043b\u043e\u0436\u043d\u044f\u0435\u0442\u0441\u044f. \u041d\u043e \u0435\u0441\u043b\u0438 \u0437\u0430\u0434\u0430\u0447\u0430 \u2014 \u043e\u0444\u043b\u0430\u0439\u043d desktop \u0441 \u043f\u0440\u0435\u0434\u0441\u043a\u0430\u0437\u0443\u0435\u043c\u044b\u043c \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435\u043c, \u044d\u0442\u043e \u0445\u043e\u0440\u043e\u0448\u0430\u044f \u0441\u0434\u0435\u043b\u043a\u0430. <\/p>\n<p>\u0422\u0435\u043f\u0435\u0440\u044c \u0441\u0445\u0435\u043c\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:<\/p>\n<figure class=\"full-width \"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/122\/d65\/ccc\/122d65ccc38f7163d09e89d6c4fb5009.png\" width=\"1717\" height=\"655\" sizes=\"auto, (max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/getpro\/habr\/upload_files\/122\/d65\/ccc\/122d65ccc38f7163d09e89d6c4fb5009.png 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/122\/d65\/ccc\/122d65ccc38f7163d09e89d6c4fb5009.png 781w\" loading=\"lazy\" decode=\"async\"\/><\/figure>\n<h2>\u0424\u0435\u0439\u043b 8. \u041d\u0435\u043b\u044c\u0437\u044f \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0440\u044f\u0434\u043e\u043c \u0441 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u043c<\/h2>\n<p>\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0430\u044f \u043e\u0448\u0438\u0431\u043a\u0430 \u0443\u0436\u0435 \u043d\u0435 \u043f\u0440\u043e \u0437\u0430\u043f\u0443\u0441\u043a, \u0430 \u043f\u0440\u043e \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u0443\u044e \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e\u0441\u0442\u044c.<\/p>\n<p>\u0412 \u043f\u0435\u0440\u0432\u044b\u0445 \u0432\u0435\u0440\u0441\u0438\u044f\u0445 \u0431\u0430\u0437\u0430 \u0434\u0430\u043d\u043d\u044b\u0445 \u0436\u0438\u043b\u0430 \u0432\u043d\u0443\u0442\u0440\u0438 \u043f\u0430\u043f\u043a\u0438 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u043e\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u041d\u0430 Windows \u044d\u0442\u043e \u043f\u043b\u043e\u0445\u0430\u044f \u0438\u0434\u0435\u044f \u043f\u043e \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u043c \u043f\u0440\u0438\u0447\u0438\u043d\u0430\u043c:<\/p>\n<ul>\n<li>\n<p>\u043f\u0430\u043f\u043a\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043c\u043e\u0436\u0435\u0442 \u043f\u0435\u0440\u0435\u0437\u0430\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c\u0441\u044f \u043f\u0440\u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0438;<\/p>\n<\/li>\n<li>\n<p>\u0434\u043e\u0441\u0442\u0443\u043f \u043d\u0430 \u0437\u0430\u043f\u0438\u0441\u044c \u0442\u0443\u0434\u0430 \u043d\u0435 \u0432\u0441\u0435\u0433\u0434\u0430 \u043f\u0440\u0435\u0434\u0441\u043a\u0430\u0437\u0443\u0435\u043c;<\/p>\n<\/li>\n<li>\n<p>\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u043e\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u043d\u0435 \u0442\u0430\u043c, \u0433\u0434\u0435 \u044d\u0442\u043e\u0433\u043e \u043e\u0436\u0438\u0434\u0430\u0435\u0442 \u041e\u0421.<\/p>\n<\/li>\n<\/ul>\n<p>\u0418\u043d\u044b\u043c\u0438 \u0441\u043b\u043e\u0432\u0430\u043c\u0438, \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0432\u0440\u043e\u0434\u0435 \u0431\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442, \u043d\u043e \u043f\u0440\u0438 \u043d\u0435\u0443\u0434\u0430\u0447\u043d\u043e\u043c \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0440\u0438\u0441\u043a\u0443\u0435\u0442 \u043f\u043e\u0442\u0435\u0440\u044f\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435.<\/p>\n<h2>\u041f\u0430\u0442\u0447 \u0434\u043b\u044f Windows: \u0432\u044b\u043d\u043e\u0441\u0438\u043c \u0411\u0414 \u0432\u00a0%APPDATA%\u00a0\u0438 \u043c\u0438\u0433\u0440\u0438\u0440\u0443\u0435\u043c \u0435\u0451 \u0447\u0435\u0440\u0435\u0437 NSIS<\/h2>\n<p>\u0418\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043c\u044b \u0441\u0434\u0435\u043b\u0430\u043b\u0438 \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0449\u0438\u043a\u0430. \u0415\u0441\u043b\u0438 \u043f\u0440\u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0438 \u043e\u0431\u043d\u0430\u0440\u0443\u0436\u0438\u0432\u0430\u0435\u043c \u0441\u0442\u0430\u0440\u044b\u0435\u00a0<code>.db<\/code>\u00a0\u0432 \u043f\u0430\u043f\u043a\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u0438\u043c \u0438\u0445 \u0432\u00a0<code>%APPDATA%\\BrOk\\db<\/code>, \u0430 \u043d\u043e\u0432\u044b\u0435 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438 \u0443\u0436\u0435 \u0438\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u0441 \u044d\u0442\u0438\u043c \u043f\u0443\u0442\u0451\u043c.<\/p>\n<p>\u0415\u0441\u043b\u0438 \u043d\u0430\u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u0443 \u0447\u0430\u0441\u0442\u044c \u0441\u043e\u0432\u0441\u0435\u043c \u043a\u0440\u0430\u0442\u043a\u043e, \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f \u0442\u0430\u043a\u043e\u0439 \u043f\u0443\u0442\u044c:<\/p>\n<figure class=\"full-width \"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/f02\/0d5\/356\/f020d53562a6c80419703e08fea2d562.png\" width=\"1519\" height=\"264\" sizes=\"auto, (max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/getpro\/habr\/upload_files\/f02\/0d5\/356\/f020d53562a6c80419703e08fea2d562.png 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/f02\/0d5\/356\/f020d53562a6c80419703e08fea2d562.png 781w\" loading=\"lazy\" decode=\"async\"\/><\/figure>\n<p>\u042d\u0442\u0430 \u0441\u0445\u0435\u043c\u0430 \u043f\u0440\u043e\u0441\u0442\u0430\u044f, \u043d\u043e \u043e\u043d\u0430 \u0445\u043e\u0440\u043e\u0448\u043e \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0441\u0430\u043c\u0443\u044e \u0432\u0430\u0436\u043d\u0443\u044e \u043c\u044b\u0441\u043b\u044c: \u0434\u0430\u043d\u043d\u044b\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0434\u043e\u043b\u0436\u043d\u044b \u0436\u0438\u0442\u044c \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e \u043e\u0442 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u043e\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u0430 \u043c\u0438\u0433\u0440\u0430\u0446\u0438\u044f \u0434\u043e\u043b\u0436\u043d\u0430 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442\u044c \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e.<\/p>\n<p>\u042d\u0442\u043e \u043d\u0435 \u0441\u0430\u043c\u044b\u0439 &#171;\u0440\u043e\u043c\u0430\u043d\u0442\u0438\u0447\u043d\u044b\u0439&#187; \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u0441\u0442\u0430\u0442\u044c\u0438, \u043d\u043e \u0441 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0442\u043e\u0447\u043a\u0438 \u0437\u0440\u0435\u043d\u0438\u044f \u043e\u0434\u0438\u043d \u0438\u0437 \u0441\u0430\u043c\u044b\u0445 \u0432\u0430\u0436\u043d\u044b\u0445: \u0438\u043c\u0435\u043d\u043d\u043e \u0437\u0434\u0435\u0441\u044c desktop-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f \u0441 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u043c\u0438 \u0434\u0430\u043d\u043d\u044b\u043c\u0438.<\/p>\n<p>\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u0432\u043e\u043e\u0431\u0449\u0435 \u043d\u0435 \u043e\u0431\u044f\u0437\u0430\u043d \u0437\u043d\u0430\u0442\u044c, \u0447\u0442\u043e \u043f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430 \u043c\u0438\u0433\u0440\u0430\u0446\u0438\u044f. \u0414\u043b\u044f \u043d\u0435\u0433\u043e \u0432\u0430\u0436\u0435\u043d \u0442\u043e\u043b\u044c\u043a\u043e \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442: \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u043d\u0435 \u0443\u043d\u0438\u0447\u0442\u043e\u0436\u0430\u0435\u0442 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u0443\u044e \u0431\u0430\u0437\u0443, \u0430 \u043d\u043e\u0432\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f \u043f\u043e\u0434\u0445\u0432\u0430\u0442\u044b\u0432\u0430\u0435\u0442 \u0434\u0430\u043d\u043d\u044b\u0435 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e.<\/p>\n<p>\u041f\u0440\u0438\u043c\u0435\u0440 NSIS-\u0441\u043a\u0440\u0438\u043f\u0442\u0430:<\/p>\n<pre><code class=\"php\">; \u041e\u0441\u0442\u0430\u0432\u044c \u043d\u0430\u0434\u0435\u0436\u0434\u0443 \u0432\u0441\u044f\u043a \u0441\u044e\u0434\u0430 \u0432\u0445\u043e\u0434\u044f\u0449\u0438\u0439Function CheckAndCopyDBFiles  IfFileExists \"$APPDATA\\BrOk\\db\\*.db\" skipMove  IfFileExists \"$INSTDIR\\resources\\database\\*.db\" 0 skipMove  CreateDirectory \"$APPDATA\\BrOk\\db\"  FindFirst $0 $1 \"$INSTDIR\\resources\\database\\*.db\"  loop:    StrCmp $1 \"\" exitloop    CopyFiles \/SILENT \"$INSTDIR\\resources\\database\\$1\" \"$APPDATA\\BrOk\\db\\$1\"    Delete \"$INSTDIR\\resources\\database\\$1\"    FindNext $0 $1    Goto loop  exitloop:    FindClose $0  skipMove:FunctionEnd!macro customInstall  Call CheckAndCopyDBFiles!macroend<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<h2>\u0420\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u0435 macOS-\u0432\u0435\u0440\u0441\u0438\u0438 \u0431\u0435\u0437 Apple Developer<\/h2>\n<p>\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0439 \u0443 \u043d\u0430\u0441 \u0431\u044b\u043b Windows-first, \u0447\u0430\u0441\u0442\u044c \u0440\u0435\u0448\u0435\u043d\u0438\u0439 \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u0438\u043b\u0430\u0441\u044c \u043d\u0430 Linux, \u0430 \u0432\u043e\u0442 macOS \u0431\u044b\u0441\u0442\u0440\u043e \u043d\u0430\u043f\u043e\u043c\u043d\u0438\u043b\u0430, \u0447\u0442\u043e \u043a\u0440\u043e\u0441\u0441\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u043d\u043d\u0430\u044f \u0441\u0431\u043e\u0440\u043a\u0430 \u0438 \u043a\u0440\u043e\u0441\u0441\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u043d\u043d\u0430\u044f \u043f\u043e\u0441\u0442\u0430\u0432\u043a\u0430 &#8212; \u043d\u0435 \u043e\u0434\u043d\u043e \u0438 \u0442\u043e \u0436\u0435.<\/p>\n<p>\u0414\u043b\u044f \u0446\u0435\u043d\u0442\u0440\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u043e\u0439 \u0434\u0438\u0441\u0442\u0440\u0438\u0431\u0443\u0446\u0438\u0438 \u043d\u0430 macOS \u043d\u0443\u0436\u043d\u0430 \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u0430\u044f \u043f\u043e\u0434\u043f\u0438\u0441\u044c \u0438 \u0432\u0441\u044f \u0441\u043e\u043f\u0443\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0430\u044f \u0431\u044e\u0440\u043e\u043a\u0440\u0430\u0442\u0438\u044f Apple. \u0412 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043f\u0440\u043e\u0439\u0442\u0438 \u044d\u0442\u043e\u0442 \u043f\u0443\u0442\u044c \u043d\u0435 \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0434\u043b\u044f \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0439 \u043f\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0438 \u043e\u0431\u0445\u043e\u0434\u043d\u043e\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442:\u00a0<code>pkg<\/code>\u00a0\u0441\u043e \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u043c <\/p>\n<pre><code class=\"bash\">#!\/bin\/bash# Postinstall script for BrOk macOS package (brok-demo: BrOk Demo.app)# Runs after the application is installed. Sets permissions, removes quarantine, ad-hoc signs.LOG_FILE=\"\/tmp\/brok-postinstall.log\"exec &gt; \"$LOG_FILE\" 2&gt;&amp;1echo \"=== BrOk Post-Install Script Started ===\"echo \"Date: $(date)\"echo \"User: $(whoami)\"echo \"Arguments: $@\"echo \"\"echo \"$1: Full path to the installer package\"echo \"$2: Full path to the installation location (e.g. \/Applications)\"echo \"$3: Mountpoint of the installation disk\"echo \"$4: Root directory of currently booted system\"echo \"\"# \u0418\u043c\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f (\u0434\u043e\u043b\u0436\u043d\u043e \u0441\u043e\u0432\u043f\u0430\u0434\u0430\u0442\u044c \u0441 productName \u0432 package.json: BrOk Demo \u2192 BrOk Demo.app)APP_NAME=\"BrOk Demo.app\"APP_PATH=\"$2\"echo \"Installation directory: $APP_PATH\"if [ -z \"$APP_PATH\" ]; then    APP_PATH=\"\/Applications\/$APP_NAME\"    echo \"No install dir provided, using default: $APP_PATH\"elif [[ \"$APP_PATH\" == *.app ]]; then    echo \"Using provided path: $APP_PATH\"else    APP_PATH=\"$APP_PATH\/$APP_NAME\"    echo \"Appending app name to path: $APP_PATH\"fiif [ -d \"$APP_PATH\" ]; then    echo \"Found application at: $APP_PATH\"    echo \"Setting permissions...\"    chmod -R 755 \"$APP_PATH\" &amp;&amp; echo \"Permissions set successfully\" || echo \"Failed to set permissions\"    echo \"Removing quarantine attribute...\"    xattr -r -d com.apple.quarantine \"$APP_PATH\" 2&gt;&amp;1 &amp;&amp; echo \"Quarantine removed\" || echo \"No quarantine to remove\"    ls -la@ \"$APP_PATH\"    echo \"Adding ad-hoc signature...\"    codesign --force --deep --sign - \"$APP_PATH\" 2&gt;&amp;1 &amp;&amp; echo \"Signed successfully\" || echo \"Signing failed\"    echo \"Post-installation completed successfully.\"else    echo \"ERROR: Application not found at $APP_PATH\"    ls -la \"$(dirname \"$APP_PATH\")\" 2&gt;&amp;1 || echo \"Parent directory doesn't exist\"fiecho \"=== BrOk Post-Install Script Completed ===\"echo \"\"logger \"BrOk postinstall completed. Check $LOG_FILE for details\"exit 0<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u043f\u043e\u0441\u043b\u0435 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u043d\u0438\u043c\u0430\u0435\u0442 \u0442\u0438\u043f\u0438\u0447\u043d\u044b\u0435 \u0431\u043b\u043e\u043a\u0438\u0440\u043e\u0432\u043a\u0438 \u0434\u043b\u044f \u043d\u0435\u043f\u043e\u0434\u043f\u0438\u0441\u0430\u043d\u043d\u043e\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f:<\/p>\n<ul>\n<li>\n<p>\u0432\u044b\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u043f\u0440\u0430\u0432\u0430<\/p>\n<\/li>\n<li>\n<p>\u0441\u043d\u0438\u043c\u0430\u0435\u0442\u00a0<code>quarantine<\/code><\/p>\n<\/li>\n<li>\n<p>\u0434\u0435\u043b\u0430\u0435\u0442 ad-hoc \u043f\u043e\u0434\u043f\u0438\u0441\u044c \u0447\u0435\u0440\u0435\u0437\u00a0<code>codesign<\/code><\/p>\n<\/li>\n<\/ul>\n<p>\u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438 \u044d\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442, \u043d\u043e \u0432\u0430\u0436\u043d\u043e \u043d\u0430\u0437\u0432\u0430\u0442\u044c \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u0435 \u043f\u0440\u044f\u043c\u043e: \u044d\u0442\u043e \u043d\u0435\u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u0443\u0442\u044c \u0434\u043b\u044f \u043c\u0430\u0441\u0441\u043e\u0432\u043e\u0439 \u0432\u043d\u0435\u0448\u043d\u0435\u0439 \u0434\u0438\u0441\u0442\u0440\u0438\u0431\u0443\u0446\u0438\u0438. \u0414\u043b\u044f \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0439 \u043f\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u0438\u043b\u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u043d\u043e\u0433\u043e \u043a\u0440\u0443\u0433\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u044d\u0442\u043e \u043f\u0440\u0438\u0435\u043c\u043b\u0435\u043c\u044b\u0439 \u043a\u043e\u043c\u043f\u0440\u043e\u043c\u0438\u0441\u0441. \u0414\u043b\u044f \u0448\u0438\u0440\u043e\u043a\u043e\u0433\u043e \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0432\u0441\u0451 \u0440\u0430\u0432\u043d\u043e \u043f\u0440\u0438\u0434\u0451\u0442\u0441\u044f \u0438\u0434\u0442\u0438 \u0432 \u0441\u0442\u043e\u0440\u043e\u043d\u0443 \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e\u0439 \u043f\u043e\u0434\u043f\u0438\u0441\u0438.<\/p>\n<h2>\u0427\u0442\u043e \u0435\u0449\u0451 \u0441\u0438\u043b\u044c\u043d\u043e \u043f\u043e\u043c\u043e\u0433\u043b\u043e \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0439 \u044d\u043a\u0441\u043f\u043b\u0443\u0430\u0442\u0430\u0446\u0438\u0438<\/h2>\n<p>\u041a\u043e\u0433\u0434\u0430 \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0431\u044b\u043b\u0438 \u0437\u0430\u043a\u0440\u044b\u0442\u044b, \u0431\u043e\u043b\u044c\u0448\u0435 \u0432\u0441\u0435\u0433\u043e \u0432 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0435 \u043e\u043a\u0443\u043f\u0438\u043b\u0438\u0441\u044c \u0443\u0436\u0435 \u043d\u0435 \u043a\u0440\u0443\u043f\u043d\u044b\u0435 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f, \u0430 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u0438\u0435 \u044d\u043a\u0441\u043f\u043b\u0443\u0430\u0442\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0434\u0435\u0442\u0430\u043b\u0438:<\/p>\n<ul>\n<li>\n<p>\u0448\u043e\u0440\u0442\u043a\u0430\u0442\u00a0<code>Ctrl+Shift+L<\/code>\u00a0\/\u00a0<code>Cmd+Shift+L<\/code>\u00a0\u0434\u043b\u044f \u043e\u0442\u043a\u0440\u044b\u0442\u0438\u044f \u043f\u0430\u043f\u043a\u0438 \u043b\u043e\u0433\u043e\u0432;<\/p>\n<\/li>\n<li>\n<p>\u0432\u0435\u0440\u0441\u0438\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043f\u0440\u044f\u043c\u043e \u043d\u0430 \u0437\u0430\u0433\u0440\u0443\u0437\u043e\u0447\u043d\u043e\u043c \u044d\u043a\u0440\u0430\u043d\u0435;<\/p>\n<pre><code class=\"javascript\">\/** * IPC-\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 (\u043e\u0442\u043a\u0440\u044b\u0442\u0438\u0435 \u043f\u0430\u043f\u043a\u0438 \u043b\u043e\u0433\u043e\u0432, \u0432\u0435\u0440\u0441\u0438\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f) \u0438 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0439 \u0448\u043e\u0440\u0442\u043a\u0430\u0442. * \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u0432 whenReady, \u0441\u043d\u044f\u0442\u0438\u0435 \u0448\u043e\u0440\u0442\u043a\u0430\u0442\u043e\u0432 \u0432 will-quit. *\/const { ipcMain, shell, dialog, globalShortcut } = require('electron');\/** * \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u0435\u0442 IPC-\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u0438 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0439 \u0448\u043e\u0440\u0442\u043a\u0430\u0442 Ctrl\/Cmd+Shift+L (\u043e\u0442\u043a\u0440\u044b\u0442\u0438\u0435 \u043f\u0430\u043f\u043a\u0438 \u043b\u043e\u0433\u043e\u0432). * @param {import('electron').App} app *\/function setupIpcAndShortcuts(app) {  const logsPath = app.getPath('logs');  ipcMain.handle('open-logs-folder', async () =&gt; {    try {      await shell.openPath(logsPath);    } catch (err) {      console.error('\u041e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u043e\u0442\u043a\u0440\u044b\u0442\u0438\u0438 \u043f\u0430\u043f\u043a\u0438 \u0441 \u043b\u043e\u0433\u0430\u043c\u0438:', err);      dialog.showErrorBox('\u041e\u0448\u0438\u0431\u043a\u0430', `\u041d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u043e\u0442\u043a\u0440\u044b\u0442\u044c \u043f\u0430\u043f\u043a\u0443 \u0441 \u043b\u043e\u0433\u0430\u043c\u0438: ${err.message}`);      throw err;    }  });  ipcMain.handle('get-app-version', () =&gt; app.getVersion());  globalShortcut.register('CommandOrControl+Shift+L', () =&gt; {    shell.openPath(logsPath).catch((err) =&gt; {      console.error('\u041e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u043e\u0442\u043a\u0440\u044b\u0442\u0438\u0438 \u043f\u0430\u043f\u043a\u0438 \u0441 \u043b\u043e\u0433\u0430\u043c\u0438 (\u0448\u043e\u0440\u0442\u043a\u0430\u0442):', err);      dialog.showErrorBox('\u041e\u0448\u0438\u0431\u043a\u0430', `\u041d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u043e\u0442\u043a\u0440\u044b\u0442\u044c \u043f\u0430\u043f\u043a\u0443 \u0441 \u043b\u043e\u0433\u0430\u043c\u0438: ${err.message}`);    });  });}function unregisterShortcuts() {  globalShortcut.unregisterAll();}module.exports = { setupIpcAndShortcuts, unregisterShortcuts };<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<p>\u0418 \u0434\u0430\u043b\u0435\u0435 \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u043c \u0432 <code>main.cjs<\/code>:<\/p>\n<pre><code class=\"javascript\">\/\/ main.cjsapp.whenReady().then(async () =&gt; {  setupIpcAndShortcuts(app);})<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><img style=\"width:14px;height:14px;object-fit:cover;object-position:left;\"\/><\/a><\/div><\/pre>\n<\/li>\n<\/ul>\n<ul>\n<li>\n<p>\u0436\u0451\u0441\u0442\u043a\u043e\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u043e:\u00a0<code>main.cjs<\/code>\u00a0\u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0440\u043a\u0435\u0441\u0442\u0440\u0438\u0440\u0443\u0435\u0442, \u043b\u043e\u0433\u0438\u043a\u0430 \u0436\u0438\u0432\u0451\u0442 \u0432\u00a0<code>utils<\/code>;<\/p>\n<\/li>\n<li>\n<p>\u044f\u0432\u043d\u043e\u0435 \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u043c\u0435\u0436\u0434\u0443 \u043c\u043e\u0434\u0443\u043b\u044f\u043c\u0438: \u0437\u0430\u043f\u0443\u0441\u043a \u0438 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430, \u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043b\u043e\u0433\u043e\u0432, \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0433\u043e\u0442\u043e\u0432\u043d\u043e\u0441\u0442\u0438, \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0446\u0438\u043a\u043b \u0440\u0430\u0431\u043e\u0442\u044b \u0438 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438\/\u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f<\/p>\n<\/li>\n<\/ul>\n<p>\u0418\u043c\u0435\u043d\u043d\u043e \u0442\u0430\u043a\u0438\u0435 \u0432\u0435\u0449\u0438 \u044d\u043a\u043e\u043d\u043e\u043c\u044f\u0442 \u0447\u0430\u0441\u044b \u043d\u0435 \u0432 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435, \u0430 \u0432 \u0434\u0438\u0430\u0433\u043d\u043e\u0441\u0442\u0438\u043a\u0435 \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0435.<\/p>\n<h2>\u0427\u0442\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c \u0432 \u0438\u0442\u043e\u0433\u0435<\/h2>\n<p>\u0412 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 Electron, React, \u0442\u0440\u0438 JAR-\u0441\u0435\u0440\u0432\u0438\u0441\u0430 \u0438 JRE \u0434\u0430\u044e\u0442 \u0440\u0430\u0437\u043c\u0435\u0440 \u043f\u043e\u0440\u044f\u0434\u043a\u0430 <code>500 MB<\/code> \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b \u0438 \u0442\u043e\u0433\u043e, \u043d\u0430\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0430\u0433\u0440\u0435\u0441\u0441\u0438\u0432\u043d\u043e \u0432\u044b \u0440\u0435\u0436\u0435\u0442\u0435 JRE. \u0426\u0435\u043d\u0430 \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0430\u0441\u044c \u0437\u0430\u043c\u0435\u0442\u043d\u043e\u0439 \u043f\u043e \u0440\u0430\u0437\u043c\u0435\u0440\u0443 \u0434\u0438\u0441\u0442\u0440\u0438\u0431\u0443\u0442\u0438\u0432\u0430, \u043d\u043e \u043e\u043d\u0430 \u0443\u0431\u0440\u0430\u043b\u0430 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u044c \u043e\u0442 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u043e\u0439 Java \u0438 \u0441\u0434\u0435\u043b\u0430\u043b\u0430 \u0437\u0430\u043f\u0443\u0441\u043a \u043e\u0436\u0438\u0434\u0430\u0435\u043c\u043e \u0432\u043e\u0441\u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u043c\u044b\u043c.<\/p>\n<p>\u041d\u0430 \u0432\u044b\u0445\u043e\u0434\u0435 \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0441\u043e \u0441\u0432\u043e\u0438\u043c \u0436\u0438\u0437\u043d\u0435\u043d\u043d\u044b\u043c \u0446\u0438\u043a\u043b\u043e\u043c:<\/p>\n<ul>\n<li>\n<p>\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0441\u0442\u0430\u0432\u0438\u0442 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0431\u0435\u0437 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0439 Java<\/p>\n<\/li>\n<li>\n<p>backend \u0441\u0442\u0430\u0440\u0442\u0443\u0435\u0442 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 UI<\/p>\n<\/li>\n<li>\n<p>UI \u043d\u0435 \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0440\u0430\u043d\u044c\u0448\u0435, \u0447\u0435\u043c backend \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u0442 health-check<\/p>\n<\/li>\n<li>\n<p>\u0435\u0441\u0442\u044c \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u044b\u0435 \u043b\u043e\u0433\u0438 \u0434\u043b\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438<\/p>\n<\/li>\n<li>\n<p>\u0434\u0430\u043d\u043d\u044b\u0435 \u043d\u0435 \u0442\u0435\u0440\u044f\u044e\u0442\u0441\u044f \u043f\u0440\u0438 \u043f\u0435\u0440\u0435\u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0435<\/p>\n<\/li>\n<li>\n<p>\u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0432\u043e\u0441\u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u043c\u043e, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e runtime \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u0443\u0435\u043c \u043c\u044b<\/p>\n<\/li>\n<\/ul>\n<p>\u0426\u0435\u043d\u0430 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0442\u043e\u0436\u0435 \u043f\u043e\u043d\u044f\u0442\u043d\u0430:<\/p>\n<ul>\n<li>\n<p>\u0434\u0438\u0441\u0442\u0440\u0438\u0431\u0443\u0442\u0438\u0432 \u0442\u044f\u0436\u0451\u043b\u044b\u0439<\/p>\n<\/li>\n<li>\n<p>\u0432\u0441\u044f \u043e\u0440\u043a\u0435\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u0432 <code>Main process<\/code> \u0437\u0430\u043c\u0435\u0442\u043d\u043e \u0441\u043b\u043e\u0436\u043d\u0435\u0435, \u0447\u0435\u043c \u043e\u0431\u044b\u0447\u043d\u044b\u0439 web-flow<\/p>\n<\/li>\n<li>\n<p>\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u043d\u043d\u044b\u0435 \u0445\u0432\u043e\u0441\u0442\u044b \u043d\u0438\u043a\u0443\u0434\u0430 \u043d\u0435 \u0438\u0441\u0447\u0435\u0437\u0430\u044e\u0442, \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u043d\u0430 macOS.<\/p>\n<\/li>\n<\/ul>\n<h2>\u0427\u0442\u043e \u0431\u044b \u044f \u0441\u0434\u0435\u043b\u0430\u043b \u0438\u043d\u0430\u0447\u0435, \u0435\u0441\u043b\u0438 \u0431\u044b \u043d\u0430\u0447\u0438\u043d\u0430\u043b \u0437\u0430\u043d\u043e\u0432\u043e<\/h2>\n<p>\u0415\u0441\u043b\u0438 \u0441\u043e\u0431\u0440\u0430\u0442\u044c \u0432\u0435\u0441\u044c \u043e\u043f\u044b\u0442 \u0432 \u043a\u043e\u0440\u043e\u0442\u043a\u0438\u0439 \u0441\u043f\u0438\u0441\u043e\u043a, \u043e\u043d \u0431\u0443\u0434\u0435\u0442 \u0442\u0430\u043a\u0438\u043c:<\/p>\n<ul>\n<li>\n<p>\u043d\u0435 \u043d\u0430\u0434\u0435\u044f\u0442\u044c\u0441\u044f \u043d\u0430 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u0443\u044e Java;<\/p>\n<\/li>\n<li>\n<p>\u0441\u0440\u0430\u0437\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0436\u0438\u0437\u043d\u0435\u043d\u043d\u044b\u0439 \u0446\u0438\u043a\u043b \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432;<\/p>\n<\/li>\n<li>\n<p>\u043b\u043e\u0433\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0432 \u0444\u0430\u0439\u043b\u044b \u0437\u0430\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0442\u044c \u0441 \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0440\u0435\u043b\u0438\u0437\u0430;<\/p>\n<\/li>\n<li>\n<p>\u043d\u0435 \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0440\u044f\u0434\u043e\u043c \u0441 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u043c;<\/p>\n<\/li>\n<li>\n<p>\u0437\u0430\u0440\u0430\u043d\u0435\u0435 \u0434\u043e\u0433\u043e\u0432\u043e\u0440\u0438\u0442\u044c\u0441\u044f, \u043a\u0430\u043a \u0438\u043c\u0435\u043d\u043d\u043e UI \u0443\u0437\u043d\u0430\u0451\u0442 \u043e \u0433\u043e\u0442\u043e\u0432\u043d\u043e\u0441\u0442\u0438 backend;<\/p>\n<\/li>\n<li>\n<p>\u043a\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u0440\u0430\u043d\u044c\u0448\u0435 \u0440\u0435\u0448\u0438\u0442\u044c, \u0436\u0438\u0432\u0451\u0442 \u043b\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0430 <code>file:\/\/<\/code> \u0438\u043b\u0438 \u043d\u0430 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u043c \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u0435.<\/p>\n<\/li>\n<\/ul>\n<p>\u0423\u043f\u0430\u043a\u043e\u0432\u043a\u0430 React \u0432 Electron \u2014 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438 \u043f\u0440\u043e\u0441\u0442\u0430\u044f \u0437\u0430\u0434\u0430\u0447\u0430. \u0421\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f, \u043a\u043e\u0433\u0434\u0430 \u043d\u0443\u0436\u043d\u043e \u043f\u0440\u0435\u0432\u0440\u0430\u0442\u0438\u0442\u044c \u0432\u0435\u0431-\u0441\u0442\u0435\u043a \u0432 \u0430\u0432\u0442\u043e\u043d\u043e\u043c\u043d\u0443\u044e \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u0443\u044e \u0441\u0440\u0435\u0434\u0443. \u0412 \u043d\u0430\u0448\u0435\u0439 \u043f\u043e\u0441\u0442\u0430\u0432\u043a\u0435 \u044d\u0442\u043e \u0447\u0435\u0442\u044b\u0440\u0435 \u0431\u043b\u043e\u043a\u0430: \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430\u043c\u0438, \u043b\u043e\u0433\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0438 \u043d\u0430\u0431\u043b\u044e\u0434\u0430\u0435\u043c\u043e\u0441\u0442\u044c, \u0432\u043e\u0441\u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u044c \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f, \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0430 \u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f.<\/p>\n<p>\u0415\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u0443\u0436\u0435 \u0435\u0441\u0442\u044c React, backend \u043d\u0430 Java \u0438 \u043d\u0443\u0436\u043d\u043e \u0430\u0432\u0442\u043e\u043d\u043e\u043c\u043d\u043e\u0435 desktop-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0431\u0435\u0437 \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u044b\u0432\u0430\u043d\u0438\u044f \u043f\u043e\u043b\u043e\u0432\u0438\u043d\u044b \u0441\u0438\u0441\u0442\u0435\u043c\u044b, \u044d\u0442\u043e\u0442 \u043f\u0443\u0442\u044c \u0432\u043f\u043e\u043b\u043d\u0435 \u0440\u0430\u0431\u043e\u0447\u0438\u0439. \u041d\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u0435\u0441\u043b\u0438 \u0441 \u0441\u0430\u043c\u043e\u0433\u043e \u043d\u0430\u0447\u0430\u043b\u0430 \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u044c\u0441\u044f \u043a Electron \u0434\u043e\u043b\u0436\u043d\u044b\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c.<\/p>\n<p>\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0432 \u0438\u0442\u043e\u0433\u0435 \u043e\u0446\u0435\u043d\u0438\u0432\u0430\u0435\u0442 \u043d\u0435 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u0443\u044e \u044d\u043b\u0435\u0433\u0430\u043d\u0442\u043d\u043e\u0441\u0442\u044c, \u0430 \u0431\u043e\u043b\u0435\u0435 \u043f\u0440\u043e\u0441\u0442\u044b\u0435 \u0432\u0435\u0449\u0438: \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442\u0441\u044f \u043b\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u043e, \u043f\u0435\u0440\u0435\u0436\u0438\u0432\u0430\u0435\u0442 \u043b\u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f, \u043d\u0435 \u0442\u0435\u0440\u044f\u0435\u0442 \u043b\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u0438 \u043c\u043e\u0436\u043d\u043e \u043b\u0438 \u0435\u0433\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0442\u044c \u0431\u0435\u0437 \u0442\u0430\u043d\u0446\u0435\u0432 \u0441 \u0431\u0443\u0431\u043d\u043e\u043c. \u0412\u0441\u0451 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435 \u0432\u0442\u043e\u0440\u0438\u0447\u043d\u043e.<\/p>\n<p>\u041a\u0430\u043a \u0438 \u043e\u0431\u0435\u0449\u0430\u043b, \u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e \u0441\u0441\u044b\u043b\u043a\u0438 \u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 <a href=\"https:\/\/github.com\/ojenya\/brok-be-example\">BE<\/a> \u0438 <a href=\"https:\/\/github.com\/ojenya\/brok-fe-example\">FE<\/a>.<\/p>\n<p>\u0411\u0443\u0434\u0443 \u0440\u0430\u0434 \u043e\u0442\u0432\u0435\u0442\u0438\u0442\u044c \u043d\u0430 \u0432\u043e\u043f\u0440\u043e\u0441\u044b \u0432 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u044f\u0445!<\/p>\n<\/div>\n<p>\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\/1025966\/\">https:\/\/habr.com\/ru\/articles\/1025966\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0412\u0441\u0435\u043c \u043f\u0440\u0438\u0432\u0435\u0442! \u041c\u0435\u043d\u044f \u0437\u043e\u0432\u0443\u0442 \u0415\u0432\u0433\u0435\u043d\u0438\u0439 \u041e\u0441\u0435\u043b\u0435\u0434\u0435\u0446, \u044f \u0432\u0435\u0434\u0443\u0449\u0438\u0439 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0432 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 Axenix. \u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u0440\u0430\u0441\u0441\u043a\u0430\u0436\u0443, \u043a\u0430\u043a \u043c\u044b \u0443\u043f\u0430\u043a\u043e\u0432\u0430\u043b\u0438 React \u0438 Java \u0432 \u0435\u0434\u0438\u043d\u043e\u0435 \u0430\u0432\u0442\u043e\u043d\u043e\u043c\u043d\u043e\u0435 desktop-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Electron \u0434\u043b\u044f Windows, Linux \u0438 macOS \u2014 \u0431\u0435\u0437 Docker, \u0431\u0435\u0437 \u043f\u0440\u0435\u0434\u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u043e\u0439 Java \u0443 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0438 \u0431\u0435\u0437 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u0441\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u044f. \u0420\u0430\u0441\u0441\u043a\u0430\u0436\u0443, \u0441 \u043a\u0430\u043a\u0438\u043c\u0438 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u043c\u0438 \u0432\u044b\u0437\u043e\u0432\u0430\u043c\u0438 \u043c\u044b \u0441\u0442\u043e\u043b\u043a\u043d\u0443\u043b\u0438\u0441\u044c, \u0438 \u043a\u0430\u043a\u0438\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0441\u0440\u0430\u0431\u043e\u0442\u0430\u043b\u0438 \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435.\u0421\u043d\u0430\u0440\u0443\u0436\u0438 \u044d\u0442\u043e \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u043a\u0430\u043a \u043e\u0431\u044b\u0447\u043d\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435: \u0441\u043a\u0430\u0447\u0430\u043b, \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043b, \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u043b. \u041f\u043e\u0434 \u043a\u0430\u043f\u043e\u0442\u043e\u043c \u2014 Electron, \u0442\u0440\u0438 JAR-\u0441\u0435\u0440\u0432\u0438\u0441\u0430, \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u0430\u044f JRE, \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0439 NSIS-\u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0449\u0438\u043a \u0438 \u043b\u043e\u0433\u0438\u043a\u0430 \u043e\u0440\u043a\u0435\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u0432\u0441\u0435\u0433\u043e \u044d\u0442\u043e\u0433\u043e \u0445\u043e\u0437\u044f\u0439\u0441\u0442\u0432\u0430. \u042d\u0442\u043e \u0441\u0442\u0430\u0442\u044c\u044f \u043d\u0435 \u043f\u0440\u043e &#171;\u043a\u0430\u043a \u043a\u0440\u0430\u0441\u0438\u0432\u043e \u0432\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0432\u0435\u0431 \u0432 desktop&#187;, \u0430 \u043f\u0440\u043e \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u0443\u044e \u0440\u0443\u0442\u0438\u043d\u0443, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u0441\u043b\u0435 \u043f\u0435\u0440\u0432\u043e\u0439 \u0443\u0441\u043f\u0435\u0448\u043d\u043e\u0439 \u0441\u0431\u043e\u0440\u043a\u0438. \u041f\u043e\u043a\u0430\u0436\u0443 \u043f\u0443\u0442\u044c \u043f\u043e \u0448\u0430\u0433\u0430\u043c: \u0447\u0442\u043e \u043c\u044b \u0445\u043e\u0442\u0435\u043b\u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c, \u0433\u0434\u0435 \u043e\u0448\u0438\u0431\u043b\u0438\u0441\u044c \u0438 \u043a\u0430\u043a \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u044f\u043b\u0438\u0441\u044c.\u0427\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u0432 \u0441\u0442\u0430\u0442\u044c\u0435\u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 Electron \u043a \u043f\u0440\u043e\u0435\u043a\u0442\u0443 \u043d\u0430 React \u0438 Vite\u0437\u0430\u043f\u0443\u0441\u043a \u0442\u0440\u0451\u0445 Java-\u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432 \u0438\u0437 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0442\u0438\u043f\u0438\u0447\u043d\u044b\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u0441\u043f\u043b\u044b\u0432\u0430\u044e\u0442 \u0441\u0440\u0430\u0437\u0443 \u0438\u043b\u0438 \u043f\u043e\u0447\u0442\u0438 \u0441\u0440\u0430\u0437\u0443:\u0436\u0438\u0437\u043d\u0435\u043d\u043d\u044b\u0439 \u0446\u0438\u043a\u043b \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432(Graceful Shutdown \u0438 \u0442.\u0434.)\u043b\u043e\u0433\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\u043e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u043d\u0438\u0435 \u0433\u043e\u0442\u043e\u0432\u043d\u043e\u0441\u0442\u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432(heathcheck)file:\/\/ \u0432 \u0438\u0441\u0445\u043e\u0434\u044f\u0449\u0438\u0445 \u0437\u0430\u043f\u0440\u043e\u0441\u0430\u0445 Java runtime \u0438 \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0445\u0432 \u043a\u043e\u043d\u0446\u0435 \u0444\u0438\u043a\u0441\u0438\u0440\u0443\u0435\u043c, \u0447\u0442\u043e \u0438\u0437 \u044d\u0442\u043e\u0433\u043e \u043e\u043a\u0430\u0437\u0430\u043b\u043e\u0441\u044c \u0440\u0430\u0431\u043e\u0447\u0438\u043c \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u043e\u043c, \u0430 \u0447\u0442\u043e \u043e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043a\u043e\u043c\u043f\u0440\u043e\u043c\u0438\u0441\u0441\u043e\u043c\u041e\u0442\u043a\u0443\u0434\u0430 \u0432\u0437\u044f\u043b\u0430\u0441\u044c \u0437\u0430\u0434\u0430\u0447\u0430\u041d\u0430\u0448 \u043f\u0440\u043e\u0435\u043a\u0442 BrOk \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u043b\u0441\u044f \u043a\u0430\u043a \u043e\u0431\u044b\u0447\u043d\u043e\u0435 \u0432\u0435\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0431\u0440\u043e\u043a\u0435\u0440\u0430\u043c\u0438 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439 \u0438 \u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u043c \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432, \u043d\u043e \u0432 \u043a\u0430\u043a\u043e\u0439-\u0442\u043e \u043c\u043e\u043c\u0435\u043d\u0442 \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u043b\u0430\u0441\u044c \u0430\u0432\u0442\u043e\u043d\u043e\u043c\u043d\u0430\u044f desktop-\u0432\u0435\u0440\u0441\u0438\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. NB \u0412 \u0441\u0442\u0430\u0442\u044c\u0435 \u044f \u0431\u0443\u0434\u0443 \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0442\u044c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u043d\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u043e\u0441\u0442\u0438, \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e \u043f\u0440\u043e \u043f\u0440\u0435\u0434\u043c\u0435\u0442\u043d\u0443\u044e \u043e\u0431\u043b\u0430\u0441\u0442\u044c \u0438 \u0431\u043e\u043b\u0438, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0440\u0435\u0448\u0430\u0435\u0442 \u043d\u0430\u0448\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u043e\u0447\u0438\u0442\u0430\u0442\u044c \u0432 \u0441\u0442\u0430\u0442\u044c\u0435 \u043c\u043e\u0435\u0433\u043e \u043a\u043e\u043b\u043b\u0435\u0433\u0438 \u0442\u0443\u0442. \u0422\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u0431\u044b\u043b\u0438 \u043e\u0447\u0435\u043d\u044c \u043f\u0440\u0438\u0437\u0435\u043c\u043b\u0451\u043d\u043d\u044b\u0435:\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0431\u0435\u0437 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442\u0430\u0431\u0435\u0437 DockerMVP \u0437\u0430 \u043f\u0430\u0440\u0443 \u043d\u0435\u0434\u0435\u043b\u044c\u041c\u044b \u0432\u044b\u0431\u0438\u0440\u0430\u043b\u0438 \u043c\u0435\u0436\u0434\u0443 Electron \u0438 Tauri. \u0412 \u043e\u0431\u0449\u0438\u0445 \u0447\u0435\u0440\u0442\u0430\u0445 \u0443 Electron \u043f\u043e\u0440\u043e\u0433 \u0432\u0445\u043e\u0434\u0430 \u0434\u043b\u044f \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u043d\u0438\u0436\u0435: \u0442\u043e\u0442 \u0436\u0435 JavaScript \u0438 Node.js, \u043f\u0440\u0438\u0432\u044b\u0447\u043d\u0430\u044f \u043c\u043e\u0434\u0435\u043b\u044c \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f, \u0437\u0430\u0442\u043e \u0434\u043e\u0432\u0435\u0441\u0442\u0438 \u0440\u0430\u0437\u043c\u0435\u0440 \u0438 \u043f\u043e\u0442\u0440\u0435\u0431\u043b\u0435\u043d\u0438\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432 \u0434\u043e \u0438\u0434\u0435\u0430\u043b\u0430 \u043e\u0431\u044b\u0447\u043d\u043e \u0441\u043b\u043e\u0436\u043d\u0435\u0435. \u0423 Tauri \u2014 \u043c\u0435\u043d\u044c\u0448\u0438\u0439 \u0440\u0430\u0437\u043c\u0435\u0440 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u0432\u044b\u0448\u0435 \u043f\u043b\u0430\u043d\u043a\u0430 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 &#171;\u0438\u0437 \u043a\u043e\u0440\u043e\u0431\u043a\u0438&#187;, \u043d\u043e \u043d\u0443\u0436\u0435\u043d Rust \u0438 \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043d\u0430\u0442\u0438\u0432\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u0438, \u0438\u0437\u2011\u0437\u0430 \u0447\u0435\u0433\u043e \u043a\u0440\u0438\u0432\u0430\u044f \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u044f \u0437\u0430\u043c\u0435\u0442\u043d\u043e \u043a\u0440\u0443\u0447\u0435. \u041e\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043b\u0438\u0441\u044c \u043d\u0430 Electron: \u0440\u0435\u0448\u0430\u044e\u0449\u0438\u043c\u0438 \u043e\u043a\u0430\u0437\u0430\u043b\u0438\u0441\u044c \u043d\u0438\u0437\u043a\u0438\u0439 \u043f\u043e\u0440\u043e\u0433 \u0432\u0445\u043e\u0434\u0430 \u0438 \u043f\u0440\u0435\u0434\u0441\u043a\u0430\u0437\u0443\u0435\u043c\u0430\u044f \u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u2014 \u0434\u043b\u044f \u043d\u0430\u0448\u0435\u0439 \u0437\u0430\u0434\u0430\u0447\u0438 \u0438 \u0441\u0440\u043e\u043a\u043e\u0432 \u044d\u0442\u043e \u0434\u0430\u0432\u0430\u043b\u043e \u043c\u0435\u043d\u044c\u0448\u0435 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u043e\u0433\u043e \u0440\u0438\u0441\u043a\u0430.\u0427\u0442\u043e \u0438\u043c\u0435\u043d\u043d\u043e \u043d\u0443\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0443\u043f\u0430\u043a\u043e\u0432\u0430\u0442\u044c\u0414\u043e \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u044f desktop-\u0432\u0435\u0440\u0441\u0438\u0438 BrOk \u0436\u0438\u043b \u043a\u0430\u043a \u043e\u0431\u044b\u0447\u043d\u043e\u0435 \u0432\u0435\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435: \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0439 UI, \u0430 backend \u043d\u0430 Java \u0440\u0430\u0431\u043e\u0442\u0430\u043b \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e \u0432 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435. \u041a\u043e\u0433\u0434\u0430 \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u043b\u0441\u044f \u0430\u0432\u0442\u043e\u043d\u043e\u043c\u043d\u044b\u0439 \u0437\u0430\u043f\u0443\u0441\u043a &#171;\u043d\u0430 \u043c\u0430\u0448\u0438\u043d\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f&#187;, \u0441\u043e\u0441\u0442\u0430\u0432 \u043f\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u0440\u0435\u0437\u043a\u043e \u0438\u0437\u043c\u0435\u043d\u0438\u043b\u0441\u044f: \u0442\u0435\u043f\u0435\u0440\u044c \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 UI \u043c\u044b \u043e\u0431\u044f\u0437\u0430\u043d\u044b \u043f\u0440\u0438\u0432\u0435\u0437\u0442\u0438 \u0432\u0441\u044e \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u0443\u044e \u0441\u0440\u0435\u0434\u0443 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f.\u0412 desktop-\u043f\u043e\u0441\u0442\u0430\u0432\u043a\u0443 \u0432\u043e\u0448\u043b\u0438:Electron\u00a0+\u00a0Reactmain\/preload-\u0441\u043b\u043e\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442 \u0437\u0430\u043f\u0443\u0441\u043a\u043e\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0442\u0440\u0438\u00a0Java-\u0441\u0435\u0440\u0432\u0438\u0441\u0430\u043a\u0430\u0441\u0442\u043e\u043c\u043d\u0430\u044f\u00a0JRE\u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u0441\u0430\u043c\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043e\u0441\u0442\u0430\u0432\u0430\u043b\u043e\u0441\u044c \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e &#171;\u0442\u044f\u0436\u0451\u043b\u044b\u043c&#187; \u043f\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438. \u0423\u043f\u0430\u043a\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u043d\u0443\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u043d\u0435 \u043e\u0434\u0438\u043d \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434, \u0430 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u0443\u044e \u0441\u0440\u0435\u0434\u0443 \u0434\u043b\u044f \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u043a\u0440\u0443\u043f\u043d\u044b\u0445 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0445 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0435\u0432. \u0412\u043d\u0443\u0442\u0440\u0438 BrOk \u0442\u0440\u0438 \u043a\u0440\u0443\u043f\u043d\u044b\u0445 \u043c\u043e\u0434\u0443\u043b\u044f: \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0438, \u0431\u0440\u043e\u043a\u0435\u0440\u044b \u0438 REST.\u0421\u0446\u0435\u043d\u0430\u0440\u0438\u0438 \u2014 \u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u0441 BPMN-\u043f\u043e\u0434\u043e\u0431\u043d\u044b\u043c \u0433\u0440\u0430\u0444\u043e\u043c. \u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442 \u043f\u043e\u0442\u043e\u043a \u0438\u0437 \u0443\u0437\u043b\u043e\u0432: \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0430 \u0438 \u0447\u0442\u0435\u043d\u0438\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439 \u0438\u0437 \u0431\u0440\u043e\u043a\u0435\u0440\u0430, SQL-\u0437\u0430\u043f\u0440\u043e\u0441\u044b, \u043f\u0430\u0443\u0437\u044b, REST-\u0432\u044b\u0437\u043e\u0432\u044b, Groovy-\u0441\u043a\u0440\u0438\u043f\u0442\u044b, \u043f\u043e\u0434\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u0438 \u043f\u043e\u0434\u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0438, \u0430 \u0442\u0430\u043a\u0436\u0435 \u044d\u043a\u0441\u043a\u043b\u044e\u0437\u0438\u0432\u043d\u044b\u0435, \u0438\u043d\u043a\u043b\u044e\u0437\u0438\u0432\u043d\u044b\u0435 \u0438 \u043f\u0430\u0440\u0430\u043b\u043b\u0435\u043b\u044c\u043d\u044b\u0435 \u0448\u043b\u044e\u0437\u044b \u0434\u043b\u044f \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043f\u043e\u0442\u043e\u043a\u043e\u043c \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f. \u0421\u0446\u0435\u043d\u0430\u0440\u0438\u0439 &#171;\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u0435 \u0437\u0430\u043a\u0430\u0437\u0430&#187; \u043f\u043e\u0441\u043b\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u0438\u0437 Kafka\u0411\u0440\u043e\u043a\u0435\u0440\u044b\u00a0\u2014 \u043c\u043e\u0434\u0443\u043b\u044c \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0431\u0440\u043e\u043a\u0435\u0440\u0430\u043c\u0438 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439. \u0421\u0435\u0439\u0447\u0430\u0441 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0442\u0441\u044f: Kafka (\u0441\u043e Schema Registry, KSQLDB \u0438 Kafka Connect), RabbitMQ, Redis, NATS, ActiveMQ\/Artemis, ETCD \u0438 Tarantool. \u0412\u043d\u0443\u0442\u0440\u0438 \u043c\u043e\u0434\u0443\u043b\u044f \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u043e\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0442\u044c \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0441 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430\u043c\u0438 \u0438 \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0439 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u043e\u0439, \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0432\u0440\u0443\u0447\u043d\u0443\u044e \u0438\u043b\u0438 \u0447\u0435\u0440\u0435\u0437 \u0448\u0430\u0431\u043b\u043e\u043d\u044b, \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0442\u043e\u043f\u0438\u043a\u0430\u043c\u0438 \u0438 \u043e\u0447\u0435\u0440\u0435\u0434\u044f\u043c\u0438.  \u0427\u0442\u0435\u043d\u0438\u0435\/\u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0430 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0432 \u0442\u043e\u043f\u0438\u043a KafkaREST\u00a0\u2014 \u043c\u043e\u0434\u0443\u043b\u044c \u0434\u043b\u044f \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f HTTP-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432, \u043f\u043e \u0441\u0443\u0442\u0438 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0439 Postman: \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432, \u0432\u043a\u043b\u0430\u0434\u043a\u0438 \u0434\u043b\u044f Params\/Headers\/Body\/Script, \u0437\u0430\u043f\u0443\u0441\u043a \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0438 \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u043e\u0442\u0432\u0435\u0442\u043e\u0432 \u0441 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435\u043c \u0438\u0441\u0442\u043e\u0440\u0438\u0438.  \u0412 desktop-\u043f\u043e\u0441\u0442\u0430\u0432\u043a\u0435 backend \u043d\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437 \u0442\u0440\u0451\u0445\u00a0Java-\u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432, \u043a\u0430\u0436\u0434\u044b\u0439 \u0438\u0437 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442\u0441\u044f \u043a\u0430\u043a \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439\u00a0JAR-\u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0438 \u0441\u043b\u0443\u0448\u0430\u0435\u0442 \u0441\u0432\u043e\u0439 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u043e\u0440\u0442:brok-core\u00a0\u2014 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 API: \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438, \u0440\u0430\u0431\u043e\u0442\u0430 \u0441 \u0431\u0440\u043e\u043a\u0435\u0440\u0430\u043c\u0438 \u0438 \u0431\u0430\u0437\u043e\u0439 \u0434\u0430\u043d\u043d\u044b\u0445, \u043f\u043e\u0440\u0442\u00a021815brok-bpm\u00a0\u2014 \u0434\u0432\u0438\u0436\u043e\u043a \u0431\u0438\u0437\u043d\u0435\u0441-\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u043d\u0430 \u0431\u0430\u0437\u0435 BPMN Camunda, \u043e\u0442\u0432\u0435\u0447\u0430\u0435\u0442 \u0437\u0430 \u0431\u043b\u043e\u043a \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0435\u0432, \u043f\u043e\u0440\u0442\u00a021816brok-context\u00a0\u2014 \u0441\u0435\u0440\u0432\u0438\u0441 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430: \u0445\u0440\u0430\u043d\u0438\u0442 \u0438 \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435, \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u044b\u0435 \u0432 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0435 \u0440\u0430\u0431\u043e\u0442\u044b \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u044f \u0438\u043b\u0438 BPMN-\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430, \u043f\u043e\u0440\u0442\u00a021817\u0412\u0441\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u0438\u0437\u00a0React\u00a0\u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0432\u00a0brok-core, \u0430 \u0443\u0436\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u044b \u043e\u0431\u0449\u0430\u044e\u0442\u0441\u044f \u043c\u0435\u0436\u0434\u0443 \u0441\u043e\u0431\u043e\u0439.\u00a0Electron\u00a0\u0432 \u044d\u0442\u043e\u0439 \u0441\u0445\u0435\u043c\u0435 \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u043d\u0435 &#171;\u043e\u0431\u0451\u0440\u0442\u043a\u043e\u0439 \u043d\u0430\u0434 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u043c&#187;, \u0430 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u043c \u043e\u0440\u043a\u0435\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u043e\u043c: \u043f\u043e\u0434\u043d\u0438\u043c\u0430\u0435\u0442 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b, \u0441\u043b\u0435\u0434\u0438\u0442 \u0437\u0430 \u0438\u0445 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435\u043c, \u043f\u0438\u0448\u0435\u0442 \u043b\u043e\u0433\u0438, \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0437\u0430\u0433\u0440\u0443\u0437\u043e\u0447\u043d\u044b\u0439 \u044d\u043a\u0440\u0430\u043d \u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u0442\u043e\u043c \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u0442 UI.\u0410\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0412 \u0438\u0442\u043e\u0433\u0435 \u0432\u0441\u0451 \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u043e\u0435 \u0441 desktop \u0441\u043e\u0431\u0440\u0430\u043b\u043e\u0441\u044c \u0432 \u043f\u0430\u043f\u043a\u0435 \u043d\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u043f\u0443\u0441\u0442\u044c \u0431\u0443\u0434\u0435\u0442 brok-react-app \u0441 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043f\u0440\u044f\u043c\u043e\u043b\u0438\u043d\u0435\u0439\u043d\u043e\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043e\u0439: React + Vite \u0436\u0438\u0432\u0443\u0442 \u0432 src\/, Electron-\u0441\u043b\u043e\u0439 \u2014 \u0432 public\/, \u0443\u0442\u0438\u043b\u0438\u0442\u044b \u0432 public\/utils\/, \u0430 JAR \u0438 JRE \u043b\u0435\u0436\u0430\u0442 \u0432 jars\/.\u041d\u0438\u0436\u0435 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0432 \u0442\u043e\u043c \u0432\u0438\u0434\u0435, \u043a \u043a\u043e\u0442\u043e\u0440\u043e\u043c\u0443 \u043c\u044b \u043f\u0440\u0438\u0448\u043b\u0438 \u043f\u043e\u0441\u043b\u0435 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0438\u0442\u0435\u0440\u0430\u0446\u0438\u0439:brok-react-app\/\u251c\u2500\u2500 public\/\u2502   \u2514\u2500\u2500 pkg-scripts                 \u2502       \u2514\u2500\u2500 postisntall             # \u0421\u043a\u0440\u0438\u043f\u0442 \u0434\u043b\u044f macOS\u2502   \u251c\u2500\u2500 main.cjs                    # Electron main process. \u0422\u043e\u043b\u044c\u043a\u043e \u043e\u0440\u043a\u0435\u0441\u0442\u0440\u0430\u0446\u0438\u044f\u2502   \u251c\u2500\u2500 preload.cjs                 # IPC bridge \u0434\u043b\u044f \u044d\u043a\u0440\u0430\u043d\u0430 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438, \u0448\u043e\u0440\u0442\u043a\u0430\u0442\u043e\u0432 \u0438 \u0441\u043b\u0443\u0436\u0435\u0431\u043d\u043e\u0433\u043e API\u2502   \u251c\u2500\u2500 loading.html                # \u0417\u0430\u0433\u0440\u0443\u0437\u043e\u0447\u043d\u044b\u0439 \u044d\u043a\u0440\u0430\u043d \u0441 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441\u043e\u043c \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432\u2502   \u2514\u2500\u2500 utils\/                      # \u0423\u0442\u0438\u043b\u0438\u0442\u044b, \u0440\u0430\u0437\u0431\u0438\u0442\u044b\u0435 \u043d\u0430 \u043c\u043e\u0434\u0443\u043b\u0438 \u0434\u043b\u044f \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430\u2502       \u251c\u2500\u2500 getLogger.cjs           # \u0421\u043e\u0437\u0434\u0430\u0451\u0442 \u043b\u043e\u0433\u0433\u0435\u0440 \u0441 \u0437\u0430\u043f\u0438\u0441\u044c\u044e \u0432 \u0444\u0430\u0439\u043b \u0432 \u043f\u0430\u043f\u043a\u0435 \u043b\u043e\u0433\u043e\u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u2502       \u251c\u2500\u2500 attachFileLogging.cjs   # \u0417\u0430\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 stdout\/stderr\/exit \u0432 \u0444\u0430\u0439\u043b\u044b \u0441 \u043b\u043e\u0433\u0430\u043c\u0438\u2502       \u251c\u2500\u2500 jarServices.cjs         # \u0421\u0442\u0430\u0440\u0442 \u0438 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u0435 Java-\u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432\u2502       \u251c\u2500\u2500 killPortsIfInUse.cjs    # \u041e\u0441\u0432\u043e\u0431\u043e\u0436\u0434\u0435\u043d\u0438\u0435 \u043f\u043e\u0440\u0442\u043e\u0432 21815\u201321817 \u043f\u0440\u0438 \u0441\u0442\u0430\u0440\u0442\u0435\u2502       \u251c\u2500\u2500 createMainWindow.cjs    # \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0433\u043b\u0430\u0432\u043d\u043e\u0433\u043e \u043e\u043a\u043d\u0430\u2502       \u251c\u2500\u2500 serviceConfig.cjs       # \u041a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044f \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432 \u0434\u043b\u044f health-check\u2502       \u251c\u2500\u2500 serviceReadinessManager.cjs # \u041e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u043d\u0438\u0435 \u0433\u043e\u0442\u043e\u0432\u043d\u043e\u0441\u0442\u0438 \u0442\u0440\u0451\u0445 \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432 \u2192 onAllReady()\u2502       \u251c\u2500\u2500 setupServiceReadinessCheck.cjs # \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0430 \u043d\u0430 LOADING_EVENTS \u2192 send + setReady\u2502       \u251c\u2500\u2500 fetchWithRetry.cjs      # \u0412 \u0446\u0438\u043a\u043b\u0435 \u0437\u0430\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u0435\u0442 url \u0434\u043e \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u043e\u0442\u0432\u0435\u0442\u0430 200 \u0441 body.status === &#8216;UP&#8217;, emit \u0432 LOADING_EVENTS\u2502       \u251c\u2500\u2500 createLoadingWindow.cjs # \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043e\u043a\u043d\u0430 \u0437\u0430\u0433\u0440\u0443\u0437\u043e\u0447\u043d\u043e\u0433\u043e \u044d\u043a\u0440\u0430\u043d\u0430 \u0441 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441\u043e\u043c \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432\u2502       \u251c\u2500\u2500 startWithLoadingFlow.cjs # did-finish-load \u2192 setup \u2192 fetchWithRetry\u2502       \u251c\u2500\u2500 setupIpcAndShortcuts.cjs # open-logs-folder, get-app-version, \u0448\u043e\u0440\u0442\u043a\u0430\u0442 Ctrl+Shift+L\u2502       \u2514\u2500\u2500 clearLogsOnStart.cjs     # \u043e\u0447\u0438\u0441\u0442\u043a\u0430 \u043f\u0430\u043f\u043a\u0438 \u043b\u043e\u0433\u043e\u0432 \u043f\u0440\u0438 \u043a\u0430\u0436\u0434\u043e\u043c \u0437\u0430\u043f\u0443\u0441\u043a\u0435\u251c\u2500\u2500 src\/                           # React app\u251c\u2500\u2500 jars\/                          # \u0412 \u0446\u0435\u043b\u0435\u0432\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 \u043f\u0430\u043f\u043a\u0430 jars\/ \u0432 .gitignore, \u0442.\u043a. \u0435\u0451 \u0433\u043e\u0442\u043e\u0432\u0438\u0442 CI\u2502   \u251c\u2500\u2500 brok-jre\/                  # \u041a\u0430\u0441\u0442\u043e\u043c\u043d\u0430\u044f JRE\u2502   \u251c\u2500\u2500 brok-core.jar              \u2502   \u251c\u2500\u2500 brok-bpm.jar               \u2502   \u2514\u2500\u2500 brok-context.jar           \u251c\u2500\u2500 package.json                   # Vite + electron-builder \u251c\u2500\u2500 openapitools.json              # \u0413\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f API \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432 \u0438\u0437 OpenAPI          \u2514\u2500\u2500 vite.config.ts                 # Vite \u043a\u043e\u043d\u0444\u0438\u0433\u0421 \u0447\u0435\u0433\u043e \u0432\u0441\u0451 \u043d\u0430\u0447\u0430\u043b\u043e\u0441\u044c: \u0434\u043e\u0431\u0430\u0432\u0438\u043b\u0438 Electron \u043a React \u0438 Vite\u0421\u0442\u0430\u0440\u0442\u043e\u0432\u0430\u044f \u0442\u043e\u0447\u043a\u0430 \u0431\u044b\u043b\u0430 \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u043e\u0439: \u043e\u0431\u044b\u0447\u043d\u044b\u0439 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434 \u043d\u0430\u00a0React,\u00a0Vite\u00a0\u0438 TypeScript. \u041f\u0435\u0440\u0432\u044b\u0439 \u0448\u0430\u0433 \u2014 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c\u00a0Electron\u00a0\u0438 \u043d\u0430\u0443\u0447\u0438\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442 \u0436\u0438\u0442\u044c \u0432 \u0434\u0432\u0443\u0445 \u0440\u0435\u0436\u0438\u043c\u0430\u0445:\u043f\u043e\u0434\u043d\u0438\u043c\u0430\u0435\u0442 Vite \u0438 Electron\u0441\u0431\u043e\u0440\u043a\u0430\u00a0production\u00a0\u0432\u0435\u0440\u0441\u0438\u0438\u00a0react-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f + \u0441\u0431\u043e\u0440\u043a\u0430 desktop-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f.\u041d\u0430 \u044d\u0442\u043e\u043c \u044d\u0442\u0430\u043f\u0435 \u0432\u0441\u0451 \u0435\u0449\u0451 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u043f\u0440\u043e\u0441\u0442\u043e.\u00a0Electron\u00a0\u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u043e\u043a\u043d\u043e, Vite \u043e\u0442\u0434\u0430\u0451\u0442 \u0444\u0440\u043e\u043d\u0442, \u0436\u0438\u0437\u043d\u044c \u043f\u0440\u0435\u043a\u0440\u0430\u0441\u043d\u0430. \u041d\u043e \u043f\u043e\u043a\u0430 \u044d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e &#171;\u0432\u044c\u044e\u0448\u043a\u0430&#187;, backend \u0435\u0449\u0451 \u043d\u0438\u0433\u0434\u0435 \u043d\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442\u0441\u044f.  \u0414\u0430\u043b\u044c\u0448\u0435 \u0437\u0430\u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u0433\u043b\u0430\u0432\u043d\u043e\u0433\u043e: \u043f\u043e\u0434\u043d\u0438\u043c\u0430\u0442\u044c \u0442\u0440\u0438 JAR-\u0441\u0435\u0440\u0432\u0438\u0441\u0430 \u043f\u0440\u0438 \u0441\u0442\u0430\u0440\u0442\u0435\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442 desktop-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u0430 \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u043d\u0438\u043c \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0441\u0442\u0430\u0440\u0442\u0443\u044e\u0442 \u0432\u0441\u0435 \u0442\u0440\u0438\u00a0Java-\u0441\u0435\u0440\u0432\u0438\u0441\u0430.\u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043d\u0443\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0434\u0432\u0435 \u0432\u0435\u0449\u0438:\u043a\u0430\u043a\u0438\u043c-\u0442\u043e \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u0443\u043f\u0430\u043a\u043e\u0432\u0430\u0442\u044c Java-\u0441\u0435\u0440\u0432\u0438\u0441\u044b \u0432 \u0431\u0430\u043d\u0434\u043b\u043d\u0430\u0443\u0447\u0438\u0442\u044c Electron-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0442\u044c \u0442\u043e, \u0447\u0442\u043e \u043c\u044b \u0437\u0430\u043f\u0430\u043a\u043e\u0432\u044b\u0432\u0430\u043b\u0438.\u0427\u0442\u043e\u0431\u044b\u00a0\u0432\u0441\u0435 \u0442\u0440\u0438 JAR-\u0444\u0430\u0439\u043b\u0430\u00a0\u043f\u043e\u043f\u0430\u043b\u0438 \u0432 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u043c\u044b \u0434\u043e\u0431\u0430\u0432\u0438\u043b\u0438 \u0438\u0445 \u0432\u00a0extraFiles:\/\/ package.json{  &#171;build&#187;: {    &#171;extraFiles&#187;: [      {        &#171;from&#187;: &#171;jars&#187;,        &#171;to&#187;: &#171;resources\/jars&#187;,        &#171;filter&#187;: [&#171;**\/*&#187;]      }    ]  }}\u041f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u0438\u0441\u0442\u0443\u043f\u0438\u0442\u044c \u043a \u0437\u0430\u043f\u0443\u0441\u043a\u0443 Java-\u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432. \u0420\u0435\u0448\u0435\u043d\u0438\u0435 \u043f\u043e\u044f\u0432\u0438\u043b\u043e\u0441\u044c \u0441\u0440\u0430\u0437\u0443, \u043d\u0443 \u0438\u043b\u0438 \u043f\u043e\u0447\u0442\u0438 \u0441\u0440\u0430\u0437\u0443. \u041f\u043e\u0438\u0441\u043a\u0430\u0432 \u043d\u0430 githab \u043f\u043e\u0445\u043e\u0436\u0438\u0439 \u043a\u0435\u0439\u0441 \u043a\u0430\u043a \u0443 \u043d\u0430\u0441, \u0441\u0442\u0430\u043b\u043e \u043e\u0447\u0435\u0432\u0438\u0434\u043d\u044b\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u044c \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043f\u043e\u0434\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043a\u043e\u043c\u0430\u043d\u0434\u044b spawn() \u0438\u0437 Node.js. \u0421\u0440\u0430\u0437\u0443 \u043e\u0442\u043c\u0435\u0447\u0443, \u0447\u0442\u043e \u044d\u0442\u0430 \u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u043d\u044b\u0439 \u0430\u043d\u0430\u043b\u043e\u0433 \u043e\u0431\u044b\u0447\u043d\u043e\u0433\u043e \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u0432 bash. \u041e\u043d\u0430 \u043c\u043e\u0436\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0434\u043b\u044f \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0438\u0445 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c \u0438\u043b\u0438 \u043a\u043e\u043c\u0430\u043d\u0434 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440,ls, git, python \u0438\u043b\u0438 \u0434\u0440\u0443\u0433\u043e\u0433\u043e \u0441\u043a\u0440\u0438\u043f\u0442\u0430 Node.js, \u0432 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 java), \u043a\u0430\u043a \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u044b. \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, Java-\u0441\u0435\u0440\u0432\u0438\u0441 \u043c\u043e\u0436\u043d\u043e \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e bash \u0438 \u043f\u0440\u0435\u0434\u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u043e\u0439 Java.\u0410\u043d\u0430\u043b\u043e\u0433 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u0432 bash:java -jar pathToJar\/brok-core.jar \u0410 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f spawn():const childProcess = spawn(&#8216;java&#8217;, [&#8216;-jar&#8217;, &#8216;pathToJar\/brok-core.jar&#8217;]);\u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435, \u043f\u0435\u0440\u0432\u044b\u0439 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u2014 \u043a\u043e\u043c\u0430\u043d\u0434\u0430, \u0430 \u0432\u0442\u043e\u0440\u043e\u0439 \u2014 \u043c\u0430\u0441\u0441\u0438\u0432 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u043e\u0432. \u041c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0442\u044c \u0442\u0443\u0434\u0430 \u0432\u0441\u0435, \u0447\u0442\u043e \u043c\u043e\u0433\u043b\u0438 \u0432 bash. \u041d\u0438\u043a\u0442\u043e \u043d\u0430\u043c \u043d\u0435 \u0437\u0430\u043f\u0440\u0435\u0449\u0430\u0435\u0442 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0442\u0430\u043a:const CORE_ARGS = [  &#8216;-Xms128m&#8217;,  &#8216;-Xmx256m&#8217;,  &#8216;-Dfile.encoding=UTF-8&#8217;,  &#8216;-Djava.security.manager=allow&#8217;,  &#8216;-Ddatasource.core.url=jdbc:h2:&#8217; + path.join(app.getPath(&#8216;appData&#8217;), &#8216;BrOk&#8217;, &#8216;db&#8217;, &#8216;brok&#8217;),  &#8216;-Dbrok.coreJarPath=&#8217; + path.join(!app.isPackaged ? app.getAppPath() : process.resourcesPath, &#8216;jars&#8217;, &#8216;brok-core.jar&#8217;),  &#8216;-Djava.security.policy==&#8217; + path.join(!app.isPackaged ? app.getAppPath() : process.resourcesPath, &#8216;policy&#8217;, &#8216;brok-core.policy&#8217;),  &#8216;-Dsun.misc.URLClassPath.disableJarChecking=true&#8217;,  &#8216;-jar&#8217;,  path.join(!app.isPackaged ? app.getAppPath() : process.resourcesPath, &#8216;jars&#8217;, &#8216;brok-core.jar&#8217;)];const childProcessCore = spawn(&#8216;java&#8217;, CORE_ARGS );\u0412 \u0431\u0430\u0437\u043e\u0432\u043e\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442 Java-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0438\u0437 JAR-\u0444\u0430\u0439\u043b\u0430 \u043a\u0430\u043a \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0439 \u043f\u0440\u043e\u0446\u0435\u0441\u0441(ChildProcess) \u0432 Node.js. \u041e\u0431\u044a\u0435\u043a\u0442 ChildProcess \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u0441 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u043c: \u0447\u0438\u0442\u0430\u0442\u044cstdout\/stderr \u0447\u0435\u0440\u0435\u0437 \u0441\u043e\u0431\u044b\u0442\u0438\u044f, \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 stdin \u0438\u043b\u0438 \u043e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u0442\u044c&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-476789","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/476789","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=476789"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/476789\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=476789"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=476789"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=476789"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}