{"id":361294,"date":"2024-05-21T01:10:46","date_gmt":"2024-05-21T01:10:46","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=361294"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=361294","title":{"rendered":"<span>Talkvio \u2014 \u043d\u0435 \u043a\u0430\u043f\u0438\u0431\u0430\u0440\u0430 \u0438 \u043d\u0435 \u0441\u0442\u0430\u0440\u044b\u0439 \u043f\u0438\u043a\u0430\u0431\u0443. \u041c\u043e\u0434\u0443\u043b\u044c \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u043e\u0439 \u0438\u043d\u0434\u0435\u043a\u0441\u0430\u0446\u0438\u0438 \u0434\u043b\u044f \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u043e\u0432 \u0434\u043b\u044f Nginx. \u0410\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u0430 Next.js<\/span>"},"content":{"rendered":"<div><!--[--><!--]--><\/div>\n<div id=\"post-content-body\">\n<div>\n<div class=\"article-formatted-body article-formatted-body article-formatted-body_version-2\">\n<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<h2>\u0414\u043e\u043b\u0433\u043e\u0435 \u043f\u0440\u0435\u0434\u0438\u0441\u043b\u043e\u0432\u0438\u0435 \u043e \u0442\u043e\u043c \u0433\u0434\u0435 \u0438 \u043a\u0430\u043a \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f<\/h2>\n<p>\u0427\u0438\u0442\u0430\u044f \u0442\u0430\u043a\u0438\u0435 \u0441\u0442\u0430\u0442\u044c\u0438 \u043a\u0430\u043a \u043f\u0440\u043e \u041a\u0430\u043f\u0438\u0431\u0430\u0440\u0443, \u043c\u043d\u0435 \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u0443\u043f\u043e\u043c\u044f\u043d\u0443\u0442\u044c \u043e\u0434\u0438\u043d \u0441\u0432\u043e\u0439 \u0441\u0442\u0430\u0440\u044b\u0439\/\u043d\u043e\u0432\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442, \u0432 \u0438\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u043c \u0432\u0438\u0434\u0435 \u044f \u0437\u0430\u0442\u0435\u044f\u043b \u043a\u0430\u043a \u043f\u0440\u043e\u0435\u043a\u0442 \u0440\u0435\u0441\u0442\u0430\u0432\u0440\u0430\u0446\u0438\u0438 \u0441\u0442\u0430\u0440\u043e\u0433\u043e \u0444\u043e\u0440\u0443\u043c\u0430 \u0441\u0435\u0442\u0438 \u041c\u0438\u043d\u0441\u043a\u0430 (uruchie.org) \u0438\u0437 \u0434\u0430\u043b\u0435\u043a\u0438\u0445 2006-2012 \u0433\u043e\u0434\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0445\u0440\u0430\u043d\u0438\u043b\u0441\u044f \u0443 \u043c\u0435\u043d\u044f \u0432 \u0437\u0430\u043c\u043e\u0440\u043e\u0436\u0435\u043d\u043d\u043e\u043c \u0432\u0438\u0434\u0435 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 10 \u043b\u0435\u0442. \u041d\u0435 \u0442\u0430\u043a \u0434\u0430\u0432\u043d\u043e \u044f \u0440\u0435\u0448\u0438\u043b \u0435\u0433\u043e \u0440\u0430\u0441\u043a\u043e\u043d\u0441\u0435\u0440\u0432\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438 \u0437\u0430\u043d\u044f\u0442\u044c\u0441\u044f \u0440\u0435\u0441\u0442\u0430\u0432\u0440\u0430\u0446\u0438\u0435\u0439 \u0432 \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f, \u0442\u043e\u0433\u043e, \u0444\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438, \u0447\u0442\u043e \u043e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u0435\u0449\u0435 \u0441\u043e \u0432\u0440\u0435\u043c\u0435\u043d \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u0445 \u0441\u0435\u0442\u0435\u0439.\u00a0<\/p>\n<p>\u042f \u0441\u0440\u0430\u0437\u0443 \u043e\u0442\u0431\u0440\u043e\u0441\u0438\u043b \u043f\u043e\u0447\u0442\u0438 \u0432\u0441\u0435 \u0447\u0442\u043e \u0431\u044b\u043b\u043e, \u044d\u0442\u043e \u0441\u0442\u0430\u0440\u044b\u0439 \u0434\u0432\u0438\u0436\u043e\u043a vBulletin &#8212; \u043d\u0430 \u0442\u043e\u0442 \u043c\u043e\u043c\u0435\u043d\u0442 \u043a\u0440\u0430\u0439\u043d\u0435 \u043f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u043d\u044b\u0439 \u0438 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u044e\u0449\u0438\u0439\u0441\u044f \u0434\u0432\u0438\u0436\u043e\u043a \u0444\u043e\u0440\u0443\u043c\u0430 \u043d\u0430 PHP, \u0438 \u0443\u0431\u0440\u0430\u0432 \u043f\u043e\u0447\u0442\u0438 \u0432\u0441\u0435, \u043e\u0441\u0442\u0430\u0432\u0438\u0432 \u0442\u043e\u043b\u044c\u043a\u043e \u0431\u0430\u0437\u0443 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438\u0437 250 000 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439 \u0438 5000 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u043d\u0430\u0447\u0430\u043b \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u043d\u043e\u0432\u044b\u0435 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0438 \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u0432\u0438\u0434\u0435\u0442\u044c. \u0415\u0441\u043b\u0438 \u043a\u043e\u043c\u0443-\u0442\u043e \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e \u0442\u043e, \u043a\u0441\u0442\u0430\u0442\u0438, \u043e\u0434\u043d\u0430 \u0438\u0437 \u043f\u0440\u0438\u0447\u0438\u043d \u0433\u0438\u0431\u0435\u043b\u0438 \u0442\u0430\u043a\u043e\u0433\u043e \u0441\u0442\u0430\u0440\u043e\u0433\u043e \u0438 \u0434\u043e\u043b\u0433\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0431\u044b\u043b \u0438\u043c\u0435\u043d\u043d\u043e vBulletin \u0438 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u044c.<\/p>\n<p>\u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u0440\u0430\u0431\u043e\u0447\u0443\u044e \u0432\u0435\u0440\u0441\u0438\u044f \u043d\u043e\u0432\u043e\u0433\u043e \u0440\u0435\u0441\u0443\u0440\u0441\u0430: <a href=\"https:\/\/talkvio.com\" rel=\"noopener noreferrer nofollow\"><strong><u>https:\/\/talkvio.com<\/u><\/strong><\/a> (\u0437\u0430\u0445\u043e\u0434\u0438\u043c, \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u0435\u043c\u0441\u044f, \u043f\u0438\u0448\u0435\u043c, \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u043c \u0438\u0434\u0435\u0438)<\/p>\n<p>\u0417\u0430 \u043e\u0441\u043d\u043e\u0432\u0443 \u0432\u0437\u044f\u043b \u0447\u0442\u043e \u0434\u0443\u0448\u0435 \u0443\u0433\u043e\u0434\u043d\u043e \u0434\u043b\u044f \u0442\u0430\u043a\u0438\u0445 \u0446\u0435\u043b\u0435\u0439:<\/p>\n<p><strong>Backend:<\/strong> NodeJS + MySQL + Redis + Manticore (\u0443 \u043c\u0435\u043d\u044f \u0441 \u043d\u0438\u043c \u0431\u044b\u043b \u043a\u0440\u0430\u0439\u043d\u0435 \u043f\u0440\u0438\u044f\u0442\u043d\u044b\u0439 \u043e\u043f\u044b\u0442 \u043d\u0430 \u0434\u0440\u0443\u0433\u0438\u0445 \u0441\u0432\u043e\u0438\u0445 \u0441\u0442\u0430\u0440\u044b\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445) + Bash + \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 \u043d\u0430 Python + Nginx<\/p>\n<p><strong>UI:<\/strong> React<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/f63\/6ef\/3b6\/f636ef3b697b87e0747a357f39061fd1.png\" alt=\"Talkvio\" title=\"Talkvio\" width=\"1894\" height=\"951\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/f63\/6ef\/3b6\/f636ef3b697b87e0747a357f39061fd1.png\"\/><\/p>\n<div><figcaption>Talkvio<\/figcaption><\/div>\n<\/figure>\n<p>\u0417\u0430 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 \u043f\u043e\u043b \u0433\u043e\u0434\u0430 \u044f \u0443\u0436\u0435 \u043c\u043d\u043e\u0433\u043e\u0435 \u0432\u043e\u0441\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043b \u0442\u0430\u043a \u0438 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043b \u0442\u043e\u0433\u043e \u0447\u0442\u043e \u043d\u0435 \u0431\u044b\u043b\u043e (\u043c\u043e\u0436\u0435\u0442 \u0443 \u043c\u0435\u043d\u044f \u0438 \u043d\u0435\u0442 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u043a\u0430\u043a \u0443 \u043a\u0430\u043f\u0438\u0431\u0430\u0440\u044b, \u0442\u0435\u043c \u043d\u0435 \u043c\u0435\u043d\u0435\u0435 \u0447\u0442\u043e \u0443\u0436\u0435 \u0435\u0441\u0442\u044c):<\/p>\n<ul>\n<li>\n<p>\u041f\u043e\u0441\u0442\u044b, \u0440\u0430\u0437\u0434\u0435\u043b\u044b (\u0444\u043e\u0440\u0443\u043c\u044b), \u0442\u0435\u043c\u044b<\/p>\n<\/li>\n<li>\n<p>\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435, \u0443\u0434\u0430\u043b\u0435\u043d\u0438\u0435, \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043f\u043e\u0441\u0442\u043e\u0432<\/p>\n<\/li>\n<li>\n<p>\u0421\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0431\u043b\u043e\u0447\u043d\u044b\u0439 \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u0441 \u0447\u0435\u0440\u043d\u043e\u0432\u0438\u043a\u0430\u043c\u0438. \u0413\u0434\u0435 \u043c\u043e\u0436\u043d\u043e \u043a\u043e\u043c\u0431\u0438\u043d\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0431\u043b\u043e\u043a\u0438 \u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b.<\/p>\n<\/li>\n<li>\n<p>\u041c\u043e\u0435 \/ \u0430\u0432\u0442\u043e\u0440\u0441\u043a\u0438\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442 (\u043f\u043e\u043c\u0435\u0442\u043a\u0438 \u0438 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438)<\/p>\n<\/li>\n<li>\n<p>\u0412 \u043e\u0441\u043d\u043e\u0432\u0435 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0441 \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u043c\u0438 \u0440\u0435\u0441\u0443\u0440\u0441\u0430 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043a\u0430\u0440\u043c\u0430, \u0430 \u043d\u0435 \u0440\u0435\u0439\u0442\u0438\u043d\u0433. \u041a\u0430\u0440\u043c\u0430 \u0431\u044b\u043b\u0430 \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0430 \u0432 \u0444\u043e\u0440\u0443\u043c \u0435\u0449\u0435 \u0432 2008 \u043f\u043e\u0434 \u0432\u043b\u0438\u044f\u043d\u0438\u0435\u043c \u0445\u0430\u0431\u0440\u0430, \u0442\u0430\u043a \u0442\u0430\u043c \u0438 \u043e\u0441\u0442\u0430\u043b\u0430\u0441\u044c. \u0427\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0433\u0440\u0435\u0442\u044c \u0434\u0443\u0448\u0443 \u0445\u0430\u0431\u0440\u043e\u0432\u0447\u0430\u043d. \u0412\u0441\u0435\u0433\u0434\u0430 \u043c\u043e\u0436\u043d\u043e \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0432\u0430\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0432\u043d\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0442\u043e\u0433\u043e \u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0435\u0439\u0442\u0438\u043d\u0433\u0430 \u043e\u043d \u043d\u0430\u0431\u0440\u0430\u043b \u0435\u0441\u043b\u0438 \u0435\u0433\u043e \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043d\u0430\u0447\u043d\u0435\u0442 \u043f\u043e\u0440\u0442\u0438\u0442\u044c\u0441\u044f.<\/p>\n<\/li>\n<li>\n<p>\u0427\u0435\u0440\u043d\u043e\u0432\u0438\u043a\u0438 \u0434\u043b\u044f \u043f\u043e\u0441\u0442\u043e\u0432<\/p>\n<\/li>\n<li>\n<p>\u0427\u0435\u0440\u043d\u043e\u0432\u0438\u043a\u0438 \u0434\u043b\u044f \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0435\u0432 &#8212; \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442 \u0434\u0430\u0436\u0435 \u043d\u0435\u0434\u043e\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0435 \u043e\u0442\u0432\u0435\u0442\u044b<\/p>\n<\/li>\n<li>\n<p>\u0421\u043f\u043e\u0439\u043b\u0435\u0440\u044b, \u0438 18+ \u043a\u043e\u043d\u0442\u0435\u043d\u0442<\/p>\n<\/li>\n<li>\n<p>\u0410\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u043e\u0435, \u0422\u043e\u043f, \u0421\u0430\u043c\u043e\u0435 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0438\u0440\u0443\u0435\u043c\u043e\u0435, \u041f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u0440\u0430\u0437\u0434\u0435\u043b\u044b \u0438 \u0444\u0438\u043b\u044c\u0442\u0440\u0430\u0446\u0438\u0438<\/p>\n<\/li>\n<li>\n<p>\u041e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0441\u0432\u043e\u0435\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b<\/p>\n<\/li>\n<li>\n<p>\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438<\/p>\n<\/li>\n<li>\n<p>\u0423\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u0438\u0435 \u043a\u0430\u0440\u0442\u0438\u043d\u043e\u043a<\/p>\n<\/li>\n<li>\n<p>\u041e\u043f\u043e\u0432\u0435\u0449\u0435\u043d\u0438\u044f (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u043f\u0440\u0438 \u0446\u0438\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f\u0445 \u0432\u0430\u0448\u0435\u0433\u043e \u0442\u0435\u043a\u0441\u0442\u0430 \u0438 \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u044f\u0445 \u043a \u0432\u0430\u043c \u043c\u043e\u0436\u043d\u043e \u0432\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u043e\u043f\u043e\u0432\u0435\u0449\u0435\u043d\u0438\u044f)<\/p>\n<\/li>\n<li>\n<p>\u0420\u0435\u0432\u0435\u0440\u0441\u043d\u044b\u0435 \u0438 \u043f\u0440\u044f\u043c\u044b\u0435 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\u00a0 \u043f\u043e\u0441\u0442\u043e\u0432<\/p>\n<\/li>\n<li>\n<p>\u0422\u0435\u043c\u043d\u0430\u044f \u0442\u0435\u043c\u0430<\/p>\n<\/li>\n<li>\n<p>\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043f\u043e\u0441\u0442\u0438\u043d\u0433 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430 \u0432 vk, \u0442\u0435\u043b\u0435\u0433\u0443, discord<\/p>\n<\/li>\n<li>\n<p>\u041e\u0442\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0435 \u043f\u043e\u0441\u0442\u044b (\u043f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u044f \u043f\u043e \u0440\u0430\u0441\u043f\u0438\u0441\u0430\u043d\u0438\u044f)<\/p>\n<\/li>\n<li>\n<p>\u041f\u043e\u0434\u044a\u0435\u043c \u043f\u043e\u0441\u0442\u0430 &#8212; \u043e\u0441\u043e\u0431\u0430\u044f \u0444\u0438\u0447\u0430 \u043a\u043e\u0433\u0434\u0430 \u0441\u0432\u043e\u0438 \u0441\u0442\u0430\u0440\u044b\u0435 \u043f\u043e\u0441\u0442\u044b, \u043d\u0435 \u043f\u043e\u043b\u0443\u0447\u0438\u0432\u0448\u0438\u0435 \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0440\u0435\u0439\u0442\u0438\u043d\u0433\u0430 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u0442\u044c \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u043a\u0430\u0440\u043c\u044b \u0438 \u043e\u0447\u043a\u043e\u0432 \u043f\u043e\u0434\u043d\u044f\u0442\u044c \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e<\/p>\n<\/li>\n<li>\n<p>\u0421\u0430\u0439\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u043d\u0430 \u0434\u0432\u0443\u0445 \u044f\u0437\u044b\u043a\u0430\u0445: \u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u043e\u043c \u0438 \u0440\u0443\u0441\u0441\u043a\u043e\u043c \u043d\u0430 \u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442. \u0415\u0441\u0442\u044c \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u043b\u043e\u043a\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0439.<\/p>\n<\/li>\n<li>\n<p>\u041d\u0443 \u0438 \u043c\u043d\u043e\u0433\u043e\u0435 \u0434\u0440\u0443\u0433\u043e\u0435, \u044f \u0443\u0436\u0435 \u0441\u0430\u043c \u0432\u0441\u0435 \u043d\u0435 \u0432\u0441\u043f\u043e\u043c\u043d\u044e \ud83d\ude42 \u0417\u0430\u0433\u043b\u044f\u043d\u0438\u0442\u0435 \u0432 \u0442\u0435\u043c\u0443 \u043d\u0438\u0436\u0435:<\/p>\n<\/li>\n<\/ul>\n<p><a href=\"https:\/\/talkvio.com\/threads\/24681-novii-dvizhok-talkvio-izmeneniya\" rel=\"noopener noreferrer nofollow\"><strong>\u0412\u043e\u043e\u0431\u0449\u0435 \u0432\u0441\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0438 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u044b\u0432\u0430\u044e \u0432 \u044d\u0442\u043e\u0439 \u0442\u0435\u043c\u0435<\/strong><\/a><\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/1a4\/e58\/f6b\/1a4e58f6b04befd213f058a5589d68c0.png\" alt=\"\u0415\u0449\u0435 \u043d\u0435\u043c\u043d\u043e\u0436\u043a\u043e \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u0438\u043a\u043e\u0432 \u0441 \u0442\u0435\u043c \u0447\u0442\u043e \u0432\u044b\u0445\u043e\u0434\u0438\u0442\" title=\"\u0415\u0449\u0435 \u043d\u0435\u043c\u043d\u043e\u0436\u043a\u043e \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u0438\u043a\u043e\u0432 \u0441 \u0442\u0435\u043c \u0447\u0442\u043e \u0432\u044b\u0445\u043e\u0434\u0438\u0442\" width=\"1880\" height=\"790\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/1a4\/e58\/f6b\/1a4e58f6b04befd213f058a5589d68c0.png\"\/><\/p>\n<div><figcaption>\u0415\u0449\u0435 \u043d\u0435\u043c\u043d\u043e\u0436\u043a\u043e \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u0438\u043a\u043e\u0432 \u0441 \u0442\u0435\u043c \u0447\u0442\u043e \u0432\u044b\u0445\u043e\u0434\u0438\u0442<\/figcaption><\/div>\n<\/figure>\n<p>\u0412 \u044d\u0442\u043e\u0439 \u0436\u0435 \u0441\u0442\u0430\u0442\u044c\u0435 \u043f\u043e\u0439\u0434\u0435\u0442 \u0440\u0435\u0447\u044c \u043f\u0440\u043e \u043e\u0434\u0438\u043d \u0438\u0437 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0445 \u043a\u0443\u0441\u043a\u043e\u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c &#8212; \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u044b\u0439 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433 \u0434\u043b\u044f \u043c\u043e\u0434\u0443\u043b\u044f \u0438\u043d\u0434\u0435\u043a\u0441\u0430\u0446\u0438\u0438.<\/p>\n<h2>\u041e \u0442\u043e\u043c \u0437\u0430\u0447\u0435\u043c \u043d\u0443\u0436\u0435\u043d \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u044b\u0439 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433<\/h2>\n<p>\u0422.\u043a. \u0432 \u043e\u0441\u043d\u043e\u0432\u0435 frontend \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0435\u0439 \u043d\u0430 Talkvio \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f React, \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u043d\u0435 \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 \u0430 \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u0430. \u042d\u0442\u043e \u0445\u043e\u0440\u043e\u0448\u043e \u0441\u0435\u0431\u044f \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445, \u043d\u043e \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u043e \u043d\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0434\u043b\u044f \u043f\u043e\u0438\u0441\u043a\u043e\u0432 \u0442\u0438\u043f\u0430 \u044f\u043d\u0434\u0435\u043a\u0441\u0430 \u0438\u043b\u0438 \u0433\u0443\u0433\u043b\u0430. \u041d\u043e \u0442.\u043a. \u0438\u043d\u0434\u0435\u043a\u0441\u0430\u0446\u0438\u044f \u0434\u043b\u044f \u0442\u0430\u043a\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u043a\u0430\u043a \u0443 \u043c\u0435\u043d\u044f \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432\u0430\u0436\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u044c\u044e, \u044d\u0442\u0443 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u043d\u0443\u0436\u043d\u043e \u0442\u043e\u0436\u0435 \u0440\u0435\u0448\u0430\u0442\u044c. \u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u0432\u0441\u0435 \u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043a\u0430\u043a \u0435\u0441\u0442\u044c &#8212; \u043a\u043b\u0438\u0435\u043d\u0442 \u0434\u043e\u043b\u0436\u0435\u043d \u043f\u043e \u043f\u0440\u0435\u0436\u043d\u0435\u043c\u0443 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0442\u044c\u0441\u044f \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0430 &#8212; \u044d\u0442\u043e \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0432 \u0441\u043b\u0443\u0447\u0430\u0435 \u043e\u0431\u0440\u0430\u0442\u043d\u044b\u0445 \u043a\u043e\u043c\u043c\u0443\u043d\u0438\u043a\u0430\u0446\u0438\u0439), \u0430 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u0430\u043c \u0434\u043e\u043b\u0436\u0435\u043d \u043e\u0442\u0434\u0430\u0432\u0430\u0442\u044c\u0441\u044f \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 html \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u0441\u0435\u0440\u0432\u0435\u0440\u0430. \u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u0441\u0430\u043c \u0440\u0435\u0441\u0443\u0440\u0441 \u0434\u043e\u043b\u0436\u0435\u043d \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0442\u044c \u043c\u043e\u043c\u0435\u043d\u0442 \u043a\u043e\u0433\u0434\u0430 \u043e\u043d \u0441\u0447\u0438\u0442\u0430\u0435\u0442 \u0447\u0442\u043e \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a \u043c\u043e\u0436\u0435\u0442 \u0431\u0440\u0430\u0442\u044c \u0432\u0435\u0441\u044c \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u043d\u044b\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442, \u0443\u0447\u0438\u0442\u044b\u0432\u0430\u044f \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0443 \u0440\u0430\u0437\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u043e\u0439 \u043f\u043e\u0434\u0433\u0440\u0443\u0437\u043a\u0438 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430 \u043f\u043e \u0432\u0435\u0431\u0441\u043e\u043a\u0435\u0442\u0430\u043c\u0438 ajax \u0432 \u0434\u0432\u0443\u0445 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f\u0445.<\/p>\n<p>\u0414\u043b\u044f \u044d\u0442\u0438\u0445 \u0446\u0435\u043b\u0435\u0439 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0438 Next.js \u044f\u0432\u043b\u044f\u044e\u0449\u0438\u0439\u0441\u044f \u043f\u043e \u0441\u0443\u0442\u0438 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u043c \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u043c \u0434\u043b\u044f \u0441\u0445\u043e\u0436\u0438\u0445 \u0446\u0435\u043b\u0435\u0439, \u043d\u043e \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e \u043d\u0430\u043b\u0430\u0433\u0430\u044e\u0449\u0438\u0439 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0435 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f \u043d\u0430 \u043f\u0440\u0438\u043d\u0446\u0438\u043f \u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0438 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0430. \u0424\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0432 \u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u044f \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u044e \u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u0443, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043d\u0435 \u0442\u0440\u0435\u0431\u0443\u044e\u0442 \u043a\u0430\u043a\u0438\u0445-\u043b\u0438\u0431\u043e \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439 \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u0437\u0430 \u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435\u043c \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0444\u043b\u0430\u0433\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u0441\u0438\u0433\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u044b\u0439 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433 \u043e \u0442\u043e\u043c, \u0447\u0442\u043e \u0432\u0430\u0448\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u043d\u043e\u0439 \u0438 \u0431\u0443\u0434\u0435\u0442 \u044f\u0432\u043b\u044f\u0442\u044c\u0441\u044f \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u044b\u043c \u0434\u043b\u044f \u043b\u044e\u0431\u043e\u0433\u043e \u0438\u0437 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432.<\/p>\n<h2>\u0418\u0441\u0442\u043e\u0440\u0438\u044f. \u0412\u0435\u0440\u043d\u0435\u043c\u0441\u044f \u0432 \u0434\u0430\u043b\u0435\u043a\u0438\u0439 2015. \u041a\u0430\u043a \u0431\u044b\u043b\u043e \u0440\u0430\u043d\u044c\u0448\u0435<\/h2>\n<p>\u0423\u0447\u0438\u0442\u044b\u0432\u0430\u044f \u0447\u0442\u043e \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u0443 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u043e\u0432 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0442\u044c \u043d\u0430\u0433\u0440\u0443\u0437\u043e\u0447\u043d\u044b\u0439 JS \u0431\u044b\u043b\u043e \u043b\u0435\u043d\u044c, \u043d\u0430 \u043f\u043e\u043c\u043e\u0449\u044c \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 \u0432\u043e\u043b\u0448\u0435\u0431\u043d\u044b\u0439 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 <em>?_escaped_fragment_=<\/em>. \u0415\u0433\u043e \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u044b\u0435 \u0431\u043e\u0442\u044b \u043e\u0431\u044b\u0447\u043d\u043e \u043f\u0435\u0440\u0435\u0434\u0430\u044e\u0442 \u0441\u0435\u0440\u0432\u0435\u0440\u0443 \u0432 \u043d\u0430\u0434\u0435\u0436\u0434\u0435 \u0447\u0442\u043e \u0441\u0435\u0440\u0432\u0435\u0440 \u0441\u0430\u043c \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0442\u044c html \u0438 \u043e\u0442\u0434\u0430\u0441\u0442 \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 html \u0437\u0430\u0431\u043e\u0442\u044f\u0441\u044c \u043e \u0446\u0435\u043b\u043e\u0441\u0442\u043d\u043e\u0441\u0442\u0438 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438. \u041f\u043e \u043a\u0440\u0430\u0439\u043d\u0435 \u043c\u0435\u0440\u0435 \u0442\u0430\u043a \u044d\u0442\u043e \u0431\u044b\u043b\u043e \u0435\u0449\u0435 \u043d\u0435\u0434\u0430\u0432\u043d\u043e, \u043d\u043e \u0432\u0440\u0435\u043c\u044f \u0442\u0435\u0447\u0435\u0442, \u0432\u0441\u0435 \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f, \u0438 \u0432\u043e\u0442 \u0443\u0436\u0435 \u043e\u043d deprecated \u0432 2015 \u0433\u043e\u0434\u0443, <a href=\"https:\/\/developers.google.com\/search\/blog\/2015\/10\/deprecating-our-ajax-crawling-scheme\" rel=\"noopener noreferrer nofollow\"><u>https:\/\/developers.google.com\/search\/blog\/2015\/10\/deprecating-our-ajax-crawling-scheme<\/u><\/a><\/p>\n<p>. \u0425\u043e\u0442\u044c \u0432 \u0441\u0442\u0430\u0442\u044c\u0435 \u0438 \u0443\u0442\u0432\u0435\u0440\u0436\u0434\u0430\u0435\u0442\u0441\u044f \u0447\u0442\u043e google \u0442\u0435\u043f\u0435\u0440\u044c \u043f\u0440\u0435\u043a\u0440\u0430\u0441\u043d\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442 \u201c\u0432\u0430\u0448 \u0441\u0430\u0439\u0442\u201d \u0438 \u0432\u0441\u0435 \u0431\u0443\u0434\u0435\u0442 \u0445\u043e\u0440\u043e\u0448\u043e \u0438 \u0441 JS, \u043d\u0430 \u0434\u0435\u043b\u0435 \u043d\u0438\u0447\u0435\u0433\u043e \u043e\u043d \u043d\u0435 \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442 \u043d\u0438\u0447\u0435\u0433\u043e. \u041a\u043e\u0433\u0434\u0430 \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 \u0432\u0441\u0435 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0442\u044c\u0441\u044f \u043a\u0443\u0441\u043e\u0447\u043d\u043e, \u043b\u0438\u0431\u043e \u0432\u0435\u0431\u0441\u043e\u043a\u0435\u0442\u0430\u043c\u0438, \u0433\u0434\u0435 \u043a\u043e\u043c\u043c\u0443\u043d\u0438\u043a\u0430\u0446\u0438\u044f \u0432 \u043e\u0431\u0435 \u0441\u0442\u043e\u0440\u043e\u043d\u044b, \u0438 \u0434\u0440\u0443\u0433\u0438\u043c \u0432\u0443\u0434\u0443 &#8212; \u0432 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u0435 \u043c\u044b \u0432\u0441\u0435 \u0440\u0430\u0432\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u043c \u043f\u0443\u0441\u0442\u044b\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u0422\u0435\u043c \u043d\u0435 \u043c\u0435\u043d\u0435\u0435, \u043f\u043e\u043a\u0430 \u0434\u0435\u0440\u0436\u0438\u043c \u044d\u0442\u043e\u0442 \u0441\u0442\u0430\u0440\u044b\u0439 deprecated \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u0432 \u0433\u043e\u043b\u043e\u0432\u0435, \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0435\u0433\u043e, \u0432 \u0441\u0432\u044f\u0437\u0438 \u0441 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u043e\u0439 \u0434\u0440\u0443\u0433\u0438\u0445 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u043e\u0432, \u0442\u043e\u0436\u0435 \u043c\u043e\u0436\u043d\u043e.<\/p>\n<p>\u0414\u0440\u0443\u0433\u0438\u043c \u0445\u043e\u0440\u043e\u0448\u0438\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u043c \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430 \u043a\u0430\u043d\u0443\u0432\u0448\u0435\u0433\u043e \u0432 \u0438\u0441\u0442\u043e\u0440\u0438\u044e <a href=\"https:\/\/phantomjs.org\/\" rel=\"noopener noreferrer nofollow\"><u>https:\/\/phantomjs.org\/<\/u><\/a> \u0431\u044b\u043b phantomjs, \u0444\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043f\u043e\u0440\u0442 \u0445\u0440\u043e\u043c\u0430 \u0434\u043b\u044f \u043a\u043e\u043c\u0430\u043d\u0434\u043d\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0438, \u043d\u043e \u043a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e \u0443\u0441\u0442\u0430\u0440\u0435\u043b \u043d\u0430\u0441\u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0442\u043e \u0432\u0430\u0448\u0435 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0435 js \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u0443\u0436\u0435 \u0432\u0440\u044f\u0434 \u043b\u0438 \u043f\u043e\u0442\u044f\u043d\u0435\u0442. \u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 \u0435\u0433\u043e \u0431\u043e\u043b\u044c\u0448\u0435 \u043d\u0435\u0442. \u0425\u043e\u0442\u044c \u043f\u043e \u043c\u0435\u0440\u043a\u0430\u043c \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u0445\u0440\u043e\u043c\u0430 \u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f js \u0432\u043f\u043e\u043b\u043d\u0435 \u0441\u043f\u0440\u0430\u0432\u043b\u044f\u043b\u0441\u044f \u0441 \u0437\u0430\u0434\u0430\u0447\u0430\u043c\u0438 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430 \u0432 \u0431\u044b\u043b\u044b\u0435 \u0432\u0440\u0435\u043c\u0435\u043d\u0430.<\/p>\n<h2>\u0427\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0432\u0437\u044f\u0442\u044c \u0441\u0435\u0439\u0447\u0430\u0441?<\/h2>\n<p>\u0427\u0442\u043e \u0436\u0435 \u043c\u043e\u0436\u043d\u043e \u0432\u0437\u044f\u0442\u044c \u0442\u0435\u043f\u0435\u0440\u044c. \u041c\u043e\u0439 \u0432\u0437\u0433\u043b\u044f\u0434 \u043f\u0430\u043b \u043d\u0430 \u043f\u0440\u043e\u0435\u043a\u0442 Puppeteer &#8212; \u043e\u0447\u0435\u043d\u044c \u043d\u0435\u043f\u043b\u043e\u0445\u043e\u0439 \u043f\u0440\u043e\u0435\u043a\u0442 \u043f\u043e \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044e \u0445\u0440\u043e\u043c\u043e\u043c \u0438\u0437 nodejs. \u0422\u0430\u043a \u0436\u0435 \u043a\u0430\u043a selenium \u0437\u0430\u0434\u0443\u043c\u044b\u0432\u0430\u043b\u0441\u044f \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u0434\u043b\u044f \u0442\u0435\u0441\u0442\u0438\u043d\u0433\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446. \u0423\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u0435\u0433\u043e.<\/p>\n<p><code>npm install puppeteer<\/code><\/p>\n<p>\u0412 \u0446\u0435\u043b\u043e\u043c \u0441\u043e\u0437\u0434\u0430\u0442\u0435\u043b\u044c \u0443\u0436\u0435 \u043f\u043e\u0437\u0430\u0431\u043e\u0442\u0438\u043b\u0441\u044f \u043e \u0442\u043e\u043c \u0447\u0442\u043e\u0431\u044b \u0432 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0435 \u0431\u044b\u043b \u043d\u0443\u0436\u043d\u044b\u0439 chromium \u043f\u043e\u0434 \u043d\u0443\u0436\u043d\u0443\u044e \u0441\u0438\u0441\u0442\u0435\u043c\u0443. \u0422\u0430\u043a \u0447\u0442\u043e \u043f\u043e\u0434\u0431\u0438\u0440\u0430\u0442\u044c \u0432\u0435\u0440\u0441\u0438\u044e \u0432 \u0441\u0430\u043c\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u0435 \u043d\u0430\u0434\u043e\u0431\u043d\u043e\u0441\u0442\u0438 \u043d\u0435\u0442.<\/p>\n<p>\u0414\u0443\u043c\u0430\u044e, \u0447\u0438\u0442\u0430\u0442\u0435\u043b\u044c \u0443\u0436\u0435 \u0434\u043e\u0433\u0430\u0434\u0430\u043b\u0441\u044f \u043a \u0447\u0435\u043c\u0443 \u0432\u0441\u0435 \u0438\u0434\u0435\u0442 \u0438 \u043a\u0430\u043a \u0436\u0435 \u0432\u0441\u0435 \u0431\u0443\u0434\u0435\u0442 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043e. \u041f\u0440\u0438\u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u0437\u0430\u0432\u0435\u0441\u0443 \u0442\u0430\u0439\u043d\u044b &#8212; \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0435 (\u043c\u043e\u0436\u043d\u043e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u043c) \u0431\u0443\u0434\u0435\u0442 \u043a\u0440\u0443\u0442\u0438\u0442\u044c\u0441\u044f chrome \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0444\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0431\u0443\u0434\u0435\u0442 \u0437\u0430\u043d\u0438\u043c\u0430\u0442\u044c\u0441\u044f \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u043e\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0438\u0441\u043a\u043b\u044e\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0434\u043b\u044f \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u043e\u0432.\u00a0<\/p>\n<p>\u0423 \u0442\u0430\u043a\u043e\u0433\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0430 \u043a\u043e\u043d\u0435\u0447\u043d\u043e \u0436\u0435 \u0435\u0441\u0442\u044c \u0438 \u043f\u043b\u044e\u0441\u044b \u0438 \u043c\u0438\u043d\u0443\u0441\u044b. \u0418\u0437 \u043c\u0438\u043d\u0443\u0441\u043e\u0432 \u0441\u0440\u0430\u0437\u0443 \u0436\u0435 \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u043e\u0442\u043c\u0435\u0442\u0438\u0442\u044c \u044d\u0442\u043e \u043a\u043e\u043d\u0435\u0447\u043d\u043e \u0432\u044b\u0442\u0435\u043a\u0430\u044e\u0449\u0438\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0445\u0440\u043e\u043c\u0430: \u0432 \u0447\u0430\u0441\u0442\u043d\u043e\u0441\u0442\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 cpu \u0438 \u043f\u0430\u043c\u044f\u0442\u0438, \u0431\u044b\u0441\u0442\u0440\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 &#8212; \u044d\u0442\u043e \u0443\u0436\u0435 \u0431\u0443\u0434\u0435\u0442 \u0442\u0435\u043f\u0435\u0440\u044c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0432\u0430\u0448\u0435\u0433\u043e \u0441\u0435\u0440\u0432\u0435\u0440\u0430\/\u0441\u0435\u0440\u0432\u0435\u0440\u043e\u0432. \u041d\u043e \u043f\u043b\u044e\u0441\u044b \u0442\u043e\u0436\u0435 \u0435\u0441\u0442\u044c: \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433 html \u0431\u0443\u0434\u0435\u0442 \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u043c\u0438 \u0442\u0435\u043d\u0434\u0435\u043d\u0446\u0438\u044f\u043c\u0438 \u0438 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0430\u043c\u0438 js, \u043d\u0438\u043a\u0430\u043a\u0438\u0445 \u043c\u043e\u0434\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0439 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u043d\u0435 \u043f\u043e\u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u043a\u0430\u043a \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0438\u0445 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432. \u0412 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0435 Puppeteer \u0438\u0434\u0435\u0442 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u044f \u0432\u0435\u0440\u0441\u0438\u044f chromium, \u0434\u0430 \u0438 \u0432 \u0446\u0435\u043b\u043e\u043c \u0443\u0447\u0438\u0442\u044b\u0432\u0430\u044f \u0447\u0442\u043e \u043c\u044b \u0438\u043c\u0435\u0435\u043c \u0434\u0435\u043b\u043e \u0441 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u0430\u043c\u0438 &#8212; \u043e\u0442\u0434\u0430\u0432\u0430\u0442\u044c \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0441\u043e\u0432\u0441\u0435\u043c \u0443\u0436 \u0431\u0435\u0441\u043f\u0435\u0440\u0435\u0431\u043e\u0439\u043d\u043e \u043d\u0443\u0436\u0434\u044b \u043d\u0435\u0442. \u0418\u0442\u0430\u043a, \u043f\u043e\u0435\u0445\u0430\u043b\u0438.<\/p>\n<h2>\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 nginx<\/h2>\n<p>\u0414\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430 \u0440\u0430\u0437\u0431\u0438\u0440\u0430\u0435\u043c\u0441\u044f \u0441 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0435\u0439 Nginx.<\/p>\n<p>\u0421\u0435\u0440\u0432\u0435\u0440 \u0431\u0443\u0434\u0435\u0442 \u043a\u0440\u0443\u0442\u0438\u0442\u044c\u0441\u044f \u043d\u0430 5300 \u043f\u043e\u0440\u0442\u0435 \u0438 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u043f\u043e \u0430\u0434\u0440\u0435\u0441\u0443 \/snapshot. \u0424\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0438\u043c\u0435\u043d\u043d\u043e \u0442\u0443\u0434\u0430 \u043c\u044b \u0431\u0443\u0434\u0435\u0442 \u0430\u0434\u0440\u0435\u0441\u043e\u0432\u0430\u0442\u044c \u0432\u0441\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u044b.<\/p>\n<pre><code>    location \/snapshot {         proxy_pass http:\/\/127.0.0.1:5300;         proxy_http_version 1.1;     }         location \/ {     set $prerender 0;         if ($args ~* \"_escaped_fragment_=\") {         set $prerender 1;     }         if ($http_user_agent ~* \"Google-InspectionTool|Googlebot|Googlebot-Image|Google-Site-Verification|Google\\ Web\\ Preview|googlebot|bingbot|yandex|baiduspider|twitterbot|facebookexternalhit|rogerbot|linkedinbot|embedly|quora link preview|showyoubot|outbrain|pinterest\\\/0\\.|pinterestbot|slackbot|vkShare|W3C_Validator|whatsapp\") {             set $prerender 1;         }                 if ($http_user_agent ~ \"Prerender\") {             set $prerender 0;         }                 if ($uri ~* \"\\.(js|css|xml|less|png|jpg|jpeg|gif|pdf|doc|txt|ico|rss|zip|mp3|rar|exe|wmv|doc|avi|ppt|mpg|mpeg|tif|wav|mov|psd|ai|xls|mp4|m4a|swf|dat|dmg|iso|flv|m4v|torrent|ttf|woff|svg|eot)\") {             set $prerender 0;         }                 if ($prerender = 1) {             rewrite ^ \/snapshot$uri last;         }             try_files $uri \/index.html;     } <\/code><\/pre>\n<p>\u0424\u043b\u0430\u0433 prerender \u043a\u0430\u043a \u0440\u0430\u0437 \u0438 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442 \u0440\u0430\u0437\u0434\u0435\u043b\u044f\u044f \u043e\u0431\u044b\u0447\u043d\u044b\u0439 \u043a\u043b\u0438\u0435\u043d\u0442 \u043e\u0442 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u043e\u0432.  <\/p>\n<pre><code>    if ($args ~* \"_escaped_fragment_=\") {         set $prerender 1;     } <\/code><\/pre>\n<p>\u0423\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c prerender \u0432 \u0441\u043b\u0443\u0447\u0430\u0435 ?_escaped_fragment_=<\/p>\n<p>\u0422\u0430\u043a \u0436\u0435 \u0431\u0435\u0440\u0435\u043c \u043e\u0433\u0440\u043e\u043c\u043d\u044b\u0439 \u0441\u043f\u0438\u0441\u043e\u043a \u044e\u0437\u0435\u0440-\u0430\u0433\u0435\u043d\u0442\u043e\u0432 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u043e\u0432 \u0438 \u0432\u043e \u0432\u0441\u0435\u0445 \u0441\u043b\u0443\u0447\u0430\u044f\u0445 \u0443\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c prerender \u0432 1.<\/p>\n<p>\u0414\u043b\u044f \u043a\u0430\u0440\u0442\u0438\u043d\u043e\u043a \u0438 \u0444\u0430\u0439\u043b\u043e\u0432 &#8212; \u043c\u043e\u0436\u043d\u043e \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f \u043a \u0441\u0435\u0440\u0432\u0435\u0440\u0443 \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e \u0431\u0435\u0437 \u043f\u0440\u0435\u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430, \u0442\u0430\u043a \u0431\u044b\u0441\u0442\u0440\u0435\u0435.<\/p>\n<p>\u0422\u0435\u043f\u0435\u0440\u044c \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u043c \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u0441\u0430\u043c \u0441\u0435\u0440\u0432\u0435\u0440 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430. \u0418 \u043f\u0435\u0440\u0435\u0434 \u0442\u0435\u043c \u043a\u0430\u043a \u043d\u0430\u0447\u0430\u0442\u044c \u043d\u0443\u0436\u043d\u043e \u0440\u0435\u0448\u0438\u0442\u044c \u043e\u0434\u043d\u0443 \u0438\u0437 \u0444\u0443\u043d\u0434\u0430\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0442\u0430\u043a\u043e\u0439 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438. \u0425\u043e\u0442\u0438\u043c \u043b\u0438 \u043c\u044b \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0442\u044c \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043d\u0430 \u043a\u0430\u0436\u0434\u044b\u0439 \u0437\u0430\u043f\u0440\u043e\u0441, \u0438\u043b\u0438 \u0445\u043e\u0442\u0438\u043c \u0447\u0442\u043e\u0431\u044b \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u043b\u0438\u0441\u044c \u043a\u0430\u0436\u0434\u044b\u0439 \u0432 \u0441\u0432\u043e\u0435\u0439 \u0432\u043a\u043b\u0430\u0434\u043a\u0435? \u041e\u0442\u0432\u0435\u0442 \u0441 \u0442\u043e\u0447\u043a\u0438 \u0431\u044b\u0441\u0442\u0440\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 \u043e\u0447\u0435\u0432\u0438\u0434\u0435\u043d &#8212; \u043b\u0443\u0447\u0448\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u0432\u043e \u0432\u043a\u043b\u0430\u0434\u043a\u0430\u0445. \u041d\u043e \u044d\u0442\u043e \u0432 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u0439 \u043c\u0435\u0440\u0435 \u0438\u0434\u0435\u0442 \u0432 \u0440\u0430\u0437\u0440\u0435\u0437 \u0441 \u0442\u0435\u043c \u043a\u0430\u043a \u043f\u043e \u043e\u0444\u0444. \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 Puppeteer, \u0435\u043c\u0443 \u0431\u043e\u043b\u044c\u0448\u0435 \u043d\u0440\u0430\u0432\u0438\u0442\u044c\u0441\u044f \u0432\u0441\u0435 \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0442\u044c \u0437\u0430\u043d\u043e\u0432\u043e.<br \/>\u0417\u0430 \u0442\u043e \u0447\u0442\u043e \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0442\u044c \u0432\u043a\u043b\u0430\u0434\u043a\u0438 \u043c\u044b \u0435\u0449\u0435 \u043f\u043e\u043f\u043b\u0430\u0442\u0438\u043c\u0441\u044f, \u043d\u043e \u043e\u0431 \u044d\u0442\u043e\u043c \u043d\u0438\u0436\u0435. \u0415\u0441\u043b\u0438 \u043a\u0440\u0430\u0442\u043a\u043e, \u0442\u043e \u0447\u0435\u043c \u043d\u0430\u043c \u044d\u0442\u043e \u0430\u0443\u043a\u043d\u0435\u0442\u0441\u044f &#8212; \u044d\u0442\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435\u0433\u043e \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044f \u043f\u0430\u043c\u044f\u0442\u0438 \u0440\u0435\u043d\u0434\u0435\u0440\u0435\u0449\u0435\u0433\u043e \u0441\u0435\u0440\u0432\u0435\u0440\u0430.<\/p>\n<h2>\u0420\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f<\/h2>\n<p>\u0420\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f index.js \u0434\u043b\u044f nodejs.<\/p>\n<p>\u0414\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u0435\u043c \u0431\u0440\u0430\u0443\u0437\u0435\u0440<\/p>\n<pre><code>let browser; async function init() {   browser = await puppeteer.launch({headless: 'old', protocolTimeout: 0});   server.listen(5300); } init();<\/code><\/pre>\n<p>\u0422\u0443\u0442 \u0432\u0440\u043e\u0434\u0435 \u0432\u0441\u0435 \u043f\u043e\u043d\u044f\u0442\u043d\u043e &#8212; \u0441\u0442\u0430\u0440\u0442\u0443\u0435\u043c \u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u043c express \u043d\u0430 5300 \u043f\u043e\u0440\u0442\u0435. \u041e\u043d \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0442\u044c \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043e\u0442 Nginx.<\/p>\n<p>\u041e\u0442\u0434\u0435\u043b\u044c\u043d\u043e \u0441\u0442\u043e\u0438\u0442 \u043f\u043e\u0434\u043c\u0435\u0442\u0438\u0442\u044c headless: &#8216;old&#8217; \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u0437\u0430\u043f\u0443\u0441\u043a\u0430 &#8212; \u043f\u043e \u043c\u043e\u0435\u043c\u0443 \u043e\u043f\u044b\u0442\u0443 \u2018new\u2019 \u0432\u0435\u0440\u0441\u0438\u044f \u0432\u0435\u043b\u0430 \u0441\u0435\u0431\u044f \u043d\u0435\u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u043e. protocolTimeout \u041e\u0442\u043a\u043b\u044e\u0447\u0430\u0435\u043c.<\/p>\n<p>\u041a\u0430\u043a \u0443\u0436\u0435 \u0431\u044b\u043b\u043e \u0441\u043a\u0430\u0437\u0430\u043d\u043e \u0432\u044b\u0448\u0435, \u0442\u0435\u043f\u0435\u0440\u044c \u0443 \u043d\u0430\u0441 \u043e\u0434\u043d\u0430 \u0441\u0435\u0441\u0441\u0438\u044f \u0445\u0440\u043e\u043c\u0430 \u043d\u0430 \u0432\u0441\u0435. \u0410 \u0445\u0440\u043e\u043c \u044d\u0442\u043e \u0434\u0435\u043b\u043e \u0442\u043e\u043d\u043a\u043e\u0435, \u043d\u0430\u0432\u0435\u0440\u043d\u043e\u0435 \u043c\u043d\u043e\u0433\u0438\u0435 \u0437\u0430\u043c\u0435\u0447\u0430\u043b\u0438 \u043a\u0430\u043a \u0443\u0442\u0435\u043a\u0430\u0435\u0442 \u0443 \u043d\u0435\u0433\u043e \u043f\u0430\u043c\u044f\u0442\u044c \u043f\u043e\u0441\u043b\u0435 \u0447\u0430\u0441\u0430 \u0440\u0430\u0431\u043e\u0442\u044b. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043b\u0443\u0447\u0448\u0435 \u043f\u0435\u0440\u0435\u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u0435\u0433\u043e \u0433\u0434\u0435-\u0442\u043e \u0447\u0435\u0440\u0435\u0437 \u0447\u0430\u0441, \u043e\u0441\u0432\u043e\u0431\u043e\u0434\u0438\u0432 \u043f\u0430\u043c\u044f\u0442\u044c \u0438 \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0432 \u0441\u0435\u0441\u0441\u0438\u044e \u0441 \u043d\u0443\u043b\u044f.<\/p>\n<pre><code>let browserReopen = false; setInterval(async () => {    browserReopen = true;    await browser.close();    browser = await puppeteer.launch({headless: 'old', protocolTimeout: 0});    browserReopen = false; }, (60 * 60) * 1000)<\/code><\/pre>\n<p>browserReopen \u0444\u043b\u0430\u0433 \u0431\u0443\u0434\u0435\u0442 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0442\u0430\u0442\u0443\u0441 \u043f\u0435\u0440\u0435\u0437\u0430\u043f\u0443\u0441\u043a\u0430, \u0432 \u043c\u043e\u043c\u0435\u043d\u0442 \u043f\u0435\u0440\u0435\u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u0432\u0435\u0447\u0430\u0442\u044c \u0432\u0441\u0435\u043c \u043e\u0448\u0438\u0431\u043a\u043e\u0439 503.  <\/p>\n<pre><code> if (browserReopen) {     res.status(503);     res.send();     return;  } <\/code><\/pre>\n<p>\u0420\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u044b\u0432\u0430\u0435\u043c \u0442\u0435\u043f\u0435\u0440\u044c \u0441\u0430\u043c\u0438 \u043e\u0442\u0432\u0435\u0442\u044b \u043d\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043a \u0441\u0435\u0440\u0432\u0435\u0440\u0443.<\/p>\n<pre><code> const page = await browser.newPage();  let link = req.originalUrl;<\/code><\/pre>\n<p>\u0442\u0435\u043c \u0441\u0430\u043c\u044b\u043c \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u043d\u043e\u0432\u0443\u044e \u0432\u043a\u043b\u0430\u0434\u043a\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0441\u0441\u044b\u043b\u043a\u0443 \u0437\u0430\u043f\u0440\u043e\u0441\u0430<\/p>\n<pre><code>if (link.includes('\/snapshot')) {   link = link.replace('\/snapshot', ''); } if (link.includes('_escaped_fragment_')) {   link = link.replace(\/\\?_escaped_fragment_\\=?(.*)\/, ''); }<\/code><\/pre>\n<p>\u0443\u0431\u0438\u0440\u0430\u0435\u043c \u0432\u0441\u0435 \u0447\u0442\u043e \u043c\u044b \u043d\u0430\u043a\u0443\u0440\u043e\u043b\u0435\u0441\u0438\u043b\u0438 \u0441 location \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 nginx, \u0432 \u0442\u043e\u043c \u0447\u0438\u0441\u043b\u0435 \u043f\u043e\u0442\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 _escaped_fragment_  <\/p>\n<pre><code> try {     await page.goto('https:\/\/talkvio.com' + link, {waitUntil: 'domcontentloaded'});     await page.waitForFunction('window.didFinish === 0');  } catch(err) {     res.status(503);     res.send();     await page.close();     return;  } <\/code><\/pre>\n<p>\u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043d\u0430 \u043d\u043e\u0432\u043e\u0439 \u043a\u043b\u0430\u0434\u043a\u0435 \u0438 \u0436\u0434\u0435\u043c \u043f\u043e\u043a\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0441\u044f, \u0438 \u043f\u043e\u043a\u0430 \u043e\u0442\u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0441\u0438\u0433\u043d\u0430\u043b \u043e \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0438 \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b window.didFinish. \u041d\u0430\u043f\u043e\u043c\u043d\u044e:\u00a0 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u044d\u0442\u043e\u0433\u043e \u0441\u0438\u0433\u043d\u0430\u043b\u0430\/\u0444\u043b\u0430\u0433\u0430 \u0443\u0436\u0435 \u0434\u043e\u043b\u0436\u043d\u0430 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u0430, \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 Talkvio. \u0412 \u0432\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0432\u044b \u043a\u043e\u043d\u0435\u0447\u043d\u043e \u0436\u0435 \u0434\u043e\u043b\u0436\u043d\u044b \u0441\u0430\u043c\u0438 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u043a\u043e\u0433\u0434\u0430 \u0441\u0447\u0438\u0442\u0430\u0435\u0442\u0435 \u0447\u0442\u043e \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0435\u0441\u0442\u044c \u0432\u0441\u0435 \u0447\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0447\u0442\u043e\u0431\u044b \u043e\u0442\u0434\u0430\u0442\u044c html. \u041d\u0443 \u0438 \u043a\u043e\u043d\u0435\u0447\u043d\u043e \u0435\u0441\u043b\u0438 \u0447\u0442\u043e-\u0442\u043e \u043d\u0435 \u0442\u0430\u043a \u0434\u0440\u043e\u043f\u0430\u0435\u043c \u0432 \u043e\u0448\u0438\u0431\u043a\u0443 503 \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u043b\u0438 \u043f\u043e\u043f\u043e\u0437\u0436\u0435.  <\/p>\n<pre><code>let content = await page.content(); content = content.replace('&lt;meta name=\"fragment\" content=\"!\" \/>', '');<\/code><\/pre>\n<p>\u0423\u0431\u0438\u0440\u0430\u0435\u043c meta \u0442\u0435\u0433 \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u0435\u0441\u043b\u0438 \u0442\u0430\u043a\u043e\u0439 \u0435\u0441\u0442\u044c. \u042d\u0442\u043e \u0433\u043e\u0432\u043e\u0440\u0438\u0442 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u0443 \u043e \u0442\u043e\u043c, \u0447\u0442\u043e \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0443\u0436\u0435 \u0431\u044b\u043b\u0430 \u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0434\u0435\u043d\u0430 \u0438 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u0443 \u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u0442\u0440\u0430\u0442\u0438\u0442\u044c \u0432\u0440\u0435\u043c\u044f \u043d\u0430 \u044d\u0442\u043e.  <\/p>\n<pre><code> res.send(content);  await page.close();<\/code><\/pre>\n<p>\u041d\u0443 \u0438 \u043d\u0430\u043a\u043e\u043d\u0435\u0446 \u043e\u0442\u0434\u0430\u0435\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0438 \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u0432\u043a\u043b\u0430\u0434\u043a\u0443.<\/p>\n<p>\u041d\u0430 \u044d\u0442\u043e\u043c \u0432\u0441\u0435. \u041c\u043e\u0436\u043d\u043e \u0435\u0449\u0435 \u043f\u043e\u043a\u0440\u044b\u0442\u044c \u0432\u0441\u0435 \u0431\u043b\u043e\u043a\u043e\u043c try catch \u043d\u0430 \u0441\u043b\u0443\u0447\u0430\u0439 \u0441\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u043d\u0438\u044f \u0442\u0430\u0439\u043c\u0430\u0443\u0442\u043e\u0432 \u0438 \u043e\u0448\u0438\u0431\u043e\u043a \u0438 \u043f\u0435\u0440\u0435\u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0432 \u0441\u043b\u0443\u0447\u0430\u0435 \u0447\u0435\u0433\u043e.<\/p>\n<h2>\u0421\u043e\u0431\u0438\u0440\u0430\u0435\u043c \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u0432\u043e\u0435\u0434\u0438\u043d\u043e<\/h2>\n<pre><code>const puppeteer = require('puppeteer'); const express = require('express'); const app = express(); const server = require('http').Server(app);   let browser; async function init() {   browser = await puppeteer.launch({headless: 'old', protocolTimeout: 0});   server.listen(5300); } init(); let browserReopen = false; setInterval(async () => {    browserReopen = true;    await browser.close();    browser = await puppeteer.launch({headless: 'old', protocolTimeout: 0});    browserReopen = false; }, (60 * 60) * 1000)   app.get('*', async function (req, res) {    try    {       if (!req.originalUrl.includes('.')) {          if (browserReopen) {             res.status(503);             res.send();             return;          }            const page = await browser.newPage();            let link = req.originalUrl;            if (link.includes('\/snapshot')) {             link = link.replace('\/snapshot', '');          }          if (link.includes('_escaped_fragment_')) {             link = link.replace(\/\\?_escaped_fragment_\\=?(.*)\/, '');          }            try {             await page.goto('https:\/\/talkvio.com' + link, {waitUntil: 'domcontentloaded'});             await page.waitForFunction('window.didFinish === 0');          } catch(err) {             res.status(503);             res.send();             await page.close();             return;          }              let content = await page.content();          content = content.replace('&lt;meta name=\"fragment\" content=\"!\" \/>', '');          content = content.replace('&lt;meta name=\"fragment\" content=\"!\">', '');          res.send(content);          await page.close();       } else {          res.send();       }    } catch(err) {       await browser.close();       browser = await puppeteer.launch({headless: 'old', protocolTimeout: 0});       res.status(503);       res.send();       return;    } });<\/code><\/pre>\n<h2>\u041f\u0430\u043c\u044f\u0442\u044c \u0438 \u0435\u0449\u0435 \u0440\u0430\u0437 \u043e \u043d\u0435\u0439. \u041d\u0430\u0433\u0440\u0443\u0437\u043e\u0447\u043d\u043e\u0435 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435<\/h2>\n<p>\u041d\u0435 \u0437\u0430\u0431\u044b\u043b\u0438 \u043e \u0447\u0435\u043c \u044f \u0433\u043e\u0432\u043e\u0440\u0438\u043b \u0440\u0430\u043d\u0435\u0435? \u041c\u044b \u043a\u043e\u043d\u0435\u0447\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0438 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u0431\u044b\u0441\u0442\u0440\u044b\u0439 \u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u044b\u0439 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433, \u043d\u043e \u043f\u043e\u043f\u043b\u0430\u0442\u0438\u043b\u0438\u0441\u044c \u0442\u0435\u043c \u0447\u0442\u043e \u0442\u0435\u043f\u0435\u0440\u044c \u0443 \u043d\u0430\u0441 \u043e\u0434\u043d\u0430 \u0441\u0435\u0441\u0441\u0438\u044f \u0445\u0440\u043e\u043c\u0430 \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043d\u0443\u0436\u043d\u043e \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c. \u0418 \u043f\u0440\u0435\u0436\u0434\u0435 \u0432\u0441\u0435\u0433\u043e \u044d\u0442\u043e \u0441\u0443\u043b\u0438\u0442 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0441 \u043f\u0430\u043c\u044f\u0442\u044c\u044e \u0432 \u0432\u044b\u0441\u043e\u043a\u043e\u0439 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0435. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0432 7 \u0447\u0430\u0441\u043e\u0432 \u0443\u0442\u0440\u0430 Google \u0441 \u044f\u043d\u0434\u0435\u043a\u0441\u043e\u043c \u043c\u043e\u0433\u0443\u0442 \u0448\u0442\u0443\u0434\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0432\u0430\u0448\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043a\u0430\u043a \u043d\u0435 \u0432 \u0441\u0435\u0431\u044f, \u0438 \u043f\u043e\u043a\u0430 \u0432\u044b \u0442\u0438\u0445\u043e \u0443\u0442\u043a\u043d\u0443\u043b\u0438\u0441\u044c \u043d\u043e\u0441\u043e\u043c \u0432 \u043f\u043e\u0434\u0443\u0448\u043a\u0443 \u0438 \u043f\u0443\u0441\u043a\u0430\u0435\u0442\u0435 \u0441\u043b\u044e\u043d\u0438, \u0432\u0430\u0448 \u0441\u0435\u0440\u0432\u0435\u0440 \u0434\u044b\u043c\u0438\u0442 \u043a\u0430\u043a \u043f\u0430\u0440\u043e\u0432\u043e\u0437 \u0438 \u0443\u0436\u0435 \u0432\u044b\u043b\u0430\u0437\u0438\u0442\u044c \u0432 \u0441\u0432\u0430\u043f \u043e\u0442 200 \u0432\u043a\u043b\u0430\u0434\u043e\u043a \u0432 chrome. \u042d\u0442\u043e\u0442 \u0441\u043b\u0443\u0447\u0430\u0439 \u043d\u0430\u0434\u043e \u043f\u0440\u0435\u0434\u0443\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c, \u0438 \u0432\u0432\u0435\u0441\u0442\u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f \u043a\u0430\u043a \u043f\u043e \u043f\u0430\u043c\u044f\u0442\u0438, \u0442\u0430\u043a \u0438 \u043f\u043e \u043e\u0431\u044a\u0435\u043c\u0443 \u0432\u043a\u043b\u0430\u0434\u043e\u043a. \u041b\u0443\u0447\u0448\u0435 \u0432\u044b\u0434\u0430\u0442\u044c \u043b\u0438\u0448\u043d\u0438\u0439 \u0440\u0430\u0437 \u043e\u0448\u0438\u0431\u043a\u0443 \u0447\u0435\u043c \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043c\u0435\u0440\u0442\u0432\u044b\u0439 \u043f\u0435\u0440\u0435\u0433\u0440\u0443\u0436\u0435\u043d\u043d\u044b\u0439 \u0441\u0435\u0440\u0432\u0435\u0440.<\/p>\n<p>\u0412 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043b\u0438\u043c\u0438\u0442 \u043f\u043e \u0432\u043a\u043b\u0430\u0434\u043a\u0430\u043c<\/p>\n<pre><code>const numberOfOpenPages = (await browser.pages()).length; if (numberOfOpenPages > PAGES_LIMIT) {   res.status(503);   res.send();   return; } <\/code><\/pre>\n<p>\u041d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435 \u044f \u043f\u043e\u0434\u043e\u0431\u0440\u0430\u043b \u0441\u0435\u0431\u0435 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u0435 \u0432 4 \u0432\u043a\u043b\u0430\u0434\u043a\u0438, \u043a\u0430\u043a \u043c\u043d\u0435 \u043a\u0430\u0436\u0435\u0442\u0441\u044f \u0435\u0441\u043b\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043d\u0435 \u0441\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432\u0441\u0435 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0442\u044c \u043d\u0430 \u0442\u0430\u043a\u043e\u043c \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u0438, \u0442\u043e \u044d\u0442\u043e \u0443\u0436\u0435 \u044f\u0432\u043d\u0430\u044f \u043f\u0435\u0440\u0435\u0433\u0440\u0443\u0437\u043a\u0430.<\/p>\n<p>\u041c\u043e\u0436\u043d\u043e \u0435\u0449\u0435 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0442\u044c \u043f\u043e\u0442\u0440\u0435\u0431\u043b\u0435\u043d\u0438\u0435 \u043f\u043e \u043f\u0430\u043c\u044f\u0442\u0438 \u0432 70% \u043e\u0442 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 \u0438\u043b\u0438 \u043a\u0430\u043a \u0432\u0430\u043c \u0443\u0434\u043e\u0431\u043d\u0435\u0435<\/p>\n<pre><code> if (currentMemoryUsage > MEMORY_LOW_BORDER_LIMIT) {     res.status(503);     res.send();     return;  }<\/code><\/pre>\n<p>\u041e\u0431\u0430 \u044d\u0442\u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f \u0441\u044b\u0433\u0440\u0430\u044e\u0442 \u0432\u0430\u0436\u043d\u0443\u044e \u0440\u043e\u043b\u044c \u0432 \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0440\u0430\u0431\u043e\u0442\u044b \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u043f\u0440\u0438 \u043b\u044e\u0431\u043e\u0439 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0435.<\/p>\n<p>\u041d\u0430 \u044d\u0442\u043e\u043c \u0432\u0441\u0435, \u0441\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u0440\u043e\u0447\u0442\u0435\u043d\u0438\u0435 \ud83d\ude42<\/p>\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!----><!----><\/div>\n<p><!----><!----><br \/> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habr.com\/ru\/articles\/776608\/\"> https:\/\/habr.com\/ru\/articles\/776608\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div><!--[--><!--]--><\/div>\n<div id=\"post-content-body\">\n<div>\n<div class=\"article-formatted-body article-formatted-body article-formatted-body_version-2\">\n<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<h2>\u0414\u043e\u043b\u0433\u043e\u0435 \u043f\u0440\u0435\u0434\u0438\u0441\u043b\u043e\u0432\u0438\u0435 \u043e \u0442\u043e\u043c \u0433\u0434\u0435 \u0438 \u043a\u0430\u043a \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f<\/h2>\n<p>\u0427\u0438\u0442\u0430\u044f \u0442\u0430\u043a\u0438\u0435 \u0441\u0442\u0430\u0442\u044c\u0438 \u043a\u0430\u043a \u043f\u0440\u043e \u041a\u0430\u043f\u0438\u0431\u0430\u0440\u0443, \u043c\u043d\u0435 \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u0443\u043f\u043e\u043c\u044f\u043d\u0443\u0442\u044c \u043e\u0434\u0438\u043d \u0441\u0432\u043e\u0439 \u0441\u0442\u0430\u0440\u044b\u0439\/\u043d\u043e\u0432\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442, \u0432 \u0438\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u043c \u0432\u0438\u0434\u0435 \u044f \u0437\u0430\u0442\u0435\u044f\u043b \u043a\u0430\u043a \u043f\u0440\u043e\u0435\u043a\u0442 \u0440\u0435\u0441\u0442\u0430\u0432\u0440\u0430\u0446\u0438\u0438 \u0441\u0442\u0430\u0440\u043e\u0433\u043e \u0444\u043e\u0440\u0443\u043c\u0430 \u0441\u0435\u0442\u0438 \u041c\u0438\u043d\u0441\u043a\u0430 (uruchie.org) \u0438\u0437 \u0434\u0430\u043b\u0435\u043a\u0438\u0445 2006-2012 \u0433\u043e\u0434\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0445\u0440\u0430\u043d\u0438\u043b\u0441\u044f \u0443 \u043c\u0435\u043d\u044f \u0432 \u0437\u0430\u043c\u043e\u0440\u043e\u0436\u0435\u043d\u043d\u043e\u043c \u0432\u0438\u0434\u0435 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 10 \u043b\u0435\u0442. \u041d\u0435 \u0442\u0430\u043a \u0434\u0430\u0432\u043d\u043e \u044f \u0440\u0435\u0448\u0438\u043b \u0435\u0433\u043e \u0440\u0430\u0441\u043a\u043e\u043d\u0441\u0435\u0440\u0432\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438 \u0437\u0430\u043d\u044f\u0442\u044c\u0441\u044f \u0440\u0435\u0441\u0442\u0430\u0432\u0440\u0430\u0446\u0438\u0435\u0439 \u0432 \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f, \u0442\u043e\u0433\u043e, \u0444\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438, \u0447\u0442\u043e \u043e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u0435\u0449\u0435 \u0441\u043e \u0432\u0440\u0435\u043c\u0435\u043d \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u0445 \u0441\u0435\u0442\u0435\u0439.\u00a0<\/p>\n<p>\u042f \u0441\u0440\u0430\u0437\u0443 \u043e\u0442\u0431\u0440\u043e\u0441\u0438\u043b \u043f\u043e\u0447\u0442\u0438 \u0432\u0441\u0435 \u0447\u0442\u043e \u0431\u044b\u043b\u043e, \u044d\u0442\u043e \u0441\u0442\u0430\u0440\u044b\u0439 \u0434\u0432\u0438\u0436\u043e\u043a vBulletin &#8212; \u043d\u0430 \u0442\u043e\u0442 \u043c\u043e\u043c\u0435\u043d\u0442 \u043a\u0440\u0430\u0439\u043d\u0435 \u043f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u043d\u044b\u0439 \u0438 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u044e\u0449\u0438\u0439\u0441\u044f \u0434\u0432\u0438\u0436\u043e\u043a \u0444\u043e\u0440\u0443\u043c\u0430 \u043d\u0430 PHP, \u0438 \u0443\u0431\u0440\u0430\u0432 \u043f\u043e\u0447\u0442\u0438 \u0432\u0441\u0435, \u043e\u0441\u0442\u0430\u0432\u0438\u0432 \u0442\u043e\u043b\u044c\u043a\u043e \u0431\u0430\u0437\u0443 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438\u0437 250 000 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439 \u0438 5000 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u043d\u0430\u0447\u0430\u043b \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u043d\u043e\u0432\u044b\u0435 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0438 \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u0432\u0438\u0434\u0435\u0442\u044c. \u0415\u0441\u043b\u0438 \u043a\u043e\u043c\u0443-\u0442\u043e \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e \u0442\u043e, \u043a\u0441\u0442\u0430\u0442\u0438, \u043e\u0434\u043d\u0430 \u0438\u0437 \u043f\u0440\u0438\u0447\u0438\u043d \u0433\u0438\u0431\u0435\u043b\u0438 \u0442\u0430\u043a\u043e\u0433\u043e \u0441\u0442\u0430\u0440\u043e\u0433\u043e \u0438 \u0434\u043e\u043b\u0433\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0431\u044b\u043b \u0438\u043c\u0435\u043d\u043d\u043e vBulletin \u0438 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u044c.<\/p>\n<p>\u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u0440\u0430\u0431\u043e\u0447\u0443\u044e \u0432\u0435\u0440\u0441\u0438\u044f \u043d\u043e\u0432\u043e\u0433\u043e \u0440\u0435\u0441\u0443\u0440\u0441\u0430: <a href=\"https:\/\/talkvio.com\" rel=\"noopener noreferrer nofollow\"><strong><u>https:\/\/talkvio.com<\/u><\/strong><\/a> (\u0437\u0430\u0445\u043e\u0434\u0438\u043c, \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u0435\u043c\u0441\u044f, \u043f\u0438\u0448\u0435\u043c, \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u043c \u0438\u0434\u0435\u0438)<\/p>\n<p>\u0417\u0430 \u043e\u0441\u043d\u043e\u0432\u0443 \u0432\u0437\u044f\u043b \u0447\u0442\u043e \u0434\u0443\u0448\u0435 \u0443\u0433\u043e\u0434\u043d\u043e \u0434\u043b\u044f \u0442\u0430\u043a\u0438\u0445 \u0446\u0435\u043b\u0435\u0439:<\/p>\n<p><strong>Backend:<\/strong> NodeJS + MySQL + Redis + Manticore (\u0443 \u043c\u0435\u043d\u044f \u0441 \u043d\u0438\u043c \u0431\u044b\u043b \u043a\u0440\u0430\u0439\u043d\u0435 \u043f\u0440\u0438\u044f\u0442\u043d\u044b\u0439 \u043e\u043f\u044b\u0442 \u043d\u0430 \u0434\u0440\u0443\u0433\u0438\u0445 \u0441\u0432\u043e\u0438\u0445 \u0441\u0442\u0430\u0440\u044b\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445) + Bash + \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 \u043d\u0430 Python + Nginx<\/p>\n<p><strong>UI:<\/strong> React<\/p>\n<figure class=\"full-width\">\n<div><figcaption>Talkvio<\/figcaption><\/div>\n<\/figure>\n<p>\u0417\u0430 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 \u043f\u043e\u043b \u0433\u043e\u0434\u0430 \u044f \u0443\u0436\u0435 \u043c\u043d\u043e\u0433\u043e\u0435 \u0432\u043e\u0441\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043b \u0442\u0430\u043a \u0438 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043b \u0442\u043e\u0433\u043e \u0447\u0442\u043e \u043d\u0435 \u0431\u044b\u043b\u043e (\u043c\u043e\u0436\u0435\u0442 \u0443 \u043c\u0435\u043d\u044f \u0438 \u043d\u0435\u0442 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u043a\u0430\u043a \u0443 \u043a\u0430\u043f\u0438\u0431\u0430\u0440\u044b, \u0442\u0435\u043c \u043d\u0435 \u043c\u0435\u043d\u0435\u0435 \u0447\u0442\u043e \u0443\u0436\u0435 \u0435\u0441\u0442\u044c):<\/p>\n<ul>\n<li>\n<p>\u041f\u043e\u0441\u0442\u044b, \u0440\u0430\u0437\u0434\u0435\u043b\u044b (\u0444\u043e\u0440\u0443\u043c\u044b), \u0442\u0435\u043c\u044b<\/p>\n<\/li>\n<li>\n<p>\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435, \u0443\u0434\u0430\u043b\u0435\u043d\u0438\u0435, \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043f\u043e\u0441\u0442\u043e\u0432<\/p>\n<\/li>\n<li>\n<p>\u0421\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0431\u043b\u043e\u0447\u043d\u044b\u0439 \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u0441 \u0447\u0435\u0440\u043d\u043e\u0432\u0438\u043a\u0430\u043c\u0438. \u0413\u0434\u0435 \u043c\u043e\u0436\u043d\u043e \u043a\u043e\u043c\u0431\u0438\u043d\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0431\u043b\u043e\u043a\u0438 \u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b.<\/p>\n<\/li>\n<li>\n<p>\u041c\u043e\u0435 \/ \u0430\u0432\u0442\u043e\u0440\u0441\u043a\u0438\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442 (\u043f\u043e\u043c\u0435\u0442\u043a\u0438 \u0438 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438)<\/p>\n<\/li>\n<li>\n<p>\u0412 \u043e\u0441\u043d\u043e\u0432\u0435 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0441 \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u043c\u0438 \u0440\u0435\u0441\u0443\u0440\u0441\u0430 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043a\u0430\u0440\u043c\u0430, \u0430 \u043d\u0435 \u0440\u0435\u0439\u0442\u0438\u043d\u0433. \u041a\u0430\u0440\u043c\u0430 \u0431\u044b\u043b\u0430 \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0430 \u0432 \u0444\u043e\u0440\u0443\u043c \u0435\u0449\u0435 \u0432 2008 \u043f\u043e\u0434 \u0432\u043b\u0438\u044f\u043d\u0438\u0435\u043c \u0445\u0430\u0431\u0440\u0430, \u0442\u0430\u043a \u0442\u0430\u043c \u0438 \u043e\u0441\u0442\u0430\u043b\u0430\u0441\u044c. \u0427\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0433\u0440\u0435\u0442\u044c \u0434\u0443\u0448\u0443 \u0445\u0430\u0431\u0440\u043e\u0432\u0447\u0430\u043d. \u0412\u0441\u0435\u0433\u0434\u0430 \u043c\u043e\u0436\u043d\u043e \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0432\u0430\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0432\u043d\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0442\u043e\u0433\u043e \u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0435\u0439\u0442\u0438\u043d\u0433\u0430 \u043e\u043d \u043d\u0430\u0431\u0440\u0430\u043b \u0435\u0441\u043b\u0438 \u0435\u0433\u043e \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043d\u0430\u0447\u043d\u0435\u0442 \u043f\u043e\u0440\u0442\u0438\u0442\u044c\u0441\u044f.<\/p>\n<\/li>\n<li>\n<p>\u0427\u0435\u0440\u043d\u043e\u0432\u0438\u043a\u0438 \u0434\u043b\u044f \u043f\u043e\u0441\u0442\u043e\u0432<\/p>\n<\/li>\n<li>\n<p>\u0427\u0435\u0440\u043d\u043e\u0432\u0438\u043a\u0438 \u0434\u043b\u044f \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0435\u0432 &#8212; \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442 \u0434\u0430\u0436\u0435 \u043d\u0435\u0434\u043e\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0435 \u043e\u0442\u0432\u0435\u0442\u044b<\/p>\n<\/li>\n<li>\n<p>\u0421\u043f\u043e\u0439\u043b\u0435\u0440\u044b, \u0438 18+ \u043a\u043e\u043d\u0442\u0435\u043d\u0442<\/p>\n<\/li>\n<li>\n<p>\u0410\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u043e\u0435, \u0422\u043e\u043f, \u0421\u0430\u043c\u043e\u0435 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0438\u0440\u0443\u0435\u043c\u043e\u0435, \u041f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u0440\u0430\u0437\u0434\u0435\u043b\u044b \u0438 \u0444\u0438\u043b\u044c\u0442\u0440\u0430\u0446\u0438\u0438<\/p>\n<\/li>\n<li>\n<p>\u041e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0441\u0432\u043e\u0435\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b<\/p>\n<\/li>\n<li>\n<p>\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438<\/p>\n<\/li>\n<li>\n<p>\u0423\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u0438\u0435 \u043a\u0430\u0440\u0442\u0438\u043d\u043e\u043a<\/p>\n<\/li>\n<li>\n<p>\u041e\u043f\u043e\u0432\u0435\u0449\u0435\u043d\u0438\u044f (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u043f\u0440\u0438 \u0446\u0438\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f\u0445 \u0432\u0430\u0448\u0435\u0433\u043e \u0442\u0435\u043a\u0441\u0442\u0430 \u0438 \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u044f\u0445 \u043a \u0432\u0430\u043c \u043c\u043e\u0436\u043d\u043e \u0432\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u043e\u043f\u043e\u0432\u0435\u0449\u0435\u043d\u0438\u044f)<\/p>\n<\/li>\n<li>\n<p>\u0420\u0435\u0432\u0435\u0440\u0441\u043d\u044b\u0435 \u0438 \u043f\u0440\u044f\u043c\u044b\u0435 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\u00a0 \u043f\u043e\u0441\u0442\u043e\u0432<\/p>\n<\/li>\n<li>\n<p>\u0422\u0435\u043c\u043d\u0430\u044f \u0442\u0435\u043c\u0430<\/p>\n<\/li>\n<li>\n<p>\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043f\u043e\u0441\u0442\u0438\u043d\u0433 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430 \u0432 vk, \u0442\u0435\u043b\u0435\u0433\u0443, discord<\/p>\n<\/li>\n<li>\n<p>\u041e\u0442\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0435 \u043f\u043e\u0441\u0442\u044b (\u043f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u044f \u043f\u043e \u0440\u0430\u0441\u043f\u0438\u0441\u0430\u043d\u0438\u044f)<\/p>\n<\/li>\n<li>\n<p>\u041f\u043e\u0434\u044a\u0435\u043c \u043f\u043e\u0441\u0442\u0430 &#8212; \u043e\u0441\u043e\u0431\u0430\u044f \u0444\u0438\u0447\u0430 \u043a\u043e\u0433\u0434\u0430 \u0441\u0432\u043e\u0438 \u0441\u0442\u0430\u0440\u044b\u0435 \u043f\u043e\u0441\u0442\u044b, \u043d\u0435 \u043f\u043e\u043b\u0443\u0447\u0438\u0432\u0448\u0438\u0435 \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0440\u0435\u0439\u0442\u0438\u043d\u0433\u0430 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u0442\u044c \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u043a\u0430\u0440\u043c\u044b \u0438 \u043e\u0447\u043a\u043e\u0432 \u043f\u043e\u0434\u043d\u044f\u0442\u044c \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e<\/p>\n<\/li>\n<li>\n<p>\u0421\u0430\u0439\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u043d\u0430 \u0434\u0432\u0443\u0445 \u044f\u0437\u044b\u043a\u0430\u0445: \u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u043e\u043c \u0438 \u0440\u0443\u0441\u0441\u043a\u043e\u043c \u043d\u0430 \u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442. \u0415\u0441\u0442\u044c \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u043b\u043e\u043a\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0439.<\/p>\n<\/li>\n<li>\n<p>\u041d\u0443 \u0438 \u043c\u043d\u043e\u0433\u043e\u0435 \u0434\u0440\u0443\u0433\u043e\u0435, \u044f \u0443\u0436\u0435 \u0441\u0430\u043c \u0432\u0441\u0435 \u043d\u0435 \u0432\u0441\u043f\u043e\u043c\u043d\u044e \ud83d\ude42 \u0417\u0430\u0433\u043b\u044f\u043d\u0438\u0442\u0435 \u0432 \u0442\u0435\u043c\u0443 \u043d\u0438\u0436\u0435:<\/p>\n<\/li>\n<\/ul>\n<p><a href=\"https:\/\/talkvio.com\/threads\/24681-novii-dvizhok-talkvio-izmeneniya\" rel=\"noopener noreferrer nofollow\"><strong>\u0412\u043e\u043e\u0431\u0449\u0435 \u0432\u0441\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0438 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u044b\u0432\u0430\u044e \u0432 \u044d\u0442\u043e\u0439 \u0442\u0435\u043c\u0435<\/strong><\/a><\/p>\n<figure class=\"full-width\">\n<div><figcaption>\u0415\u0449\u0435 \u043d\u0435\u043c\u043d\u043e\u0436\u043a\u043e \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u0438\u043a\u043e\u0432 \u0441 \u0442\u0435\u043c \u0447\u0442\u043e \u0432\u044b\u0445\u043e\u0434\u0438\u0442<\/figcaption><\/div>\n<\/figure>\n<p>\u0412 \u044d\u0442\u043e\u0439 \u0436\u0435 \u0441\u0442\u0430\u0442\u044c\u0435 \u043f\u043e\u0439\u0434\u0435\u0442 \u0440\u0435\u0447\u044c \u043f\u0440\u043e \u043e\u0434\u0438\u043d \u0438\u0437 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0445 \u043a\u0443\u0441\u043a\u043e\u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c &#8212; \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u044b\u0439 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433 \u0434\u043b\u044f \u043c\u043e\u0434\u0443\u043b\u044f \u0438\u043d\u0434\u0435\u043a\u0441\u0430\u0446\u0438\u0438.<\/p>\n<h2>\u041e \u0442\u043e\u043c \u0437\u0430\u0447\u0435\u043c \u043d\u0443\u0436\u0435\u043d \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u044b\u0439 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433<\/h2>\n<p>\u0422.\u043a. \u0432 \u043e\u0441\u043d\u043e\u0432\u0435 frontend \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0435\u0439 \u043d\u0430 Talkvio \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f React, \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u043d\u0435 \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 \u0430 \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u0430. \u042d\u0442\u043e \u0445\u043e\u0440\u043e\u0448\u043e \u0441\u0435\u0431\u044f \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445, \u043d\u043e \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u043e \u043d\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0434\u043b\u044f \u043f\u043e\u0438\u0441\u043a\u043e\u0432 \u0442\u0438\u043f\u0430 \u044f\u043d\u0434\u0435\u043a\u0441\u0430 \u0438\u043b\u0438 \u0433\u0443\u0433\u043b\u0430. \u041d\u043e \u0442.\u043a. \u0438\u043d\u0434\u0435\u043a\u0441\u0430\u0446\u0438\u044f \u0434\u043b\u044f \u0442\u0430\u043a\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u043a\u0430\u043a \u0443 \u043c\u0435\u043d\u044f \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432\u0430\u0436\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u044c\u044e, \u044d\u0442\u0443 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u043d\u0443\u0436\u043d\u043e \u0442\u043e\u0436\u0435 \u0440\u0435\u0448\u0430\u0442\u044c. \u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u0432\u0441\u0435 \u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043a\u0430\u043a \u0435\u0441\u0442\u044c &#8212; \u043a\u043b\u0438\u0435\u043d\u0442 \u0434\u043e\u043b\u0436\u0435\u043d \u043f\u043e \u043f\u0440\u0435\u0436\u043d\u0435\u043c\u0443 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0442\u044c\u0441\u044f \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0430 &#8212; \u044d\u0442\u043e \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0432 \u0441\u043b\u0443\u0447\u0430\u0435 \u043e\u0431\u0440\u0430\u0442\u043d\u044b\u0445 \u043a\u043e\u043c\u043c\u0443\u043d\u0438\u043a\u0430\u0446\u0438\u0439), \u0430 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u0430\u043c \u0434\u043e\u043b\u0436\u0435\u043d \u043e\u0442\u0434\u0430\u0432\u0430\u0442\u044c\u0441\u044f \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 html \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u0441\u0435\u0440\u0432\u0435\u0440\u0430. \u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u0441\u0430\u043c \u0440\u0435\u0441\u0443\u0440\u0441 \u0434\u043e\u043b\u0436\u0435\u043d \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0442\u044c \u043c\u043e\u043c\u0435\u043d\u0442 \u043a\u043e\u0433\u0434\u0430 \u043e\u043d \u0441\u0447\u0438\u0442\u0430\u0435\u0442 \u0447\u0442\u043e \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a \u043c\u043e\u0436\u0435\u0442 \u0431\u0440\u0430\u0442\u044c \u0432\u0435\u0441\u044c \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u043d\u044b\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442, \u0443\u0447\u0438\u0442\u044b\u0432\u0430\u044f \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0443 \u0440\u0430\u0437\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u043e\u0439 \u043f\u043e\u0434\u0433\u0440\u0443\u0437\u043a\u0438 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430 \u043f\u043e \u0432\u0435\u0431\u0441\u043e\u043a\u0435\u0442\u0430\u043c\u0438 ajax \u0432 \u0434\u0432\u0443\u0445 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f\u0445.<\/p>\n<p>\u0414\u043b\u044f \u044d\u0442\u0438\u0445 \u0446\u0435\u043b\u0435\u0439 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0438 Next.js \u044f\u0432\u043b\u044f\u044e\u0449\u0438\u0439\u0441\u044f \u043f\u043e \u0441\u0443\u0442\u0438 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u043c \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u043c \u0434\u043b\u044f \u0441\u0445\u043e\u0436\u0438\u0445 \u0446\u0435\u043b\u0435\u0439, \u043d\u043e \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e \u043d\u0430\u043b\u0430\u0433\u0430\u044e\u0449\u0438\u0439 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0435 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f \u043d\u0430 \u043f\u0440\u0438\u043d\u0446\u0438\u043f \u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0438 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0430. \u0424\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0432 \u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u044f \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u044e \u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u0443, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043d\u0435 \u0442\u0440\u0435\u0431\u0443\u044e\u0442 \u043a\u0430\u043a\u0438\u0445-\u043b\u0438\u0431\u043e \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439 \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u0437\u0430 \u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435\u043c \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0444\u043b\u0430\u0433\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u0441\u0438\u0433\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u044b\u0439 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433 \u043e \u0442\u043e\u043c, \u0447\u0442\u043e \u0432\u0430\u0448\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u043d\u043e\u0439 \u0438 \u0431\u0443\u0434\u0435\u0442 \u044f\u0432\u043b\u044f\u0442\u044c\u0441\u044f \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u044b\u043c \u0434\u043b\u044f \u043b\u044e\u0431\u043e\u0433\u043e \u0438\u0437 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432.<\/p>\n<h2>\u0418\u0441\u0442\u043e\u0440\u0438\u044f. \u0412\u0435\u0440\u043d\u0435\u043c\u0441\u044f \u0432 \u0434\u0430\u043b\u0435\u043a\u0438\u0439 2015. \u041a\u0430\u043a \u0431\u044b\u043b\u043e \u0440\u0430\u043d\u044c\u0448\u0435<\/h2>\n<p>\u0423\u0447\u0438\u0442\u044b\u0432\u0430\u044f \u0447\u0442\u043e \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u0443 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u043e\u0432 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0442\u044c \u043d\u0430\u0433\u0440\u0443\u0437\u043e\u0447\u043d\u044b\u0439 JS \u0431\u044b\u043b\u043e \u043b\u0435\u043d\u044c, \u043d\u0430 \u043f\u043e\u043c\u043e\u0449\u044c \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 \u0432\u043e\u043b\u0448\u0435\u0431\u043d\u044b\u0439 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 <em>?_escaped_fragment_=<\/em>. \u0415\u0433\u043e \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u044b\u0435 \u0431\u043e\u0442\u044b \u043e\u0431\u044b\u0447\u043d\u043e \u043f\u0435\u0440\u0435\u0434\u0430\u044e\u0442 \u0441\u0435\u0440\u0432\u0435\u0440\u0443 \u0432 \u043d\u0430\u0434\u0435\u0436\u0434\u0435 \u0447\u0442\u043e \u0441\u0435\u0440\u0432\u0435\u0440 \u0441\u0430\u043c \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0442\u044c html \u0438 \u043e\u0442\u0434\u0430\u0441\u0442 \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 html \u0437\u0430\u0431\u043e\u0442\u044f\u0441\u044c \u043e \u0446\u0435\u043b\u043e\u0441\u0442\u043d\u043e\u0441\u0442\u0438 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438. \u041f\u043e \u043a\u0440\u0430\u0439\u043d\u0435 \u043c\u0435\u0440\u0435 \u0442\u0430\u043a \u044d\u0442\u043e \u0431\u044b\u043b\u043e \u0435\u0449\u0435 \u043d\u0435\u0434\u0430\u0432\u043d\u043e, \u043d\u043e \u0432\u0440\u0435\u043c\u044f \u0442\u0435\u0447\u0435\u0442, \u0432\u0441\u0435 \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f, \u0438 \u0432\u043e\u0442 \u0443\u0436\u0435 \u043e\u043d deprecated \u0432 2015 \u0433\u043e\u0434\u0443, <a href=\"https:\/\/developers.google.com\/search\/blog\/2015\/10\/deprecating-our-ajax-crawling-scheme\" rel=\"noopener noreferrer nofollow\"><u>https:\/\/developers.google.com\/search\/blog\/2015\/10\/deprecating-our-ajax-crawling-scheme<\/u><\/a><\/p>\n<p>. \u0425\u043e\u0442\u044c \u0432 \u0441\u0442\u0430\u0442\u044c\u0435 \u0438 \u0443\u0442\u0432\u0435\u0440\u0436\u0434\u0430\u0435\u0442\u0441\u044f \u0447\u0442\u043e google \u0442\u0435\u043f\u0435\u0440\u044c \u043f\u0440\u0435\u043a\u0440\u0430\u0441\u043d\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442 \u201c\u0432\u0430\u0448 \u0441\u0430\u0439\u0442\u201d \u0438 \u0432\u0441\u0435 \u0431\u0443\u0434\u0435\u0442 \u0445\u043e\u0440\u043e\u0448\u043e \u0438 \u0441 JS, \u043d\u0430 \u0434\u0435\u043b\u0435 \u043d\u0438\u0447\u0435\u0433\u043e \u043e\u043d \u043d\u0435 \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442 \u043d\u0438\u0447\u0435\u0433\u043e. \u041a\u043e\u0433\u0434\u0430 \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 \u0432\u0441\u0435 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0442\u044c\u0441\u044f \u043a\u0443\u0441\u043e\u0447\u043d\u043e, \u043b\u0438\u0431\u043e \u0432\u0435\u0431\u0441\u043e\u043a\u0435\u0442\u0430\u043c\u0438, \u0433\u0434\u0435 \u043a\u043e\u043c\u043c\u0443\u043d\u0438\u043a\u0430\u0446\u0438\u044f \u0432 \u043e\u0431\u0435 \u0441\u0442\u043e\u0440\u043e\u043d\u044b, \u0438 \u0434\u0440\u0443\u0433\u0438\u043c \u0432\u0443\u0434\u0443 &#8212; \u0432 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u0435 \u043c\u044b \u0432\u0441\u0435 \u0440\u0430\u0432\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u043c \u043f\u0443\u0441\u0442\u044b\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u0422\u0435\u043c \u043d\u0435 \u043c\u0435\u043d\u0435\u0435, \u043f\u043e\u043a\u0430 \u0434\u0435\u0440\u0436\u0438\u043c \u044d\u0442\u043e\u0442 \u0441\u0442\u0430\u0440\u044b\u0439 deprecated \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u0432 \u0433\u043e\u043b\u043e\u0432\u0435, \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0435\u0433\u043e, \u0432 \u0441\u0432\u044f\u0437\u0438 \u0441 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u043e\u0439 \u0434\u0440\u0443\u0433\u0438\u0445 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u043e\u0432, \u0442\u043e\u0436\u0435 \u043c\u043e\u0436\u043d\u043e.<\/p>\n<p>\u0414\u0440\u0443\u0433\u0438\u043c \u0445\u043e\u0440\u043e\u0448\u0438\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u043c \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430 \u043a\u0430\u043d\u0443\u0432\u0448\u0435\u0433\u043e \u0432 \u0438\u0441\u0442\u043e\u0440\u0438\u044e <a href=\"https:\/\/phantomjs.org\/\" rel=\"noopener noreferrer nofollow\"><u>https:\/\/phantomjs.org\/<\/u><\/a> \u0431\u044b\u043b phantomjs, \u0444\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043f\u043e\u0440\u0442 \u0445\u0440\u043e\u043c\u0430 \u0434\u043b\u044f \u043a\u043e\u043c\u0430\u043d\u0434\u043d\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0438, \u043d\u043e \u043a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e \u0443\u0441\u0442\u0430\u0440\u0435\u043b \u043d\u0430\u0441\u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0442\u043e \u0432\u0430\u0448\u0435 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0435 js \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u0443\u0436\u0435 \u0432\u0440\u044f\u0434 \u043b\u0438 \u043f\u043e\u0442\u044f\u043d\u0435\u0442. \u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 \u0435\u0433\u043e \u0431\u043e\u043b\u044c\u0448\u0435 \u043d\u0435\u0442. \u0425\u043e\u0442\u044c \u043f\u043e \u043c\u0435\u0440\u043a\u0430\u043c \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u0445\u0440\u043e\u043c\u0430 \u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f js \u0432\u043f\u043e\u043b\u043d\u0435 \u0441\u043f\u0440\u0430\u0432\u043b\u044f\u043b\u0441\u044f \u0441 \u0437\u0430\u0434\u0430\u0447\u0430\u043c\u0438 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430 \u0432 \u0431\u044b\u043b\u044b\u0435 \u0432\u0440\u0435\u043c\u0435\u043d\u0430.<\/p>\n<h2>\u0427\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0432\u0437\u044f\u0442\u044c \u0441\u0435\u0439\u0447\u0430\u0441?<\/h2>\n<p>\u0427\u0442\u043e \u0436\u0435 \u043c\u043e\u0436\u043d\u043e \u0432\u0437\u044f\u0442\u044c \u0442\u0435\u043f\u0435\u0440\u044c. \u041c\u043e\u0439 \u0432\u0437\u0433\u043b\u044f\u0434 \u043f\u0430\u043b \u043d\u0430 \u043f\u0440\u043e\u0435\u043a\u0442 Puppeteer &#8212; \u043e\u0447\u0435\u043d\u044c \u043d\u0435\u043f\u043b\u043e\u0445\u043e\u0439 \u043f\u0440\u043e\u0435\u043a\u0442 \u043f\u043e \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044e \u0445\u0440\u043e\u043c\u043e\u043c \u0438\u0437 nodejs. \u0422\u0430\u043a \u0436\u0435 \u043a\u0430\u043a selenium \u0437\u0430\u0434\u0443\u043c\u044b\u0432\u0430\u043b\u0441\u044f \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u0434\u043b\u044f \u0442\u0435\u0441\u0442\u0438\u043d\u0433\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446. \u0423\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u0435\u0433\u043e.<\/p>\n<p><code>npm install puppeteer<\/code><\/p>\n<p>\u0412 \u0446\u0435\u043b\u043e\u043c \u0441\u043e\u0437\u0434\u0430\u0442\u0435\u043b\u044c \u0443\u0436\u0435 \u043f\u043e\u0437\u0430\u0431\u043e\u0442\u0438\u043b\u0441\u044f \u043e \u0442\u043e\u043c \u0447\u0442\u043e\u0431\u044b \u0432 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0435 \u0431\u044b\u043b \u043d\u0443\u0436\u043d\u044b\u0439 chromium \u043f\u043e\u0434 \u043d\u0443\u0436\u043d\u0443\u044e \u0441\u0438\u0441\u0442\u0435\u043c\u0443. \u0422\u0430\u043a \u0447\u0442\u043e \u043f\u043e\u0434\u0431\u0438\u0440\u0430\u0442\u044c \u0432\u0435\u0440\u0441\u0438\u044e \u0432 \u0441\u0430\u043c\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u0435 \u043d\u0430\u0434\u043e\u0431\u043d\u043e\u0441\u0442\u0438 \u043d\u0435\u0442.<\/p>\n<p>\u0414\u0443\u043c\u0430\u044e, \u0447\u0438\u0442\u0430\u0442\u0435\u043b\u044c \u0443\u0436\u0435 \u0434\u043e\u0433\u0430\u0434\u0430\u043b\u0441\u044f \u043a \u0447\u0435\u043c\u0443 \u0432\u0441\u0435 \u0438\u0434\u0435\u0442 \u0438 \u043a\u0430\u043a \u0436\u0435 \u0432\u0441\u0435 \u0431\u0443\u0434\u0435\u0442 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043e. \u041f\u0440\u0438\u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u0437\u0430\u0432\u0435\u0441\u0443 \u0442\u0430\u0439\u043d\u044b &#8212; \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0435 (\u043c\u043e\u0436\u043d\u043e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u043c) \u0431\u0443\u0434\u0435\u0442 \u043a\u0440\u0443\u0442\u0438\u0442\u044c\u0441\u044f chrome \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0444\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0431\u0443\u0434\u0435\u0442 \u0437\u0430\u043d\u0438\u043c\u0430\u0442\u044c\u0441\u044f \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u043e\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0438\u0441\u043a\u043b\u044e\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0434\u043b\u044f \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u043e\u0432.\u00a0<\/p>\n<p>\u0423 \u0442\u0430\u043a\u043e\u0433\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0430 \u043a\u043e\u043d\u0435\u0447\u043d\u043e \u0436\u0435 \u0435\u0441\u0442\u044c \u0438 \u043f\u043b\u044e\u0441\u044b \u0438 \u043c\u0438\u043d\u0443\u0441\u044b. \u0418\u0437 \u043c\u0438\u043d\u0443\u0441\u043e\u0432 \u0441\u0440\u0430\u0437\u0443 \u0436\u0435 \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u043e\u0442\u043c\u0435\u0442\u0438\u0442\u044c \u044d\u0442\u043e \u043a\u043e\u043d\u0435\u0447\u043d\u043e \u0432\u044b\u0442\u0435\u043a\u0430\u044e\u0449\u0438\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0445\u0440\u043e\u043c\u0430: \u0432 \u0447\u0430\u0441\u0442\u043d\u043e\u0441\u0442\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 cpu \u0438 \u043f\u0430\u043c\u044f\u0442\u0438, \u0431\u044b\u0441\u0442\u0440\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 &#8212; \u044d\u0442\u043e \u0443\u0436\u0435 \u0431\u0443\u0434\u0435\u0442 \u0442\u0435\u043f\u0435\u0440\u044c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0432\u0430\u0448\u0435\u0433\u043e \u0441\u0435\u0440\u0432\u0435\u0440\u0430\/\u0441\u0435\u0440\u0432\u0435\u0440\u043e\u0432. \u041d\u043e \u043f\u043b\u044e\u0441\u044b \u0442\u043e\u0436\u0435 \u0435\u0441\u0442\u044c: \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433 html \u0431\u0443\u0434\u0435\u0442 \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u043c\u0438 \u0442\u0435\u043d\u0434\u0435\u043d\u0446\u0438\u044f\u043c\u0438 \u0438 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0430\u043c\u0438 js, \u043d\u0438\u043a\u0430\u043a\u0438\u0445 \u043c\u043e\u0434\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0439 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u043d\u0435 \u043f\u043e\u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u043a\u0430\u043a \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0438\u0445 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432. \u0412 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0435 Puppeteer \u0438\u0434\u0435\u0442 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u044f \u0432\u0435\u0440\u0441\u0438\u044f chromium, \u0434\u0430 \u0438 \u0432 \u0446\u0435\u043b\u043e\u043c \u0443\u0447\u0438\u0442\u044b\u0432\u0430\u044f \u0447\u0442\u043e \u043c\u044b \u0438\u043c\u0435\u0435\u043c \u0434\u0435\u043b\u043e \u0441 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u0430\u043c\u0438 &#8212; \u043e\u0442\u0434\u0430\u0432\u0430\u0442\u044c \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0441\u043e\u0432\u0441\u0435\u043c \u0443\u0436 \u0431\u0435\u0441\u043f\u0435\u0440\u0435\u0431\u043e\u0439\u043d\u043e \u043d\u0443\u0436\u0434\u044b \u043d\u0435\u0442. \u0418\u0442\u0430\u043a, \u043f\u043e\u0435\u0445\u0430\u043b\u0438.<\/p>\n<h2>\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 nginx<\/h2>\n<p>\u0414\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430 \u0440\u0430\u0437\u0431\u0438\u0440\u0430\u0435\u043c\u0441\u044f \u0441 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0435\u0439 Nginx.<\/p>\n<p>\u0421\u0435\u0440\u0432\u0435\u0440 \u0431\u0443\u0434\u0435\u0442 \u043a\u0440\u0443\u0442\u0438\u0442\u044c\u0441\u044f \u043d\u0430 5300 \u043f\u043e\u0440\u0442\u0435 \u0438 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u043f\u043e \u0430\u0434\u0440\u0435\u0441\u0443 \/snapshot. \u0424\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0438\u043c\u0435\u043d\u043d\u043e \u0442\u0443\u0434\u0430 \u043c\u044b \u0431\u0443\u0434\u0435\u0442 \u0430\u0434\u0440\u0435\u0441\u043e\u0432\u0430\u0442\u044c \u0432\u0441\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u044b.<\/p>\n<pre><code>    location \/snapshot {         proxy_pass http:\/\/127.0.0.1:5300;         proxy_http_version 1.1;     }         location \/ {     set $prerender 0;         if ($args ~* \"_escaped_fragment_=\") {         set $prerender 1;     }         if ($http_user_agent ~* \"Google-InspectionTool|Googlebot|Googlebot-Image|Google-Site-Verification|Google\\ Web\\ Preview|googlebot|bingbot|yandex|baiduspider|twitterbot|facebookexternalhit|rogerbot|linkedinbot|embedly|quora link preview|showyoubot|outbrain|pinterest\\\/0\\.|pinterestbot|slackbot|vkShare|W3C_Validator|whatsapp\") {             set $prerender 1;         }                 if ($http_user_agent ~ \"Prerender\") {             set $prerender 0;         }                 if ($uri ~* \"\\.(js|css|xml|less|png|jpg|jpeg|gif|pdf|doc|txt|ico|rss|zip|mp3|rar|exe|wmv|doc|avi|ppt|mpg|mpeg|tif|wav|mov|psd|ai|xls|mp4|m4a|swf|dat|dmg|iso|flv|m4v|torrent|ttf|woff|svg|eot)\") {             set $prerender 0;         }                 if ($prerender = 1) {             rewrite ^ \/snapshot$uri last;         }             try_files $uri \/index.html;     } <\/code><\/pre>\n<p>\u0424\u043b\u0430\u0433 prerender \u043a\u0430\u043a \u0440\u0430\u0437 \u0438 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442 \u0440\u0430\u0437\u0434\u0435\u043b\u044f\u044f \u043e\u0431\u044b\u0447\u043d\u044b\u0439 \u043a\u043b\u0438\u0435\u043d\u0442 \u043e\u0442 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u043e\u0432.  <\/p>\n<pre><code>    if ($args ~* \"_escaped_fragment_=\") {         set $prerender 1;     } <\/code><\/pre>\n<p>\u0423\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c prerender \u0432 \u0441\u043b\u0443\u0447\u0430\u0435 ?_escaped_fragment_=<\/p>\n<p>\u0422\u0430\u043a \u0436\u0435 \u0431\u0435\u0440\u0435\u043c \u043e\u0433\u0440\u043e\u043c\u043d\u044b\u0439 \u0441\u043f\u0438\u0441\u043e\u043a \u044e\u0437\u0435\u0440-\u0430\u0433\u0435\u043d\u0442\u043e\u0432 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u043e\u0432 \u0438 \u0432\u043e \u0432\u0441\u0435\u0445 \u0441\u043b\u0443\u0447\u0430\u044f\u0445 \u0443\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c prerender \u0432 1.<\/p>\n<p>\u0414\u043b\u044f \u043a\u0430\u0440\u0442\u0438\u043d\u043e\u043a \u0438 \u0444\u0430\u0439\u043b\u043e\u0432 &#8212; \u043c\u043e\u0436\u043d\u043e \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f \u043a \u0441\u0435\u0440\u0432\u0435\u0440\u0443 \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e \u0431\u0435\u0437 \u043f\u0440\u0435\u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430, \u0442\u0430\u043a \u0431\u044b\u0441\u0442\u0440\u0435\u0435.<\/p>\n<p>\u0422\u0435\u043f\u0435\u0440\u044c \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u043c \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u0441\u0430\u043c \u0441\u0435\u0440\u0432\u0435\u0440 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430. \u0418 \u043f\u0435\u0440\u0435\u0434 \u0442\u0435\u043c \u043a\u0430\u043a \u043d\u0430\u0447\u0430\u0442\u044c \u043d\u0443\u0436\u043d\u043e \u0440\u0435\u0448\u0438\u0442\u044c \u043e\u0434\u043d\u0443 \u0438\u0437 \u0444\u0443\u043d\u0434\u0430\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0442\u0430\u043a\u043e\u0439 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438. \u0425\u043e\u0442\u0438\u043c \u043b\u0438 \u043c\u044b \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0442\u044c \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043d\u0430 \u043a\u0430\u0436\u0434\u044b\u0439 \u0437\u0430\u043f\u0440\u043e\u0441, \u0438\u043b\u0438 \u0445\u043e\u0442\u0438\u043c \u0447\u0442\u043e\u0431\u044b \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u043b\u0438\u0441\u044c \u043a\u0430\u0436\u0434\u044b\u0439 \u0432 \u0441\u0432\u043e\u0435\u0439 \u0432\u043a\u043b\u0430\u0434\u043a\u0435? \u041e\u0442\u0432\u0435\u0442 \u0441 \u0442\u043e\u0447\u043a\u0438 \u0431\u044b\u0441\u0442\u0440\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 \u043e\u0447\u0435\u0432\u0438\u0434\u0435\u043d &#8212; \u043b\u0443\u0447\u0448\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u0432\u043e \u0432\u043a\u043b\u0430\u0434\u043a\u0430\u0445. \u041d\u043e \u044d\u0442\u043e \u0432 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u0439 \u043c\u0435\u0440\u0435 \u0438\u0434\u0435\u0442 \u0432 \u0440\u0430\u0437\u0440\u0435\u0437 \u0441 \u0442\u0435\u043c \u043a\u0430\u043a \u043f\u043e \u043e\u0444\u0444. \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 Puppeteer, \u0435\u043c\u0443 \u0431\u043e\u043b\u044c\u0448\u0435 \u043d\u0440\u0430\u0432\u0438\u0442\u044c\u0441\u044f \u0432\u0441\u0435 \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0442\u044c \u0437\u0430\u043d\u043e\u0432\u043e.<br \/>\u0417\u0430 \u0442\u043e \u0447\u0442\u043e \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0442\u044c \u0432\u043a\u043b\u0430\u0434\u043a\u0438 \u043c\u044b \u0435\u0449\u0435 \u043f\u043e\u043f\u043b\u0430\u0442\u0438\u043c\u0441\u044f, \u043d\u043e \u043e\u0431 \u044d\u0442\u043e\u043c \u043d\u0438\u0436\u0435. \u0415\u0441\u043b\u0438 \u043a\u0440\u0430\u0442\u043a\u043e, \u0442\u043e \u0447\u0435\u043c \u043d\u0430\u043c \u044d\u0442\u043e \u0430\u0443\u043a\u043d\u0435\u0442\u0441\u044f &#8212; \u044d\u0442\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435\u0433\u043e \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044f \u043f\u0430\u043c\u044f\u0442\u0438 \u0440\u0435\u043d\u0434\u0435\u0440\u0435\u0449\u0435\u0433\u043e \u0441\u0435\u0440\u0432\u0435\u0440\u0430.<\/p>\n<h2>\u0420\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f<\/h2>\n<p>\u0420\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f index.js \u0434\u043b\u044f nodejs.<\/p>\n<p>\u0414\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u0435\u043c \u0431\u0440\u0430\u0443\u0437\u0435\u0440<\/p>\n<pre><code>let browser; async function init() {   browser = await puppeteer.launch({headless: 'old', protocolTimeout: 0});   server.listen(5300); } init();<\/code><\/pre>\n<p>\u0422\u0443\u0442 \u0432\u0440\u043e\u0434\u0435 \u0432\u0441\u0435 \u043f\u043e\u043d\u044f\u0442\u043d\u043e &#8212; \u0441\u0442\u0430\u0440\u0442\u0443\u0435\u043c \u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u043c express \u043d\u0430 5300 \u043f\u043e\u0440\u0442\u0435. \u041e\u043d \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0442\u044c \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043e\u0442 Nginx.<\/p>\n<p>\u041e\u0442\u0434\u0435\u043b\u044c\u043d\u043e \u0441\u0442\u043e\u0438\u0442 \u043f\u043e\u0434\u043c\u0435\u0442\u0438\u0442\u044c headless: &#8216;old&#8217; \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u0437\u0430\u043f\u0443\u0441\u043a\u0430 &#8212; \u043f\u043e \u043c\u043e\u0435\u043c\u0443 \u043e\u043f\u044b\u0442\u0443 \u2018new\u2019 \u0432\u0435\u0440\u0441\u0438\u044f \u0432\u0435\u043b\u0430 \u0441\u0435\u0431\u044f \u043d\u0435\u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u043e. protocolTimeout \u041e\u0442\u043a\u043b\u044e\u0447\u0430\u0435\u043c.<\/p>\n<p>\u041a\u0430\u043a \u0443\u0436\u0435 \u0431\u044b\u043b\u043e \u0441\u043a\u0430\u0437\u0430\u043d\u043e \u0432\u044b\u0448\u0435, \u0442\u0435\u043f\u0435\u0440\u044c \u0443 \u043d\u0430\u0441 \u043e\u0434\u043d\u0430 \u0441\u0435\u0441\u0441\u0438\u044f \u0445\u0440\u043e\u043c\u0430 \u043d\u0430 \u0432\u0441\u0435. \u0410 \u0445\u0440\u043e\u043c \u044d\u0442\u043e \u0434\u0435\u043b\u043e \u0442\u043e\u043d\u043a\u043e\u0435, \u043d\u0430\u0432\u0435\u0440\u043d\u043e\u0435 \u043c\u043d\u043e\u0433\u0438\u0435 \u0437\u0430\u043c\u0435\u0447\u0430\u043b\u0438 \u043a\u0430\u043a \u0443\u0442\u0435\u043a\u0430\u0435\u0442 \u0443 \u043d\u0435\u0433\u043e \u043f\u0430\u043c\u044f\u0442\u044c \u043f\u043e\u0441\u043b\u0435 \u0447\u0430\u0441\u0430 \u0440\u0430\u0431\u043e\u0442\u044b. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043b\u0443\u0447\u0448\u0435 \u043f\u0435\u0440\u0435\u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u0435\u0433\u043e \u0433\u0434\u0435-\u0442\u043e \u0447\u0435\u0440\u0435\u0437 \u0447\u0430\u0441, \u043e\u0441\u0432\u043e\u0431\u043e\u0434\u0438\u0432 \u043f\u0430\u043c\u044f\u0442\u044c \u0438 \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0432 \u0441\u0435\u0441\u0441\u0438\u044e \u0441 \u043d\u0443\u043b\u044f.<\/p>\n<pre><code>let browserReopen = false; setInterval(async () => {    browserReopen = true;    await browser.close();    browser = await<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-361294","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/361294","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=361294"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/361294\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=361294"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=361294"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=361294"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}