{"id":82,"date":"2023-04-07T13:14:35","date_gmt":"2023-04-07T11:14:35","guid":{"rendered":"http:\/\/localhost:84\/mysite\/?page_id=82"},"modified":"2023-06-14T18:04:57","modified_gmt":"2023-06-14T16:04:57","slug":"api-gateway","status":"publish","type":"page","link":"http:\/\/localhost:84\/mysite\/api-gateway\/","title":{"rendered":"API Gateway"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"82\" class=\"elementor elementor-82\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-566e8dc e-con-full e-flex e-con\" data-id=\"566e8dc\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-f3cef49 e-con-full e-flex e-con\" data-id=\"f3cef49\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e5dd61 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"7e5dd61\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.13.3 - 28-05-2023 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">Na tej stronie mo\u017cna zobaczy\u0107 dzia\u0142aj\u0105c\u0105 integracj\u0119 strony html z us\u0142ug\u0105 API Gateway.<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-40242a8 e-con-full e-flex e-con\" data-id=\"40242a8\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-37c1aa1 e-con-full e-flex e-con\" data-id=\"37c1aa1\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4ae50c elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"b4ae50c\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">opis<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d9602d elementor-position-left elementor-vertical-align-top elementor-invisible elementor-widget elementor-widget-image-box\" data-id=\"8d9602d\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.13.3 - 28-05-2023 *\/\n.elementor-widget-image-box .elementor-image-box-content{width:100%}@media (min-width:768px){.elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper,.elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper{display:flex}.elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper{text-align:right;flex-direction:row-reverse}.elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper{text-align:left;flex-direction:row}.elementor-widget-image-box.elementor-position-top .elementor-image-box-img{margin:auto}.elementor-widget-image-box.elementor-vertical-align-top .elementor-image-box-wrapper{align-items:flex-start}.elementor-widget-image-box.elementor-vertical-align-middle .elementor-image-box-wrapper{align-items:center}.elementor-widget-image-box.elementor-vertical-align-bottom .elementor-image-box-wrapper{align-items:flex-end}}@media (max-width:767px){.elementor-widget-image-box .elementor-image-box-img{margin-left:auto!important;margin-right:auto!important;margin-bottom:15px}}.elementor-widget-image-box .elementor-image-box-img{display:inline-block}.elementor-widget-image-box .elementor-image-box-title a{color:inherit}.elementor-widget-image-box .elementor-image-box-wrapper{text-align:center}.elementor-widget-image-box .elementor-image-box-description{margin:0}<\/style><div class=\"elementor-image-box-wrapper\"><div class=\"elementor-image-box-content\"><p class=\"elementor-image-box-description\">Na tej stronie jest przedstawione kolejne rozwi\u0105zanie architektury bezserwerowej jakie mo\u017cna tworzy\u0107 w AWS. Wykorzystana zosta\u0142a us\u0142uga API Gateway, kt\u00f3ra wywo\u0142uje funkcj\u0119 Lambda. W kodzie html strony wykorzystano interfejs Fetch API, kt\u00f3rego parametrem jest adres API Gateway. Nast\u0119pnie us\u0142uga API Gateway dzi\u0119ki CORS (Cross-origin resource sharing) wywo\u0142uje prost\u0105 funkcj\u0119 Lambda, kt\u00f3ra zwraca tekst: \"Hello from Lambda!\". Na poni\u017cszych slajdach przedstawione s\u0105 \u017ar\u00f3d\u0142a dla ka\u017cdej z wykorzystanych us\u0142ug.<\/p><\/div><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8b4c8b9 e-con-full e-flex e-con\" data-id=\"8b4c8b9\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab9424c elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"ab9424c\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">schemat<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e09b52c elementor-invisible elementor-widget elementor-widget-image\" data-id=\"e09b52c\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.13.3 - 28-05-2023 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"831\" height=\"974\" src=\"http:\/\/localhost:84\/mysite\/wp-content\/uploads\/2023\/06\/try-081_079.png\" class=\"attachment-large size-large wp-image-464\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-83529a9 e-con-boxed e-flex e-con\" data-id=\"83529a9\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5fcc4ac e-con-full e-flex e-con\" data-id=\"5fcc4ac\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-902f693 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-image\" data-id=\"902f693\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"480\" height=\"280\" src=\"http:\/\/localhost:84\/mysite\/wp-content\/uploads\/2023\/05\/kodhtml.png\" class=\"attachment-large size-large wp-image-432\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">html<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-50dcdf6 e-con-full e-flex e-con\" data-id=\"50dcdf6\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-225fa06 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"225fa06\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"880\" height=\"513\" src=\"http:\/\/localhost:84\/mysite\/wp-content\/uploads\/2023\/04\/api-method-code.png\" class=\"attachment-large size-large wp-image-268\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">API Gateway<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-671bc83 e-con-full e-flex e-con\" data-id=\"671bc83\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1dc1155 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"1dc1155\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"480\" height=\"280\" src=\"http:\/\/localhost:84\/mysite\/wp-content\/uploads\/2023\/04\/lambda-code-api.png\" class=\"attachment-large size-large wp-image-266\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Lambda<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d6fe880 e-con-full e-flex e-con\" data-id=\"d6fe880\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-416c855 elementor-position-top elementor-vertical-align-top elementor-invisible elementor-widget elementor-widget-image-box\" data-id=\"416c855\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"elementor-image-box-wrapper\"><div class=\"elementor-image-box-content\"><p class=\"elementor-image-box-description\">Je\u017celi poni\u017cej wy\u015bwietla si\u0119 napis \"Hello from Lambda!\" oznacza to, \u017ce wy\u017cej opisana architektura dzia\u0142a prawid\u0142owo.<\/p><\/div><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-26aeaab elementor-widget__width-inherit elementor-invisible elementor-widget elementor-widget-shortcode\" data-id=\"26aeaab\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><html>\n    <head>\n        <title>CORS Demo API Gateway<\/title>\n    <\/head>\n    <body>\n        <h1>Wykonywanie \u017c\u0105dania CORS do API Gateway...<\/h1>\n        <div id=\"tofetch\"\/>\n    <\/body>\n\n    <script>\n        var tofetch = document.getElementById(\"tofetch\");\n\n        fetch('https:\/\/h4t62e51sc.execute-api.eu-west-1.amazonaws.com\/prod\/lambda')\n        .then((response) => { \n            return response.text();\n        })\n        .then((html) => {\n            tofetch.innerHTML = html     \n        });\n    <\/script>\n<\/html><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Na tej stronie mo\u017cna zobaczy\u0107 dzia\u0142aj\u0105c\u0105 integracj\u0119 strony html z us\u0142ug\u0105 API Gateway. opis Na tej stronie jest przedstawione kolejne<\/p>\n<p><a href=\"http:\/\/localhost:84\/mysite\/api-gateway\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\">API Gateway<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/localhost:84\/mysite\/wp-json\/wp\/v2\/pages\/82"}],"collection":[{"href":"http:\/\/localhost:84\/mysite\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/localhost:84\/mysite\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/localhost:84\/mysite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/localhost:84\/mysite\/wp-json\/wp\/v2\/comments?post=82"}],"version-history":[{"count":79,"href":"http:\/\/localhost:84\/mysite\/wp-json\/wp\/v2\/pages\/82\/revisions"}],"predecessor-version":[{"id":492,"href":"http:\/\/localhost:84\/mysite\/wp-json\/wp\/v2\/pages\/82\/revisions\/492"}],"wp:attachment":[{"href":"http:\/\/localhost:84\/mysite\/wp-json\/wp\/v2\/media?parent=82"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}