{"id":220841,"date":"2014-04-25T17:34:02","date_gmt":"2014-04-25T13:34:02","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=220841"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=220841","title":{"rendered":"<span class=\"post_title\">N2O: Erlang Web-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u043d\u0430 WebSockets<\/span>"},"content":{"rendered":"<div class=\"content html_format\">\n<h4>\u0412\u0412\u0415\u0414\u0415\u041d\u0418\u0415<\/h4>\n<p>  \u0414\u0430\u043d\u043d\u044b\u0439 \u043f\u043e\u0441\u0442 \u043f\u043e\u0434\u0440\u0430\u0437\u0443\u043c\u0435\u0432\u0430\u0435\u0442 \u0445\u043e\u0440\u043e\u0448\u0435\u0435 \u0438\u043d\u0442\u0440\u043e \u0432 N2O \u043d\u0430 \u0440\u0443\u0441\u0441\u043a\u043e\u043c.<\/p>\n<p>  \u0427\u0442\u043e \u0442\u0430\u043a\u043e\u0435 <b>Erlang\/OTP Web Framework N2O<\/b> \u0438 \u0432 \u0447\u0451\u043c \u0435\u0433\u043e \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u0447\u0435\u0440\u0442\u044b, \u043c\u043e\u0436\u043d\u043e \u0443\u0437\u043d\u0430\u0442\u044c \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0432 <a href=\"https:\/\/github.com\/5HT\/n2o\">github<\/a> \u0438 \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u043c \u0441\u0430\u0439\u0442\u0435 <a href=\"http:\/\/synrc.com\/framework\/web\/\">SynRC<\/a>. \u0422\u0430\u043c \u0432\u0441\u0451 \u043a\u0430\u043a \u0432\u044b \u043b\u044e\u0431\u0438\u0442\u0435 \u0441 \u0433\u0440\u0430\u0444\u0438\u043a\u0430\u043c\u0438 \u0438 \u043f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0438\u044f\u043c\u0438.<\/p>\n<p>  \u0410 \u0437\u0434\u0435\u0441\u044c \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u044b \u0440\u0430\u0431\u043e\u0442\u044b \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430 \u0438 \u043f\u043e\u0433\u043e\u0432\u043e\u0440\u0438\u043c \u043e \u0432\u0435\u0447\u043d\u043e\u043c. <a name=\"habracut\"><\/a><\/p>\n<p>  \u0420\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0435\u043c\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f N2O: 1.1.0<br \/>  \u0412\u0441\u0435\u0433\u0434\u0430 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u0435\u0435 \u0432\u0438\u0434\u0435\u0442\u044c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442, \u043d\u0435\u0436\u0435\u043b\u0438 \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u044c \u043e \u043d\u0451\u043c, \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c N2O \u0441\u0435\u0431\u0435 \u043d\u0430 \u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440 \u0430 \u0443\u0436\u0435 \u043f\u043e\u0442\u043e\u043c \u0432\u043d\u0438\u043a\u0430\u0442\u044c \u0432 \u0435\u0433\u043e \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u043e\u0441\u0442\u0438. \u0422\u0430\u043a \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u0435\u0435.<\/p>\n<p>  \u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043e\u0442\u0432\u0435\u0442\u044b \u043d\u0430 \u0432\u043e\u0437\u043d\u0438\u043a\u0448\u0438\u0435 \u0432\u043e\u043f\u0440\u043e\u0441\u044b \u0438 \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 \u043c\u043e\u0436\u043d\u043e \u043d\u0430 \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u043c \u043a\u0430\u043d\u0430\u043b\u0435 IRC <b>#n2o<\/b> \u043d\u0430 FreeNode.net.<\/p>\n<h4>\u0423\u0421\u0422\u0410\u041d\u041e\u0412\u041a\u0410<\/h4>\n<p>  \u0423\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c Erlang \u0435\u0441\u043b\u0438 \u043e\u043d \u0435\u0449\u0451 \u043d\u0435 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d. \u0423\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043b\u0438.<\/p>\n<p>  \u0421\u043a\u0430\u0447\u0438\u0432\u0430\u0435\u043c N2O, \u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u043c \u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u043c:<\/p>\n<pre><code class=\"bash\">git clone git:\/\/github.com\/5HT\/n2o.git cd n2o\/samples make && make console<\/code><\/pre>\n<p>  \u0421\u043c\u043e\u0442\u0440\u0438\u043c: <code>http:\/\/127.0.0.1:8000\/<\/code><\/p>\n<p>  <img decoding=\"async\" alt=\"N2O: Erlang Web Framework in Safari\" src=\"http:\/\/habrastorage.org\/getpro\/habr\/post_images\/46d\/ef5\/236\/46def5236bbd75d009ab8ceb0b16305b.png\"\/><\/p>\n<p>  \u041e\u0442\u043a\u0440\u044b\u0432 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043e\u043a\u043e\u043d \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0447\u0430\u0442\u0438\u0442\u044c\u0441\u044f \u0441\u0430\u043c\u043e\u043c\u0443 \u0441 \u0441\u043e\u0431\u043e\u0439.<\/p>\n<h4>\u041c\u041d\u041e\u0413\u041e \u0422\u0415\u041e\u0420\u0418\u0418<\/h4>\n<p>  <\/p>\n<h5>\u041d\u0418\u0428\u0410<\/h5>\n<p>  \u041f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d \u0432 \u043f\u0435\u0440\u0432\u0443\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c \u0434\u043b\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c\u044b\u0445 \u0440\u0435\u0448\u0435\u043d\u0438\u0439 \u0441 \u043d\u0438\u0437\u043a\u043e\u0439 \u0437\u0430\u0434\u0435\u0440\u0436\u043a\u043e\u0439 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u0438\u0445 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432.<br \/>  \u041e\u043d\u043b\u0430\u0439\u043d-\u0438\u0433\u0440\u044b, \u0447\u0430\u0442\u044b, \u0438\u043d\u0441\u0442\u0430\u0433\u0440\u0430\u043c\u043c\u044b, \u0442\u0432\u0438\u0442\u043e\u0440\u044b \u2014 \u044d\u0442\u043e \u043d\u0435 \u0441\u043e\u0432\u0441\u0435\u043c \u0442\u043e, \u0434\u043b\u044f \u0447\u0435\u0433\u043e \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u043b\u0441\u044f Erlang, \u043d\u043e \u0442\u043e, \u0433\u0434\u0435 \u043d\u0443\u0436\u043d\u043e \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f N2O.<\/p>\n<h5>\u041f\u041e\u0414 \u041a\u0410\u041f\u041e\u0422\u041e\u041c<\/h5>\n<p>  N2O \u044d\u0442\u043e \u043f\u0435\u0440\u0435\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043d\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442 Nitrogen \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u0437\u0430\u0433\u0440\u0443\u0441\u0442\u0438\u043b. \u0412 N2O \u043c\u044b \u0438\u043c\u0435\u0435\u043c \u0431\u044b\u0441\u0442\u0440\u0435\u0439\u0448\u0438\u0439 \u0432\u044d\u0431 \u0441\u0435\u0440\u0432\u0435\u0440 Cowboy, \u0440\u0430\u0431\u043e\u0442\u0443 \u0447\u0435\u0440\u0435\u0437 WebSockets, \u043e\u0431\u043c\u0435\u043d \u0431\u0438\u043d\u0430\u0440\u043d\u044b\u043c\u0438 \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u0432\u0435\u0437\u0434\u0435 \u0433\u0434\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e, HTML \u0438 DTL \u0448\u0430\u0431\u043b\u043e\u043d\u044b, \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e JavaScript \u0431\u0435\u0437 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0438\u0445 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a.<\/p>\n<p>  \u0421\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435 \u0432\u0435\u0431-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432 \u043d\u0430 Erlang \u043c\u043e\u0436\u043d\u043e \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u043f\u043e <a href=\"https:\/\/github.com\/ChicagoBoss\/ChicagoBoss\/wiki\/Comparison-of-Erlang-Web-Frameworks\">\u0441\u0441\u044b\u043b\u043a\u0435<\/a>.<\/p>\n<p>  \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f:  <\/p>\n<ul>\n<li>NoSQL \u0440\u0435\u0448\u0435\u043d\u0438\u0439, \u0442\u0430\u043a\u0438\u0445 \u043a\u0430\u043a Mnesia, RIAK, KAI \u0447\u0435\u0440\u0435\u0437 \u043f\u0440\u043e\u0441\u0442\u0443\u044e \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u0443\u044e \u043c\u043e\u0434\u0435\u043b\u044c \u0432 \u0432\u0438\u0434\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f <a href=\"https:\/\/github.com\/5HT\/kvs_core\">KVS<\/a>.<\/li>\n<li>\u0411\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u0438 <a href=\"https:\/\/github.com\/synrc\/avz\">AVZ<\/a> (Facebook, Google, Twitter, Github, Microsoft).<\/li>\n<li>\u0411\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 MQ-\u043e\u0447\u0435\u0440\u0435\u0434\u0435\u0439 <a href=\"https:\/\/github.com\/synrc\/mqs\">MQS<\/a> \u0434\u043b\u044f RabbitMQ.<\/li>\n<li>\u0418\u043d\u0442\u0435\u0440\u043f\u0440\u0435\u0442\u0430\u0442\u043e\u0440\u0430 Erlang \u043a\u043e\u0434\u0430 \u0432 JavaScript \u0441 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c\u044e \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0446\u0438\u0438 \u2014 <a href=\"https:\/\/github.com\/5HT\/shen\">Shen<\/a>.<\/li>\n<li>\u041b\u044e\u0431\u044b\u0445 \u0434\u0440\u0443\u0433\u0438\u0445 Erlang \u0440\u0435\u0448\u0435\u043d\u0438\u0439, \u043f\u0440\u043e\u0441\u0442\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0432 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435.<\/li>\n<\/ul>\n<p>  \u0412 N2O \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u0430 \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0446\u0438\u044f \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u043e\u0432 \u043d\u0430 \u043b\u0435\u0442\u0443, \u0434\u0430\u0436\u0435 \u0431\u0435\u0437 \u043f\u043e\u0440\u0447\u0438 \u043e\u0442\u043a\u0440\u044b\u0442\u044b\u0445 \u0441\u0435\u0441\u0441\u0438\u0439, \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 <a href=\"https:\/\/github.com\/rustyio\/sync\">Sync<\/a>. \u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u0432\u0441\u0451 \u0447\u0435\u043b\u043e\u0432\u0435\u0447\u043d\u0435\u0435.  <\/p>\n<blockquote><p><i>\u0421 Sync \u0442\u044b \u043c\u043e\u0436\u0435\u0448\u044c \u043a\u043e\u0434\u0438\u0442\u044c \u0431\u0435\u0437 \u0434\u0440\u043e\u0447\u0438\u043b\u043e\u0432\u0430<\/i> (\u043f\u0435\u0440\u0435\u0432.)<\/p><\/blockquote>\n<p>  \u041e\u0431\u043c\u0435\u043d \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 \u0441 \u043a\u043b\u0438\u0435\u043d\u0442\u0430\u043c\u0438 \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u0442\u0441\u044f \u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u043e\u043c WebSockets \u0438 \u0438\u043c\u0435\u0435\u0442 \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u043e\u0432\u0435\u0440\u0445\u0435\u0434. \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0435 \u0444\u043e\u0440\u043c\u0430\u0442\u044b \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0435\u043c\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445:  <\/p>\n<ul>\n<li><b>BLOB<\/b> (RAW Binary), \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e \u0434\u043b\u044f \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439<\/li>\n<li><b>Bert Encoded<\/b>, \u0434\u043b\u044f Erlang-\u0442\u0435\u0440\u043c\u043e\u0432<\/li>\n<li><b>Pickled<\/b>, \u0437\u0430\u043a\u043e\u0434\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 Base64, \u043b\u0438\u0431\u043e AES\/RIPEMD160<\/li>\n<\/ul>\n<p>  \u041a\u043b\u0430\u0441\u0442\u0435\u0440\u0438\u0437\u0430\u0446\u0438\u044f \u0438 \u043e\u0442\u043a\u0430\u0437\u043e\u0443\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u043e\u0441\u0442\u044c \u0434\u043b\u044f \u0412\u0435\u0431\u0430 \u0441\u0442\u0430\u043b\u0430 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u043a\u0430\u043a \u043d\u0438\u043a\u043e\u0433\u0434\u0430 \u043f\u0440\u0435\u0436\u0434\u0435, \u0441 \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0439 \u043f\u0440\u043e\u0441\u0442\u043e\u0442\u043e\u0439 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438.  <\/p>\n<blockquote><p>_5HT: \u0427\u0442\u043e\u0431\u044b \u0442\u044b \u043d\u0435 \u0435___c\u044f. \u0422\u0432\u043e\u0435 \u0434\u0435\u043b\u043e \u043a\u043b\u0430\u0446-\u043a\u043b\u0430\u0446 \u0438 \u0432 \u043f\u0440\u043e\u0434\u0430\u043a\u0448\u0435\u043d<\/p><\/blockquote>\n<h5>\u041c\u041e\u0414\u0415\u041b\u042c \u041f\u041e\u0412\u0415\u0414\u0415\u041d\u0418\u042f<\/h5>\n<p>  N2O \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d \u043a\u0430\u043a \u0438 \u0441\u0430\u043c Erlang \u043d\u0430 \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439, \u043d\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0435 \u043e\u0442 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430 \u043a \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0443, \u0430 \u043e\u0442 \u043a\u043b\u0438\u0435\u043d\u0442\u0430 \u043a \u0441\u0435\u0440\u0432\u0435\u0440\u0443. \u041d\u0430\u0437\u043e\u0432\u0443 \u044d\u0442\u043e \u0441\u043e\u0431\u044b\u0442\u0438\u0439\u043d\u043e\u0439 \u043c\u043e\u0434\u0435\u043b\u044c\u044e.<\/p>\n<p>  \u041e\u043f\u0438\u0448\u0435\u043c \u0442\u0430\u0439\u043c\u043b\u0430\u0439\u043d \u0440\u0430\u0431\u043e\u0442\u044b \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u043e\u0433\u043e \u0432 N2O \u043f\u0440\u0438\u043c\u0435\u0440\u0430 n2o_sample.  <\/p>\n<ol>\n<li>\u041f\u0440\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b <code>\/index<\/code> \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0443 \u043f\u0435\u0440\u0435\u0434\u0430\u0451\u0442\u0441\u044f HTML \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0430, \u043e\u043f\u0438\u0441\u0430\u043d\u043d\u0430\u044f \u0432 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 <code>index:body()<\/code>.<\/li>\n<li>\u041d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f JavaScript, \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u044e\u0449\u0438\u0439 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0447\u0435\u0440\u0435\u0437 WebSocket.<\/li>\n<li>\u0417\u0430\u0442\u0435\u043c \u043f\u043e WebSocket \u043f\u0435\u0440\u0435\u0434\u0430\u0451\u0442\u0441\u044f \u043f\u043e\u043b\u0435\u0437\u043d\u0430\u044f \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0432 \u0432\u0438\u0434\u0435 JavaScript \u043a\u043e\u0434\u0430, \u0438 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u0447\u0435\u0440\u0435\u0437 <code>index:event(init)<\/code>. \u0417\u0434\u0435\u0441\u044c \u043e\u0434\u043d\u0430 \u0438\u0437 \u0440\u043e\u043b\u0435\u0439 JavaScript \u2014 \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0434\u043b\u044f \u043a\u043d\u043e\u043f\u043a\u0438 \u043d\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u0432 \u0432\u0438\u0434\u0435 JS-\u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043e \u043d\u0430\u0436\u0430\u0442\u0438\u0438.<\/li>\n<li>\u041f\u043e\u0441\u043b\u0435 \u043a\u043b\u0430\u0446\u0430\u043d\u044c\u044f \u043f\u043e \u043a\u043d\u043e\u043f\u043a\u0435, \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440 \u043f\u0440\u0438\u0435\u0437\u0436\u0430\u0435\u0442 Bert-Encoded \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u043f\u043e\u0434 <s>\u0433\u0440\u0438\u0431\u0430\u043c\u0438<\/s> Base64 \u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f <code>index:event(Term)<\/code> \u0433\u0434\u0435 <code>Term<\/code> \u2014 \u044d\u0442\u043e \u0442\u0435\u0440\u043c, \u043e\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0439 \u0432 \u043f\u043e\u043b\u0435 \u0440\u0435\u043a\u043e\u0440\u0434\u0430 \u043a\u043d\u043e\u043f\u043a\u0438: <code>#button.postback<\/code>. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043a\u043d\u043e\u043f\u043a\u0430 <code>#button{postback=sasay}<\/code> \u043f\u043e\u0441\u043b\u0435 \u043d\u0430\u0436\u0430\u0442\u0438\u044f \u043f\u0440\u0438\u043d\u0443\u0434\u0438\u0442 \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u044c\u0441\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044e <code>index:event(sasay).<\/code><\/li>\n<li>\u0421\u0435\u0440\u0432\u0435\u0440, \u0432 \u0441\u0432\u043e\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c, \u0442\u0430\u043a\u0436\u0435 \u0432 \u043b\u044e\u0431\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u043c\u043e\u0436\u0435\u0442 \u043e\u0442\u0441\u044b\u043b\u0430\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0443. \u0415\u0441\u043b\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u0448\u043b\u044e\u0442\u0441\u044f \u0438\u0437 \u0434\u0440\u0443\u0433\u043e\u0433\u043e \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430 <code>\u0425<\/code>, \u0442\u043e \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u0441\u043e\u0431\u043b\u044e\u0434\u0435\u043d\u044b \u0443\u0441\u043b\u043e\u0432\u0438\u044f: \u0432 <code>index:event(init)<\/code> \u0433\u043b\u0430\u0432\u043d\u044b\u0439 \u043f\u0440\u043e\u0446\u0435\u0441\u0441, \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u044e\u0449\u0438\u0439 \u043a\u043b\u0438\u0435\u043d\u0442\u0430 (\u0432\u043a\u043b\u0430\u0434\u043a\u0443 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430), \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043d \u043f\u043e\u0434 \u043d\u0435\u043a\u0438\u043c \u0438\u043c\u0435\u043d\u0435\u043c \u0432\u044b\u0437\u043e\u0432\u043e\u043c <code>wf:reg\/1<\/code>, \u0430 \u0432 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0435 <code>\u0425<\/code> \u043f\u043e\u0441\u043b\u0435 \u043e\u043a\u043e\u043d\u0447\u0430\u043d\u0438\u044f <b>\u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u0438 \u043a\u043e\u0434\u0430 \u0434\u043b\u044f \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f<\/b> \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b (<code>wf:insert\/2<\/code>, <code>wf:wire\/1<\/code> \u0438 \u0442.\u043f.) \u0434\u043e\u043b\u0436\u043d\u0430 \u0431\u044b\u0442\u044c \u0432\u044b\u0437\u0432\u0430\u043d\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u044f <code>wf:flush\/1<\/code> \u0434\u043b\u044f <b>\u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u043a\u043e\u0434\u0430 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f<\/b> \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0443, \u0433\u0434\u0435 \u043e\u043d \u0437\u0430\u0442\u0435\u043c \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d JS-\u043c\u0430\u0448\u0438\u043d\u043e\u0439.<\/li>\n<\/ol>\n<p>  \u041f\u0435\u0440\u0432\u043e\u0435 \u0447\u0442\u043e \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 \u043d\u0430 \u0443\u043c \u2014 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438 \u0438\u0437\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u043d\u0435 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u0432\u044b\u0437\u043e\u0432\u043e\u0432 \u0444\u0443\u043d\u043a\u0446\u0438\u0439 \u0438\u0437 \u0444\u0430\u0439\u043b\u0430 \u0441 JavaScript, \u0430 \u043e\u0441\u043d\u043e\u0432\u044b\u0432\u0430\u044f\u0441\u044c \u043d\u0430 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u043e\u043c JavaScript \u043e\u0442 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c \u0432\u0440\u0435\u043c\u0435\u043d\u0438.<\/p>\n<p>  \u0418 \u044d\u0442\u043e \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0439 \u0440\u0435\u0436\u0438\u043c \u0434\u043b\u044f \u0432\u044d\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0431\u0435\u0437 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043a\u043e\u0441\u0442\u044b\u043b\u0435\u0439 \u0432\u0440\u043e\u0434\u0435 AJAX \u0438 LongPooling Comet. \u0411\u0443\u0434\u0443\u0449\u0435\u0435 \u0443\u0436\u0435 \u0437\u0434\u0435\u0441\u044c, \u043a\u043e\u0442\u044f\u0442\u0430. \u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0435\u043c\u0443 \u2014 WebSockets.<\/p>\n<p>  \u0422\u0430\u0431\u043b\u0438\u0446\u0443 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 WS \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u043c\u0438 \u043c\u043e\u0436\u043d\u043e \u0443\u0432\u0438\u0434\u0435\u0442\u044c <a href=\"http:\/\/caniuse.com\/websockets\">\u0437\u0434\u0435\u0441\u044c<\/a>, \u0430 \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u0441\u0432\u043e\u0439 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 <a href=\"http:\/\/websocketstest.com\/\">\u0437\u0434\u0435\u0441\u044c<\/a>.<\/p>\n<h4>\u041f\u041e\u0414\u0420\u041e\u0411\u041d\u0415\u0415 \u041e \u0421\u0422\u0420\u0423\u041a\u0422\u0423\u0420\u0415 \u041f\u0420\u0418\u041b\u041e\u0416\u0415\u041d\u0418\u0419<\/h4>\n<p>  \u0415\u0441\u043b\u0438 \u0437\u043d\u0430\u043a\u043e\u043c\u0441\u0442\u0432\u043e \u0441 Erlang \u043f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u043e \u043d\u0435\u0434\u0430\u0432\u043d\u043e \u0438\u043b\u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0442\u043e, \u0441\u043a\u043e\u0440\u0435\u0435 \u0432\u0441\u0435\u0433\u043e \u0432\u043e\u0437\u043d\u0438\u043a\u043d\u0443\u0442 \u0432\u043e\u043f\u0440\u043e\u0441\u044b: \u0447\u0442\u043e \u0433\u0434\u0435 \u043b\u0435\u0436\u0438\u0442 \u0438 \u0432 \u043a\u0430\u043a\u043e\u043c \u043c\u0435\u0441\u0442\u0435 \u043f\u0440\u043e\u044f\u0432\u043b\u044f\u0442\u044c \u0441\u0432\u043e\u0439 \u043a\u0440\u0435\u0430\u0442\u0438\u0432.<\/p>\n<p>  <img decoding=\"async\" alt=\"image\" src=\"http:\/\/habrastorage.org\/getpro\/habr\/post_images\/b49\/487\/3d3\/b494873d3631e66de48b532a2728c18f.png\"\/><\/p>\n<p>  \u0412\u044b\u0434\u0435\u043b\u0435\u043d\u044b \u0442\u0435 \u043f\u0430\u043f\u043a\u0438 \u0438 \u0444\u0430\u0439\u043b\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u043f\u043e\u0434\u0432\u0435\u0440\u0436\u0435\u043d\u044b \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044e. \u0420\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u0447\u0430\u0441\u0442\u0438.<\/p>\n<h5>n2o_sample<\/h5>\n<p>  N2O \u0443\u0436\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0432 \u0441\u0435\u0431\u0435 \u043f\u0440\u0438\u043c\u0435\u0440 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u2014 <b>n2o_sample<\/b>. n2o_sample \u2014 \u044d\u0442\u043e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0435 Erlang \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043d\u0430 N2O. \u041a\u0430\u043a \u0432\u0438\u0434\u043d\u043e \u043d\u0430 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0435 \u0432\u044b\u0448\u0435, \u043e\u043d\u043e \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0438 <b><code>apps\/<\/code><\/b> \u2014 \u044d\u0442\u043e \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439, \u043c\u043e\u0436\u0435\u043c \u0434\u043e\u0432\u0430\u0432\u043b\u044f\u0442\u044c \u0442\u0443\u0434\u0430 \u0441\u0432\u043e\u0438, \u0435\u0441\u043b\u0438 \u043f\u043e\u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u044c n2o_sample \u043d\u0430 \u0434\u0432\u0430 \u0438\u043b\u0438 \u0431\u043e\u043b\u0435\u0435 \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f.<\/p>\n<p>  \u0422\u0430\u043a\u0436\u0435 n2o_sample, \u043a\u043e\u043d\u0435\u0447\u043d\u043e \u0436\u0435, \u043c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u0442\u044c \u0438\u043b\u0438 \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c \u0447\u0435\u043c-\u043d\u0438\u0431\u0443\u0434\u044c \u0434\u0440\u0443\u0433\u0438\u043c. \u041d\u043e \u0434\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430 \u044f \u0431\u044b \u043d\u0435 \u0441\u043e\u0432\u0435\u0442\u043e\u0432\u0430\u043b \u044d\u0442\u0438\u043c \u0437\u0430\u043d\u0438\u043c\u0430\u0442\u044c\u0441\u044f, \u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0438\u043c\u0435\u044e\u0449\u0438\u043c\u0441\u044f \u043a\u043e\u0434\u043e\u043c \u043a\u0430\u043a \u043e\u0442\u043f\u0440\u0430\u0432\u043d\u043e\u0439 \u0442\u043e\u0447\u043a\u043e\u0439 \u0432 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u0441\u0432\u043e\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f.<\/p>\n<h5>Application list<\/h5>\n<p>  \u041f\u0440\u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0435 n2o_sample, \u043e\u043d, \u043a\u0430\u043a \u0438 \u043f\u043e\u043b\u0430\u0433\u0430\u0435\u0442\u0441\u044f Erlang \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044e, \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442 \u0432\u0441\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043e\u0442 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0437\u0430\u0432\u0438\u0441\u0438\u0442 (\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u0438\u0437 <b><code>deps\/<\/code><\/b>, \u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0435, \u043f\u0440\u0438 \u0438\u0445 \u043d\u0430\u043b\u0438\u0447\u0438\u0438, \u0438\u0437 <b><code>apps\/<\/code><\/b> ). \u042d\u0442\u043e\u0442 \u043a\u043e\u0434 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432 <code>n2o_sample\/src\/web_app.erl<\/code>:<\/p>\n<pre><code class=\"erlang\">-module(web_app). -behaviour(application). -export([start\/2, stop\/1]).  start(_StartType, _StartArgs) -&gt;      application:start(crypto),     application:start(sasl),     application:start(ranch),     application:start(cowboy),     application:start(gproc),     application:start(mimetypes),     application:start(syntax_tools),     application:start(compiler),     application:start(erlydtl),     application:start(rest),     application:start(n2o)     web_sup:start_link().  stop(_State) -&gt; ok. <\/code><\/pre>\n<p>  \u0424\u0443\u043d\u043a\u0446\u0438\u044f <code>web_sup:start_link()<\/code> \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442 \u0441\u0430\u043c n2o_sample.<\/p>\n<p>  \u041d\u043e \u0435\u0441\u043b\u0438 \u043c\u044b \u0437\u0430\u0445\u043e\u0442\u0438\u043c \u0440\u0430\u0441\u0448\u0438\u0440\u0438\u0442\u044c \u044d\u0442\u043e\u0442 \u0441\u043f\u0438\u0441\u043e\u043a \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439 \u2014 \u043d\u0430\u0434\u043e \u0437\u043d\u0430\u0442\u044c, \u0447\u0442\u043e \u044d\u0442\u043e \u043d\u0435 \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435 \u043c\u0435\u0441\u0442\u043e \u0441 \u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u0435\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439. \u0422\u0430\u043a\u0436\u0435 \u043d\u0430\u0434\u043e \u043f\u043e\u0444\u0438\u043a\u0441\u0438\u0442\u044c \u0435\u0449\u0451 \u0434\u0432\u0430 \u0444\u0430\u0439\u0430: <b><code>reltool.config<\/code><\/b> \u0438 <b><code>.applist<\/code><\/b>, \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0441\u043e\u0437\u0434\u0430\u0451\u0442\u0441\u044f \u043f\u043e\u0441\u043b\u0435 \u043f\u0435\u0440\u0432\u043e\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u044b make \u0432 \u043a\u043e\u043d\u0441\u043e\u043b\u0438. \u0414\u0435\u0440\u0436\u0430\u0442\u044c \u0432 \u0442\u0440\u0451\u0445 \u043c\u0435\u0441\u0442\u0430\u0445 \u043e\u0434\u043d\u043e \u0438 \u0442\u043e \u0436\u0435 \u2014 \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0439 \u043a\u043e\u0441\u0442\u044b\u043b\u044c \u043e\u0442 @<a href=\"https:\/\/twitter.com\/darkproger\">darkproger<\/a>, \u043d\u043e \u043e\u043d \u043e\u0431\u0435\u0449\u0430\u043b \u0432\u0441\u0451 \u043f\u043e\u0444\u0438\u043a\u0441\u0438\u0442\u044c (\u043e\u0431\u0435\u0449\u0430\u043d\u043d\u043e\u0433\u043e \u0442\u0440\u0438 \u0433\u043e\u0434\u0430 \u0436\u0434\u0443\u0442).<\/p>\n<h5>sys.config<\/h5>\n<p>  \u0421\u044e\u0434\u0430 \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u044e\u0442\u0441\u044f \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439. \u0412 \u043e\u0434\u0438\u043d \u0444\u0430\u0439\u043b. \u0423\u0434\u043e\u0431\u043d\u043e. \u041f\u043e\u0442\u043e\u043c \u0438\u0437 \u043a\u043e\u0434\u0430 \u0437\u0432\u043e\u043d\u0438\u043c \u0432 <code>application:get_env(App,Key)<\/code> \u0438 \u0432\u0441\u0451.<\/p>\n<h5>vm.args<\/h5>\n<p>  \u0417\u0434\u0435\u0441\u044c \u043c\u043e\u0436\u043d\u043e \u0443\u043a\u0430\u0437\u0430\u0442\u044c \u043a\u043b\u044e\u0447\u0438 \u0434\u043b\u044f \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u043e\u0439 \u043c\u0430\u0448\u0438\u043d\u044b \u0430 \u0442\u0430\u043a\u0436\u0435 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f (\u0432\u043c\u0435\u0441\u0442\u043e <code>$ export SOME_PARAM=value<\/code>).<\/p>\n<h5>priv\/static\/<\/h5>\n<p>  \u0414\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u044f, \u043f\u0435\u0440\u0435\u0434\u0430\u043d\u043d\u0430\u044f \u0432\u0435\u0431-\u0441\u0435\u0440\u0432\u0435\u0440\u0443 Cowboy \u043a\u0430\u043a \u0444\u0430\u0439\u043b\u043e\u043f\u043e\u043c\u043e\u0439\u043a\u0430 \u201c\u0441\u0442\u0430\u0442\u0438\u043a\u0438\u201d. \u0417\u0434\u0435\u0441\u044c \u043c\u043e\u0436\u043d\u043e \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u0442\u044c JavaScript \u043a\u043e\u0434, \u0437\u0430\u043a\u0438\u0434\u044b\u0432\u0430\u0442\u044c \u043f\u0438\u043a\u0447\u0438 \u0438 \u0445\u0435\u043d\u0442\u0430\u0439. <code>n2o_sample\/src\/web_sup.erl<\/code>:<\/p>\n<pre><code class=\"erlang\">dispatch_rules() -&gt;     cowboy_router:compile(         [{'_', [             {&quot;\/static\/[...]&quot;, cowboy_static,                 {priv_dir, ?APP, &lt;&lt;&quot;static&quot;&gt;&gt;,                 [{mimetypes,cow_mimetypes,all}]}},                 **** <\/code><\/pre>\n<h4>\u0421\u0422\u0420\u0410\u041d\u0418\u0426\u042b<\/h4>\n<p>  \u0414\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 N2O \u0434\u0430\u0451\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f HTML \u0444\u0430\u0439\u043b\u043e\u0432 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442 \u043a\u0430\u043a DTL \u0448\u0430\u0431\u043b\u043e\u043d\u044b. \u0412 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0438 <code>deps\/erlydtl\/<\/code> \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 <b>ErlyDTL<\/b> \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u043e \u0434\u043b\u044f \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0446\u0438\u0438 DTL \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 \u0432 Erlang \u0431\u0430\u0439\u0442-\u043a\u043e\u0434.<\/p>\n<p>  \u0421\u0430\u043c\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u044b \u0440\u0430\u0441\u043f\u043e\u043b\u0430\u0433\u0430\u044e\u0442\u0441\u044f \u0432 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0438 <code>n2o_sample\/priv\/templates\/<\/code> \u0438 \u0432\u044b\u0433\u043b\u044f\u0434\u044f\u0442 \u043a\u0430\u043a HTML \u0444\u0430\u0439\u043b\u044b \u0441 \u043e\u0431\u044a\u044f\u0432\u043b\u0435\u043d\u0438\u044f\u043c\u0438 \u0432\u043d\u0435\u0448\u043d\u0438\u0445 \u0438\u0441\u0442\u043e\u0447\u043d\u0438\u043a\u043e\u0432 \u0434\u0430\u043d\u043d\u044b\u0445 \u0447\u0435\u0440\u0435\u0437 \u0441\u043b\u043e\u0432\u0430, \u0437\u0430\u043a\u043b\u044e\u0447\u0451\u043d\u043d\u044b\u0445 \u0432 \u0434\u0432\u043e\u0439\u043d\u044b\u0435 \u0444\u0438\u0433\u0443\u0440\u043d\u044b\u0435 \u0441\u043a\u043e\u0431\u043a\u0438 <code>{{ }}<\/code>.<\/p>\n<p>  \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u201c\u043d\u0430\u043a\u0438\u0434\u0430\u0442\u044c\u201d HTML \u043c\u0430\u043a\u0435\u0442 \u0441\u043e \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0435\u0439, \u0430 \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u0432\u044b\u043d\u0435\u0441\u0442\u0438 \u0432 Erlang \u043a\u043e\u0434 \u0447\u0435\u0440\u0435\u0437 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 <b><code>{{ }}<\/code><\/b>.<\/p>\n<p>  \u0414\u043b\u044f \u043f\u0440\u0438\u043c\u0435\u0440\u0430 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0442\u0435\u043b\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u0438 login:main\/0, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043e\u0442\u0434\u0430\u0451\u0442 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0443 \u043f\u0435\u0440\u0432\u043e\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043f\u0440\u0438 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0435 \u043f\u043e \u0430\u0434\u0440\u0435\u0441\u0443 <code>http:&#47;&#47;127.0.0.1\/login\/<\/code>:<\/p>\n<pre><code class=\"erlang\">#dtl{ file = &quot;login&quot;,       app=n2o_sample,       bindings=[                 {title,title()},                 {body,body()}                 ]}. <\/code><\/pre>\n<ul>\n<li>\u0417\u0434\u0435\u0441\u044c <b><code>login<\/code><\/b> \u2014 \u044d\u0442\u043e \u0438\u043c\u044f \u0448\u0430\u0431\u043b\u043e\u043d\u0430: \/priv\/static\/template\/index.html;<\/li>\n<li><b><code>title<\/code><\/b> \u0438 <b><code>body<\/code><\/b> \u2014 \u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u0432 HTML \u0448\u0430\u0431\u043b\u043e\u043d\u0435 {{title}} \u0438 {{body}};<\/li>\n<li><b><code>title()<\/code><\/b> \u0438 <b><code>body()<\/code><\/b> \u2014 \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d \u0432 HTML \u0448\u0430\u0431\u043b\u043e\u043d.<\/li>\n<\/ul>\n<h4>\u0421\u041e\u0411\u042b\u0422\u0418\u042f<\/h4>\n<p>  \u041e\u0431\u043c\u0435\u043d \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u0432 N2O \u043d\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0435 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d \u0447\u0435\u0440\u0435\u0437 JavaScript, \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043f\u043e\u0434\u0433\u0440\u0443\u0436\u0430\u0435\u043c\u044b\u0445 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0444\u0430\u0439\u043b\u043e\u0432 <b><code>\/deps\/n2o_scripts\/n2o\/bullet.js<\/code><\/b> (\u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f WebSocket \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f) \u0438 <b><code>n2o.js<\/code><\/b> (\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445).<\/p>\n<p>  \u0421\u043e \u0441\u0442\u043e\u0440\u043e\u043d\u044b \u0441\u0435\u0440\u0432\u0435\u0440\u0430 \u044d\u043d\u0434\u043f\u043e\u0438\u043d\u0442\u0430\u043c\u0438 \u0441\u043b\u0443\u0436\u0430\u0442: <b><code>\/n2o\/src\/endpoints\/cowboy\/bullet_handler.erl<\/code><\/b> (\u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f WebSocket \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f) \u0438 <b><code>n2o_bullet.erl<\/code><\/b> (\u043e\u0431\u043c\u0435\u043d \u0434\u0430\u043d\u043d\u044b\u043c\u0438).<\/p>\n<h4>API<\/h4>\n<p>  \u0420\u0430\u0437\u0431\u0435\u0440\u0451\u043c \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 API-\u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u0441 \u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u0435\u0442 \u0431\u043e\u043b\u044c\u0448\u0435 \u0432\u0441\u0435\u0433\u043e \u0432\u043e\u043f\u0440\u043e\u0441\u043e\u0432 \u043f\u0440\u0438 \u0437\u043d\u0430\u043a\u043e\u043c\u0441\u0442\u0432\u0435 \u0441 N2O.<\/p>\n<h5>wf:comet\/1, wf:async\/1, wf:async\/2<\/h5>\n<p>  \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u044e\u0442 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u043f\u043e\u0434 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u043c \u0438\u043c\u0435\u043d\u0435\u043c (<code>\u201ccomet\u201d<\/code> \u0434\u043b\u044f <code>comet\/1<\/code> \u0438 <code>async\/1<\/code>) \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 \u043d\u043e\u0434\u044b \u0447\u0435\u0440\u0435\u0437 <code>global:register_name\/2<\/code>. \u0415\u0441\u043b\u0438 \u0443\u0436\u0435 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043d, \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u044e\u0442 \u0435\u0433\u043e Pid.<\/p>\n<h5>wf:flush\/1<\/h5>\n<p>  \u0418\u0437\u044b\u043c\u0430\u0435\u0442 \u0447\u0435\u0440\u0435\u0437 <code>wf_context:actions\/0<\/code> \u0441\u043e\u0445\u0440\u0430\u043d\u0451\u043d\u043d\u044b\u0435 \u0432 \u0441\u0442\u0435\u0439\u0442\u0435 \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438 \u043e\u0442\u0441\u044b\u043b\u0430\u0435\u0442 \u0438\u0445 \u0447\u0435\u0440\u0435\u0437 <code>wf:send\/2<\/code> \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0443 (\u0432 \u0440\u0430\u043c\u043a\u0430\u0445 \u043d\u043e\u0434\u044b), \u0438\u043c\u044f \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043f\u0435\u0440\u0435\u0434\u0430\u043d\u043e \u0432 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0435.<\/p>\n<h5>wf:reg\/1, wf:reg\/2 (?REGISTRATOR = n2o_mq)<\/h5>\n<p>  \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u044e\u0442 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u043a\u0430\u043a <a href=\"https:\/\/github.com\/uwiger\/gproc\/blob\/master\/doc\/gproc.md#type\">Property<\/a> \u043f\u043e\u0434 <b>\u043d\u0435<\/b>\u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u043c \u0438\u043c\u0435\u043d\u0435\u043c \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 \u043d\u043e\u0434\u044b \u0447\u0435\u0440\u0435\u0437 GProc. \u041f\u043e\u0432\u0442\u043e\u0440\u043d\u043e \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0447\u0435\u0440\u0435\u0437 GProc \u043f\u043e\u0434 \u0442\u0435\u043c \u0436\u0435 \u0438\u043c\u0435\u043d\u0435\u043c \u043d\u0435 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0441\u044f, \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u0445\u0440\u0430\u043d\u0438\u0442\u0441\u044f \u0432 \u0441\u0442\u0435\u0439\u0442\u0435 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430 (<code>get\/1<\/code>, <code>put\/1<\/code>) \u0438 \u0431\u0443\u0434\u0435\u0442 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0451\u043d \u0442\u0435\u0440\u043c <code>skip<\/code> (<code>n2o_mq.erl<\/code>). \u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0438\u043d\u0444\u0430 \u043d\u0430 \u0440\u0443\u0441\u0441\u043a\u043e\u043c \u043f\u043e Gproc <a href=\"https:\/\/github.com\/Zert\/gproc-tutorial#\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435-gproc\">\u0442\u0443\u0442<\/a>.<\/p>\n<p>  \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u043e\u043c \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043c\u043e\u0434\u0443\u043b\u044c <code>n2o_mq<\/code> \u043d\u043e \u0435\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0434\u043b\u044f \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 \u043a\u043b\u0430\u0441\u0442\u0435\u0440\u0430.<\/p>\n<h5>wf:send\/2 (?REGISTRATOR = n2o_mq)<\/h5>\n<p>  \u041e\u0442\u0441\u044b\u043b\u0430\u0435\u0442 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435, \u043f\u0435\u0440\u0435\u0434\u0430\u043d\u043d\u043e\u0435 \u0432 \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0432\u0442\u043e\u0440\u044b\u043c \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u043e\u043c, \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0443, \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u043c\u0443 \u0447\u0435\u0440\u0435\u0437 <code>wf:reg\/1<\/code> \u0438\u043b\u0438 <code>wf:reg\/2<\/code>.<\/p>\n<h5>wf:q\/1<\/h5>\n<p>  \u0418\u0437\u0432\u043b\u0435\u043a\u0430\u0435\u0442 \u0434\u0430\u043d\u043d\u044b\u0435, \u043f\u0435\u0440\u0435\u0434\u0430\u043d\u043d\u044b\u0435 \u043e\u0442 \u043a\u043b\u0438\u0435\u043d\u0442\u0430 \u0447\u0435\u0440\u0435\u0437, \u0442\u0430\u043a \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u043c\u044b\u0435, \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0439 \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0438, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440:<\/p>\n<pre><code class=\"erlang\">body() -&gt;     [ #textbox{ id=message },     #button{ postback={button_pressed}, source=[message] } ]. event({button_pressed}) -&gt;     wf:info(&quot;Message: ~p&quot;,[wf:q(message)]); <\/code><\/pre>\n<p>  \u0412 \u043a\u043e\u043d\u0441\u043e\u043b\u044c \u0431\u0443\u0434\u0435\u0442 \u043d\u0430\u043f\u0435\u0447\u0430\u0442\u0430\u043d \u0442\u0435\u043a\u0441\u0442, \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0449\u0438\u0439\u0441\u044f \u043d\u0430 \u043c\u043e\u043c\u0435\u043d\u0442 \u043d\u0430\u0436\u0430\u0442\u0438\u044f \u043a\u043d\u043e\u043f\u043a\u0438 \u0432 \u0442\u0435\u043a\u0441\u0442\u0431\u043e\u043a\u0441\u0435.<\/p>\n<h5>wf:qs\/1<\/h5>\n<p>  \u0418\u0437\u0432\u043b\u0435\u043a\u0430\u0435\u0442 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0438\u0437 HTTP \u0444\u043e\u0440\u043c, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440:<br \/>  <code>wf:qs(&#60;&#60;&#34;x&#34;&#62;&#62;)<\/code> \u0438\u0437\u0432\u043b\u0435\u0447\u0435\u0442 <code>&#60;&#60;&#34;ABC&#34;&#62;&#62;<\/code> \u0435\u0441\u043b\u0438 URL \u0431\u044b\u043b \u0431\u044b <code>http:\/\/localhost:8000\/index?x=ABC<\/code>.<\/p>\n<h5>wf:wire\/1<\/h5>\n<p>  \u041c\u043e\u0436\u0435\u0442 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0442\u044c \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u043e\u043c \u043a\u0430\u043a JavaScript \u0442\u0435\u043a\u0441\u0442, \u0442\u0430\u043a \u0438 \u0440\u0435\u043a\u043e\u0434\u044b \u0441\u043e\u0431\u044b\u0442\u0438\u0439, \u043e\u0431\u044a\u044f\u0432\u043b\u0435\u043d\u043d\u044b\u0435 \u0432 \u0441\u0435\u043a\u0446\u0438\u0438 \u201cActions\u201d \u0444\u0430\u0439\u043b\u0430 <code>\/n2o\/include\/wf.hrl<\/code>, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440: <code>wf:wire(#alert{text=&quot;\u041f\u0440\u0438\u0432\u0435\u0442!&quot;})<\/code>. JavaScript \u0431\u0443\u0434\u0435\u0442 \u0442\u0430\u043a\u0436\u0435 \u043e\u0431\u0451\u0440\u043d\u0443\u0442 \u0432 <code>#wire{actions=JS}<\/code>, \u0447\u0442\u043e \u043f\u0440\u0438\u0432\u0435\u0434\u0435\u0442 \u043a \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438 <code>wf:wire(#wire{sctions=JS})<\/code>.<\/p>\n<h5>wf:update\/2, wf:insert_top\/2, wf:remove\/1 \u0438 \u0434\u0440\u0443\u0433\u0438\u0435<\/h5>\n<p>  \u042d\u0442\u043e \u0447\u0430\u0441\u0442\u043d\u044b\u0435 \u0441\u043b\u0443\u0447\u0430\u0438 <code>wf:wire\/1<\/code>, \u0432\u043a\u043b\u044e\u0447\u0430\u044e\u0449\u0438\u0435 \u0433\u043e\u0442\u043e\u0432\u044b\u0439 JavaScript \u043a\u043e\u0434 \u0434\u043b\u044f \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f DOM \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u0430.<\/p>\n<h5>wf:info, wf:warning, wf:error<\/h5>\n<p>  \u042d\u0442\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u0442\u0441\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f, \u0432\u043c\u0435\u0441\u0442\u043e <code>error_logger:info_msg\/1<\/code> \u0438 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0445 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e.<\/p>\n<h5>wf:f, wf:to_list, wf:to_binary, wf:html_encode, wf:url_encode, wf:hex_encode \u0438 \u0434\u0440\u0443\u0433\u0438\u0435<\/h5>\n<p>  \u0420\u0430\u0441\u043f\u043e\u043b\u043e\u0433\u0430\u044e\u0442\u0441\u044f \u0432 \u0441\u0435\u043a\u0446\u0438\u0438 \u201cConvert and Utils API\u201d \u0444\u0430\u0439\u043b\u0430 <code>\/n2o\/src\/wf.erl<\/code>. \u0412\u0441\u0435 \u043e\u043d\u0438 \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u043d\u0430\u0434\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u043c\u0438 \u043d\u0430\u0434 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u043c\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u043c\u0438 Erlang, \u043d\u043e \u0431\u043e\u043b\u0435\u0435 \u0443\u043c\u043d\u044b\u0435 \u0438 \u043d\u0435 \u0442\u0430\u043a\u0438\u0435 \u0434\u0435\u0440\u0435\u0432\u044f\u043d\u043d\u044b\u0435. <code>wf:f<\/code> \u2014 \u0430\u043d\u0430\u043b\u043e\u0433 <code>io_lib:format<\/code>, \u0434\u0430\u043b\u0435\u0435 \u043f\u043e \u0441\u043f\u0438\u0441\u043a\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u0438-\u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0435\u0440\u044b \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044e\u0449\u0438\u0435 \u043d\u0430 \u0432\u0445\u043e\u0434 \u043b\u044e\u0431\u043e\u0439 \u0442\u0435\u0440\u043c, \u0437\u0430\u0442\u0435\u043c \u0431\u043e\u043b\u0435\u0435 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u044b\u0435 \u0434\u043b\u044f \u0432\u0435\u0431\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u0438. \u041d\u0435\u0442 \u0441\u043c\u044b\u0441\u043b\u0430 \u0438\u0445 \u0432\u0441\u0435 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e \u0437\u0434\u0435\u0441\u044c \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c, \u0431\u044b\u043b\u0430 \u0446\u0435\u043b\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c, \u0447\u0442\u043e \u043e\u043d\u0438 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0442.<\/p>\n<h5>wf:pickle\/1, wf:depickle\/1 (?PICKLER = n2o_pickle)<\/h5>\n<p>  \u041a\u043e\u0434\u0435\u0440 \u0438 \u0434\u0435\u043a\u043e\u0434\u0435\u0440 \u0442\u0435\u0440\u043c\u043e\u0432 \u0434\u043b\u044f \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0445 \u0432\u044b\u0437\u043e\u0432\u043e\u0432 \u043c\u0435\u0436\u0434\u0443 \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u043c \u0438 \u0441\u0435\u0440\u0432\u0435\u0440\u043e\u043c. <code>n2o_pickle<\/code> \u043a\u043e\u0434\u0438\u0440\u0443\u0435\u0442 \u0432 Base64, \u0430 n2o_secret \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0449\u0438\u0439 AES\/RIPEMD160 \u0448\u0438\u0444\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u043b\u044c\u043d\u044b\u043c \u043a\u043b\u044e\u0447\u043e\u043c.<\/p>\n<p>  \u041d\u0430 \u044d\u0442\u043e\u043c \u043f\u043e API \u0432\u0441\u0451, \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u0443\u044e \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0447\u0435\u0440\u043f\u043d\u0443\u0442\u044c \u0438\u0437 \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0439 \u0434\u043e\u043a\u0438 \u043f\u043e <a href=\"http:\/\/synrc.com\/framework\/web\/api.htm\">N2O API<\/a>.<\/p>\n<h4>\u0421\u0422\u041e\u0418\u0422 \u041e\u0411\u0420\u0410\u0422\u0418\u0422\u042c \u0412\u041d\u0418\u041c\u0410\u041d\u0418\u0415<\/h4>\n<p>  \u041d\u0438\u0436\u0435 \u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0435\u043d\u044b \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u044b\u0435 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u043d\u044b\u0435 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u044b <a href=\"http:\/\/synrc.com\/\">SynRC<\/a>, \u0441\u043f\u043e\u0441\u043e\u0431\u043d\u044b\u0435 \u0443\u0441\u043a\u043e\u0440\u0438\u0442\u044c \u0432 \u0434\u0435\u0441\u044f\u0442\u043a\u0438 \u0440\u0430\u0437 \u0432\u044b\u0432\u043e\u0434 \u0432 \u043f\u0440\u043e\u0434\u0430\u043a\u0448\u043d \u0412\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u043d\u0430 Erlang.<\/p>\n<h5>KVS<\/h5>\n<p>  <a href=\"https:\/\/github.com\/synrc\/kvs\">KVS<\/a> \u2014 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u0430\u044f \u043c\u043e\u0434\u0435\u043b\u044c K-V noSQL \u0431\u0430\u0437\u044b \u0434\u0430\u043d\u043d\u044b\u0445, \u0443\u043c\u0435\u044e\u0449\u0430\u044f \u0432 \u043f\u043e\u0434\u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u0430 (feeds) \u0442\u0430\u0431\u043b\u0438\u0446\u044b \u0447\u0435\u0440\u0435\u0437 \u0434\u0432\u0443\u0441\u0432\u044f\u0437\u043d\u044b\u0435 \u0441\u043f\u0438\u0441\u043a\u0438 \u0438 \u0432\u0442\u043e\u0440\u0438\u0447\u043d\u044b\u0435 \u0438\u043d\u0434\u0435\u043a\u0441\u044b (<code>kvs:index\/3<\/code>). \u041d\u0430 \u0442\u0435\u043a\u0443\u0449\u0438\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 Mnesia, RIAK \u0438 KAI.<\/p>\n<h5>AVZ<\/h5>\n<p>  <a href=\"https:\/\/github.com\/synrc\/avz\">AVZ<\/a> \u2014 \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u0438 \u0447\u0435\u0440\u0435\u0437 Twitter, Google, Facebook, Github \u0438 Microsoft.<\/p>\n<h5>Shen<\/h5>\n<p>  <a href=\"https:\/\/github.com\/5HT\/shen\">Shen<\/a> \u2014 \u0438\u043d\u0442\u0435\u0440\u043f\u0440\u0435\u0442\u0430\u0442\u043e\u0440 Erlang \u043a\u043e\u0434\u0430 \u0432 JavaScript. \u041f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440 Erlang \u0434\u043b\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 JavaScript.<\/p>\n<h5>MQS<\/h5>\n<p>  <a href=\"https:\/\/github.com\/synrc\/mqs\">MQS<\/a> \u2014 MQ \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 \u0434\u043b\u044f RabbitMQ.<\/p>\n<h5>Feeds<\/h5>\n<p>  <a href=\"https:\/\/github.com\/synrc\/feeds\">Feeds<\/a> \u2014 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043f\u0443\u043b\u0430 \u043a\u043e\u043c\u0430\u043d\u0434 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u044f \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u043d\u043e\u0441\u0442\u0438 \u0434\u0430\u043d\u043d\u044b\u0445 \u043d\u0430 \u0432\u0441\u0435\u0445 \u043d\u043e\u0434\u0430\u0445 \u043a\u043b\u0430\u0441\u0442\u0435\u0440\u0430, \u0442\u0430\u043a\u0436\u0435 \u043a\u044d\u0448 \u0441\u0435\u0440\u0432\u0435\u0440.<\/p>\n<h5>SkyLine<\/h5>\n<p>  <a href=\"https:\/\/github.com\/synrc\/skyline\">SkyLine<\/a> \u2014 \u043f\u0440\u0438\u043c\u0435\u0440 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430 \u043d\u0430 N2O.<\/p>\n<h5>COUNTACH<\/h5>\n<p>  <a href=\"https:\/\/github.com\/synrc\/countach\">Countach<\/a> \u2014 \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0438 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u043d\u044b\u0439 \u043c\u0430\u0433\u0430\u0437\u0438\u043d \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439. Production-ready. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 KVS, AVZ \u0438 Feeds. \u041e\u0441\u043d\u043e\u0432\u0430\u043d \u043d\u0430 VOXOZ.<\/p>\n<h5>VOXOZ<\/h5>\n<p>  <a href=\"https:\/\/github.com\/voxoz\">VOXOZ<\/a> \u2014 \u041e\u0442\u043a\u0440\u044b\u0442\u0430\u044f Erlang \u043e\u0431\u043b\u0430\u0447\u043d\u0430\u044f \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430 (PaaS). \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 Docker, ErlangOnXen. \u0411\u043e\u043b\u044c\u0448\u0435 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u043d\u0430 <a href=\"http:\/\/blog.docker.io\/2013\/09\/powering-voxoz-ecosystem-with-docker\/\">blog.docker.io<\/a>.<\/p>\n<h4>\u0417\u0410\u041a\u041b\u042e\u0427\u0415\u041d\u0418\u0415<\/h4>\n<p>  \u0427\u0442\u043e\u0431\u044b \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u0443\u0441\u0432\u0430\u0438\u0432\u0430\u043b\u0430\u0441\u044c \u0440\u0430\u0432\u043d\u043e\u043c\u0435\u0440\u043d\u043e, \u043d\u0430 \u044d\u0442\u043e\u043c \u043f\u043e\u043a\u0430 \u0432\u0441\u0451. \u041e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0435 \u0441\u043f\u0430\u0441\u0438\u0431\u043e @<a href=\"https:\/\/twitter.com\/mtreskin\">mtreskin<\/a> \u0437\u0430 \u0441\u043e\u0432\u0435\u0442\u044b \u0432 \u0432\u044b\u0431\u043e\u0440\u0435 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u0438 \u043d\u0430\u0432\u043e\u0434\u043a\u043e\u0439 \u043d\u0430 nitrogen \u0438 n2o; \u0430 \u0442\u0430\u043a\u0436\u0435 @<a href=\"https:\/\/twitter.com\/5HT\">5HT<\/a> \u0437\u0430 \u0431\u0435\u0441\u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0435 \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u0438 24\/7 \u0432 IRC. \t\t\t<\/p>\n<div class=\"clear\"><\/div>\n<\/p><\/div>\n<p> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"http:\/\/habrahabr.ru\/post\/220841\/\"> http:\/\/habrahabr.ru\/post\/220841\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"content html_format\">\n<h4>\u0412\u0412\u0415\u0414\u0415\u041d\u0418\u0415<\/h4>\n<p>  \u0414\u0430\u043d\u043d\u044b\u0439 \u043f\u043e\u0441\u0442 \u043f\u043e\u0434\u0440\u0430\u0437\u0443\u043c\u0435\u0432\u0430\u0435\u0442 \u0445\u043e\u0440\u043e\u0448\u0435\u0435 \u0438\u043d\u0442\u0440\u043e \u0432 N2O \u043d\u0430 \u0440\u0443\u0441\u0441\u043a\u043e\u043c.<\/p>\n<p>  \u0427\u0442\u043e \u0442\u0430\u043a\u043e\u0435 <b>Erlang\/OTP Web Framework N2O<\/b> \u0438 \u0432 \u0447\u0451\u043c \u0435\u0433\u043e \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u0447\u0435\u0440\u0442\u044b, \u043c\u043e\u0436\u043d\u043e \u0443\u0437\u043d\u0430\u0442\u044c \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0432 <a href=\"https:\/\/github.com\/5HT\/n2o\">github<\/a> \u0438 \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u043c \u0441\u0430\u0439\u0442\u0435 <a href=\"http:\/\/synrc.com\/framework\/web\/\">SynRC<\/a>. \u0422\u0430\u043c \u0432\u0441\u0451 \u043a\u0430\u043a \u0432\u044b \u043b\u044e\u0431\u0438\u0442\u0435 \u0441 \u0433\u0440\u0430\u0444\u0438\u043a\u0430\u043c\u0438 \u0438 \u043f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0438\u044f\u043c\u0438.<\/p>\n<p>  \u0410 \u0437\u0434\u0435\u0441\u044c \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u044b \u0440\u0430\u0431\u043e\u0442\u044b \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430 \u0438 \u043f\u043e\u0433\u043e\u0432\u043e\u0440\u0438\u043c \u043e \u0432\u0435\u0447\u043d\u043e\u043c. <\/p>\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-220841","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/220841","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=220841"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/220841\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=220841"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=220841"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=220841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}