{"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\/cs\/blog\/news\/web-frejmvork-pusa-perenosyashhij-logiku-javascript-frontenda-na-storonu-servera","title":{"rendered":"Webov\u00fd r\u00e1mec Pusa, kter\u00fd p\u0159en\u00e1\u0161\u00ed logiku JavaScript front-endu na stranu serveru","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

Byl publikov\u00e1n webov\u00fd r\u00e1mec Pusa, kter\u00fd realizuje koncepci p\u0159esunu logiky front-endu, vykon\u00e1van\u00e9 v prohl\u00ed\u017ee\u010di pomoc\u00ed JavaScriptu, na stranu back-endu \u2014 ovl\u00e1d\u00e1n\u00ed prohl\u00ed\u017ee\u010de a DOM element\u016f, stejn\u011b jako obchodn\u00ed logika, se prov\u00e1d\u011bj\u00ed na back-endu. JavaScriptov\u00fd k\u00f3d vykon\u00e1van\u00fd na stran\u011b prohl\u00ed\u017ee\u010de je nahrazen univerz\u00e1ln\u00ed vrstvou, kter\u00e1 vol\u00e1 zpracovatele nach\u00e1zej\u00edc\u00ed se na stran\u011b back-endu. Neexistuje pot\u0159eba v\u00fdvoje pomoc\u00ed JavaScriptu pro front-end. Referen\u010dn\u00ed implementace Pusa je naps\u00e1na v PHP a distribuov\u00e1na pod licenc\u00ed GPLv3. Krom\u011b PHP m\u016f\u017ee b\u00fdt technologie implementov\u00e1na v jak\u00e9mkoli jin\u00e9m jazyce, v\u010detn\u011b JavaScriptu\/Node.js, Java, Pythonu, Go a Ruby. <\/p>\n

Pusa ur\u010duje protokol v\u00fdm\u011bny na z\u00e1klad\u011b minimalistick\u00e9 sady p\u0159\u00edkaz\u016f. P\u0159i na\u010dten\u00ed str\u00e1nky prohl\u00ed\u017ee\u010d na\u010dte z\u00e1kladn\u00ed obsah DOM a JavaScriptov\u00e9 j\u00e1dro Pusa-Front. Pusa-Front prost\u0159ednictv\u00edm Ajaxov\u00fdch po\u017eadavk\u016f odes\u00edl\u00e1 ud\u00e1losti prohl\u00ed\u017ee\u010de (jako kliknut\u00ed, ztr\u00e1ta zam\u011b\u0159en\u00ed, z\u00edsk\u00e1n\u00ed zam\u011b\u0159en\u00ed a stisk kl\u00e1vesy) a parametry po\u017eadavku (prvek, kter\u00fd ud\u00e1lost vyvolal, jeho atributy, URL atd.) do serverov\u00e9ho zpracovatele Pusa-Back. Na z\u00e1klad\u011b p\u0159ijat\u00fdch dat Pusa-Back ur\u010duje kontroler, vykon\u00e1v\u00e1 u\u017eite\u010dnou z\u00e1t\u011b\u017e a vytv\u00e1\u0159\u00ed p\u0159\u00edslu\u0161n\u00fd soubor p\u0159\u00edkaz\u016f. Po p\u0159ijet\u00ed odpov\u011bdi na po\u017eadavek Pusa-Front vykon\u00e1v\u00e1 p\u0159\u00edkazy, m\u011bn\u00ed obsah DOM a prost\u0159ed\u00ed prohl\u00ed\u017ee\u010de. <\/p>\n

Stav front-endu je formov\u00e1n, ale nekontrolov\u00e1n backendem, co\u017e \u010din\u00ed v\u00fdvoj pro Pusa podobn\u00fdm k\u00f3du pro grafickou kartu nebo Canvas, kde v\u00fdsledek vykon\u00e1n\u00ed nen\u00ed kontrolov\u00e1n v\u00fdvoj\u00e1\u0159em. Pro vytv\u00e1\u0159en\u00ed interaktivn\u00edch aplikac\u00ed na z\u00e1klad\u011b Canvas a onmousemove je uvedena mo\u017enost na\u010d\u00edt\u00e1n\u00ed a pou\u017e\u00edv\u00e1n\u00ed dal\u0161\u00edch JavaScriptov\u00fdch skript\u016f na stran\u011b klienta. Mezi nev\u00fdhody metody pat\u0159\u00ed tak\u00e9 p\u0159esun \u010d\u00e1sti z\u00e1t\u011b\u017ee z front-endu na backend a zv\u00fd\u0161en\u00ed \u010detnosti v\u00fdm\u011bny dat. serverem<\/a>. <\/p>\n

Mezi v\u00fdhody pat\u0159\u00ed: vylou\u010den\u00ed nutnosti zapojen\u00ed JavaScriptov\u00fdch v\u00fdvoj\u00e1\u0159\u016f front-endu, stabiln\u00ed a kompaktn\u00ed klientsk\u00fd k\u00f3d (11 kB), nedostupnost hlavn\u00edho k\u00f3du ze strany front-endu, absence nutnosti serializace REST a n\u00e1stroj\u016f jako gRPC, vylou\u010den\u00ed probl\u00e9m\u016f se shodou sm\u011brov\u00e1n\u00ed po\u017eadavk\u016f mezi front-endem a backendem.
\n
Zdroj: 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\udd47Webov\u00fd framework Pusa, kter\u00fd p\u0159en\u00e1\u0161\u00ed logiku JavaScriptov\u00e9ho front-endu na stranu serveru | ProHoster","description":"Byl publikov\u00e1n webov\u00fd framework Pusa, kter\u00fd implementuje koncept p\u0159enesen\u00ed logiky front-endu, vykon\u00e1van\u00e9 v prohl\u00ed\u017ee\u010di pomoc\u00ed JavaScriptu, na stranu back-endu - ovl\u00e1d\u00e1n\u00ed prohl\u00ed\u017ee\u010de a DOM prvk\u016f, stejn\u011b jako obchodn\u00ed logika.","canonical_url":"https:\/\/prohoster.info\/cs\/blog\/news\/web-frejmvork-pusa-perenosyashhij-logiku-javascript-frontenda-na-storonu-servera","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"cs_CZ","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\/cs\/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\/cs\/wp-json\/wp\/v2\/posts\/102272","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/comments?post=102272"}],"version-history":[{"count":1,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/posts\/102272\/revisions"}],"predecessor-version":[{"id":160305,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/posts\/102272\/revisions\/160305"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/media?parent=102272"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/categories?post=102272"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/tags?post=102272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}