{"id":102272,"date":"2021-11-12T09:36:39","date_gmt":"2021-11-12T07:36:39","guid":{"rendered":"https:\/\/prohoster.info\/blog\/novosti-interneta\/web-frejmvork-pusa-perenosyashhij-logiku-javascript-frontenda-na-storonu-servera"},"modified":"2021-11-12T09:36:39","modified_gmt":"2021-11-12T07:36:39","slug":"web-frejmvork-pusa-perenosyashhij-logiku-javascript-frontenda-na-storonu-servera","status":"publish","type":"post","link":"https:\/\/prohoster.info\/hu\/blog\/news\/web-frejmvork-pusa-perenosyashhij-logiku-javascript-frontenda-na-storonu-servera","title":{"rendered":"A Pusa webkeretrendszer, amely a JavaScript frontend logik\u00e1j\u00e1t a szerveroldalra helyezi","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

Megjelent a Pusa webkeretrendszer, amely egy olyan koncepci\u00f3t val\u00f3s\u00edt meg, amely a frontend logik\u00e1t, amelyet a b\u00f6ng\u00e9sz\u0151ben JavaScript seg\u00edts\u00e9g\u00e9vel hajtanak v\u00e9gre, a backendre helyezi \u00e1t \u2014 a b\u00f6ng\u00e9sz\u0151 \u00e9s a DOM elemek kezel\u00e9se, valamint az \u00fczleti logika a backend oldalon fut. A b\u00f6ng\u00e9sz\u0151 oldal\u00e1n fut\u00f3 JavaScript k\u00f3dot egy univerz\u00e1lis r\u00e9teg v\u00e1ltja fel, amely a backend oldalon tal\u00e1lhat\u00f3 kezel\u0151ket h\u00edvja meg. A frontend fejleszt\u00e9s\u00e9hez JavaScript haszn\u00e1lat\u00e1ra nincs sz\u00fcks\u00e9g. A Pusa mintap\u00e9ld\u00e1ny PHP nyelven k\u00e9sz\u00fclt, \u00e9s a GPLv3 licenc alatt terjesztik. A PHP-n k\u00edv\u00fcl a technol\u00f3gia megval\u00f3s\u00edthat\u00f3 b\u00e1rmely m\u00e1s nyelven, bele\u00e9rtve a JavaScriptet\/Node.js-t, Jav\u00e1t, Pythont, G\u00f3t \u00e9s Ruby-t. <\/p>\n

A Pusa egy minimalista parancsokb\u00f3l \u00e1ll\u00f3 protokollt hat\u00e1roz meg. Az oldal bet\u00f6lt\u0151d\u00e9sekor a b\u00f6ng\u00e9sz\u0151 bet\u00f6lti a DOM alapvet\u0151 tartalm\u00e1t \u00e9s a Pusa-Front JavaScript magj\u00e1t. A Pusa-Front Ajax k\u00e9r\u00e9seken kereszt\u00fcl tov\u00e1bb\u00edtja a b\u00f6ng\u00e9sz\u0151 esem\u00e9nyeit (p\u00e9ld\u00e1ul kattint\u00e1s, elhalv\u00e1nyul\u00e1s, f\u00f3kusz\u00e1l\u00e1s \u00e9s billenty\u0171le\u00fct\u00e9s) \u00e9s a k\u00e9r\u00e9s param\u00e9tereit (az esem\u00e9nyt kiv\u00e1lt\u00f3 elem, annak attrib\u00fatumai, URL stb.) a Pusa-Back szerverkezel\u0151h\u00f6z. A kapott adatok alapj\u00e1n a Pusa-Back meghat\u00e1rozza a vez\u00e9rl\u0151t, v\u00e9grehajtja a hasznos terhel\u00e9st, \u00e9s \u00f6sszegzi a v\u00e1lasz parancsait. A k\u00e9rt v\u00e1lasz meg\u00e9rkez\u00e9se ut\u00e1n a Pusa-Front v\u00e9grehajtja a parancsokat, m\u00f3dos\u00edtva a DOM tartalm\u00e1t \u00e9s a b\u00f6ng\u00e9sz\u0151 k\u00f6rnyezet\u00e9t. <\/p>\n

A front-end \u00e1llapota l\u00e9trej\u00f6n, de nem kontroll\u00e1lja a h\u00e1tt\u00e9rfel\u00fclet, ami a Pusa fejleszt\u00e9s\u00e9t a grafikus k\u00e1rty\u00e1hoz vagy a Canvas-hoz hasonl\u00f3v\u00e1 teszi, ahol a v\u00e9grehajt\u00e1s kimenet\u00e9t a fejleszt\u0151 nem ellen\u0151rzi. Az interakt\u00edv alkalmaz\u00e1sok l\u00e9trehoz\u00e1s\u00e1hoz a Canvas alapj\u00e1n \u00e9s az onmousemove esem\u00e9nyhez lehet\u0151s\u00e9g van tov\u00e1bbi JavaScript szkriptek bet\u00f6lt\u00e9s\u00e9re \u00e9s haszn\u00e1lat\u00e1ra az \u00fcgyf\u00e9ln\u00e9l. A m\u00f3dszer h\u00e1tr\u00e1nyak\u00e9nt eml\u00edtik, hogy a terhel\u00e9s egy r\u00e9sze a front-endr\u0151l a h\u00e1tt\u00e9re k\u00f6lt\u00f6zik, \u00e9s az adatcser\u00e9k gyakoris\u00e1ga n\u00f6vekszik. szerverrel<\/a>. <\/p>\n

A h\u00e1tr\u00e1nyok k\u00f6z\u00f6tt emelhet\u0151k ki: a front-end JavaScript fejleszt\u0151k r\u00e9szv\u00e9tel\u00e9nek sz\u00fcks\u00e9gtelens\u00e9ge, a stabil \u00e9s kompakt kliensoldali k\u00f3d (11 kB), a front-end oldal\u00e1r\u00f3l a f\u0151 k\u00f3d el\u00e9rhetetlens\u00e9ge, a REST soros\u00edt\u00e1sa \u00e9s a gRPC t\u00edpus\u00fa eszk\u00f6z\u00f6k sz\u00fcks\u00e9gtelens\u00e9ge, valamint a k\u00e9r\u00e9sir\u00e1ny\u00edt\u00e1si probl\u00e9m\u00e1k elker\u00fcl\u00e9se a front-end \u00e9s a h\u00e1tt\u00e9r k\u00f6z\u00f6tt.
\n
Forr\u00e1s: opennet.ru<\/a> <\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"

\u041e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d web-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a Pusa \u0441 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0435\u0439 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0438, \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u044f\u0449\u0435\u0439 \u043b\u043e\u0433\u0438\u043a\u0443 \u0444\u0440\u043e\u043d\u0442\u044d\u043d\u0434\u0430, \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c\u0443\u044e \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435 \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 JavaScript, \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0443 \u0431\u044d\u043a\u0435\u043d\u0434\u0430 — \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u043c \u0438 DOM \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c\u0438, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0431\u0438\u0437\u043d\u0435\u0441\u043b\u043e\u0433\u0438\u043a\u0430 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u044e\u0442\u0441\u044f \u043d\u0430 \u0431\u044d\u043a\u0435\u043d\u0434\u0435. \u0412\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c\u044b\u0439 \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 JavaScript \u043a\u043e\u0434 \u0437\u0430\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u043d\u0430 \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u0443\u044e \u043f\u0440\u043e\u0441\u043b\u043e\u0439\u043a\u0443, \u0432\u044b\u0437\u044b\u0432\u0430\u044e\u0449\u0443\u044e \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438, \u043d\u0430\u0445\u043e\u0434\u044f\u0449\u0438\u0435\u0441\u044f \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u0431\u044d\u043a\u0435\u043d\u0434\u0430. \u041d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u044c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c JavaScript \u0434\u043b\u044f \u0444\u0440\u043e\u043d\u0442\u044d\u043d\u0434\u0430 \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u0435\u0442. \u042d\u0442\u0430\u043b\u043e\u043d\u043d\u0430\u044f […]<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[702],"tags":[],"class_list":["post-102272","post","type-post","status-publish","format-standard","hentry","category-news"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\n","aioseo_head_json":{"title":"\ud83e\udd47Pusa webkeretrendszer, amely \u00e1tviszi a JavaScript frontend logik\u00e1j\u00e1t a szerver oldal\u00e1ra | ProHoster","description":"Megjelent a Pusa webkeretrendszer, amely megval\u00f3s\u00edtja azt a koncepci\u00f3t, hogy a b\u00f6ng\u00e9sz\u0151ben v\u00e9gzett frontend logik\u00e1t JavaScript seg\u00edts\u00e9g\u00e9vel \u00e1thelyezi a h\u00e1tt\u00e9rbe - a b\u00f6ng\u00e9sz\u0151 \u00e9s a DOM elemek vez\u00e9rl\u00e9s\u00e9vel, valamint az \u00fczleti logik\u00e1val.","canonical_url":"https:\/\/prohoster.info\/hu\/blog\/news\/web-frejmvork-pusa-perenosyashhij-logiku-javascript-frontenda-na-storonu-servera","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"hu_HU","og:site_name":"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b","og:type":"article","og:title":"\ud83e\udd47Web-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a Pusa, \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u044f\u0449\u0438\u0439 \u043b\u043e\u0433\u0438\u043a\u0443 JavaScript-\u0444\u0440\u043e\u043d\u0442\u044d\u043d\u0434\u0430 \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0443 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 | ProHoster","og:description":"\u041e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d web-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a Pusa \u0441 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0435\u0439 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0438, \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u044f\u0449\u0435\u0439 \u043b\u043e\u0433\u0438\u043a\u0443 \u0444\u0440\u043e\u043d\u0442\u044d\u043d\u0434\u0430, \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c\u0443\u044e \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435 \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 JavaScript, \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0443 \u0431\u044d\u043a\u0435\u043d\u0434\u0430 - \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u043c \u0438 DOM \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c\u0438, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0431\u0438\u0437\u043d\u0435\u0441\u043b\u043e\u0433\u0438\u043a\u0430.","og:url":"https:\/\/prohoster.info\/hu\/blog\/news\/web-frejmvork-pusa-perenosyashhij-logiku-javascript-frontenda-na-storonu-servera","og:image":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:secure_url":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:width":350,"og:image:height":350,"article:published_time":"2021-11-12T07:36:39+00:00","article:modified_time":"2021-11-12T07:36:39+00:00","article:publisher":"https:\/\/www.facebook.com\/prohoster","article:author":"https:\/\/www.facebook.com\/prohoster"},"aioseo_meta_data":{"post_id":"102272","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":null,"breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"ai":null,"created":"2021-11-12 07:37:12","updated":"2026-02-09 21:46:41","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/posts\/102272","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/comments?post=102272"}],"version-history":[{"count":1,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/posts\/102272\/revisions"}],"predecessor-version":[{"id":160305,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/posts\/102272\/revisions\/160305"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/media?parent=102272"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/categories?post=102272"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/tags?post=102272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}