{
    "componentChunkName": "component---src-templates-standard-tag-js",
    "path": "/tags/platnosc/",
    "result": {"pageContext":{"page":{"id":"cG9zdDo0Mg==","slug":"tag","title":"Tag","content":null,"databaseId":42,"featuredImage":{"node":{"altText":"","sizes":"(max-width: 300px) 100vw, 300px","sourceUrl":"https://sh.api.localhost-group.com/wp-content/uploads/2021/06/favicon.png","srcSet":"https://sh.api.localhost-group.com/wp-content/uploads/2021/06/favicon-300x300.png 300w, https://sh.api.localhost-group.com/wp-content/uploads/2021/06/favicon-150x150.png 150w, https://sh.api.localhost-group.com/wp-content/uploads/2021/06/favicon.png 512w"}},"language":{"code":"PL"},"seo":{"focuskw":"","title":"Tag - Software house","opengraphTitle":"Tag - Software house","metaKeywords":"","metaDesc":"","metaRobotsNofollow":"follow","metaRobotsNoindex":"noindex","opengraphDescription":"","opengraphImage":{"sourceUrl":"https://sh.api.localhost-group.com/wp-content/uploads/2021/06/favicon.png"}},"siteMetaData":{"description":"Localhost Group Software House","language":"pl_PL","title":"Software house","url":"https://sh.api.localhost-group.com"}},"tag":{"slug":"platnosc","name":"płatność","count":1},"products":[],"posts":[{"id":"cG9zdDozNg==","slug":"modyfikacje-wtyczki-payu","title":"MODYFIKACJE WTYCZKI PAYU – Poznaj nasze wtyczki!","date":"2021-06-24T14:35:34","databaseId":36,"content":"\n<p>Co cenią Twoi klienci? <strong>Bezpieczeństwo i wygodę zakupów. </strong>Czas im to zapewnić.</p>\n\n\n\n<h3 id=\"h-bezpiecze-stwo-dzi-ki-modyfikacji-wtyczki\">Bezpieczeństwo dzięki modyfikacji wtyczki</h3>\n\n\n\n<p>Niewielu konsumentów ma tego świadomość, ale podstawowe zabezpieczenia, które domyślnie występują w wordpressie (czyli klucze wordpressowe), nie są wystarczające. Komunikacja restowa frontendu z API wordpressa (czyli zwykła komunikacja, polegająca na wysyłaniu żądania wraz z odpowiednimi zapytaniami) jest podatna na wycieki danych. Znając ID płatności bądź zamówienia, można próbować przechwycić dane wrażliwe. Może to doprowadzić do sytuacji, gdzie na światło dzienne wychodzą dane klientów. Dlatego zrezygnowaliśmy z wordpressowych kluczy i stworzyliśmy własne rozwiązanie.</p>\n\n\n\n<p>Wpis porusza tematykę mocno programistyczną. Jeśli nie czujesz się w tych tematach zbyt pewnie i nie czujesz potrzeby, aby się w nie zagłębiać, oto uproszczona wersja tego, o czym mówimy w artykule:</p>\n\n\n\n<ul><li>Zabezpieczenia przy modyfikacjach wtyczki payu są lepsze, bo nie umożliwiają przechwycenia danych klientów.</li><li>Wtyczkę stworzyliśmy, aby móc korzystać z payu w witrynach, które nie są w całości oparte na wordpressie. Bez niej nie byłoby to możliwe.</li></ul>\n\n\n\n<p>I przechodzimy do tematów nieco bardziej złożonych. Szybki słowniczek, dla osób nietechnicznych:</p>\n\n\n\n<p><strong>API</strong> &#8211; interfejs programistyczny, miejsce, z którego jedynie pobieramy dane</p>\n\n\n\n<p><strong>Front</strong> &#8211;&nbsp; część aplikacji odpowiadająca za interakcję z użytkownikiem, część „widzialna” aplikacji</p>\n\n\n\n<p><strong>Rest</strong> &#8211; styl architektury oprogramowania, standard określający zasady projektowania API</p>\n\n\n\n<p><strong>Komunikacja restowa</strong> &#8211; w dużym skrócie, jest to komunikacja z API określonymi zapytaniami, np. chcąc uzyskać jakąś informację stosujemy metodę typu GET, chcąc dodać coś nowego stosujemy metodę POST itd. Chodzi o to żeby każda operacja była przypisana do jednego typu &#8211; żeby w jednym typie zapytań nie mieć dodania, usunięcia + modyfikacji. Każda metoda ma swoje ograniczenia i możliwości. Np. udostępniamy zasób w postaci listy książek jakie mamy w bibliotece, i określamy dostęp do tego zasobu tylko i wyłącznie jako metoda GET &#8211; i wtedy nie ma fizycznej możliwości, żeby ktoś nam coś usunął. Owszem, możemy udostępnić też metodę DELETE &#8211; ale wtedy&nbsp; musimy zautoryzować kogoś, na przykład za pomocą kluczy</p>\n\n\n\n<p><strong>React</strong> &#8211; biblioteka języka programowania JavaScript, jest wykorzystywana do tworzenia interfejsów graficznych aplikacji internetowych</p>\n\n\n\n<h3 id=\"h-jak-poprawi-bezpiecze-stwo-transakcji\">Jak poprawić bezpieczeństwo transakcji?</h3>\n\n\n\n<p>Dzięki temu, że zmodyfikowana wtyczka pozwala nam poprzez komunikację REST API używać jej z innego frontu (Reacta), na którym pracujemy, wszystkie dane – czyli klucze i tokeny, które przechodzą przez API, są odpowiednio zabezpieczone przed wyciekiem. Przechwytujemy je na naszym froncie i tam budujemy na jej podstawie płatność.</p>\n\n\n\n<p>Klucze i tokeny? To ciągi znaków np. zaszyfrowany ciąg x znaków, który wysyłając w żądaniu możemy uzyskać autoryzację i dostęp do zasobów.</p>\n\n\n\n<p>Klucze z reguły są stałe, a tokeny są ważne przez określony czas &#8211; po czym wygasają i aby zdobyć ponownie dostęp do zasobów musimy go odnowić &#8211; czyli wykonać całą operację autoryzacji od nowa. Tokeny są dobrym rozwiązaniem przy takiej autoryzacji. Tokeny są często generowane dynamicznie &#8211; chociażby przy logowaniu do banku. Jeśli przez X sekund nie wpiszesz pinu to sesja wygasa. Analogicznie jest z tokenami. Gdy wygasną, trzeba wygenerować nowe.</p>\n\n\n\n<p>Nawet jeśli ktoś przechwyci token &#8211; nic z nim nie zrobi, bo</p>\n\n\n\n<ol><li>nie będzie do niego przypisany</li><li>będzie nieaktywny.</li></ol>\n\n\n\n<p>W przypadku wordpressowych kluczy nie ma takich domyślnych zabezpieczeń.</p>\n\n\n\n<h3 id=\"h-dlaczego-zdecydowali-my-si-na-modyfikacje-wtyczki-payu\">Dlaczego zdecydowaliśmy się na modyfikacje wtyczki Payu?</h3>\n\n\n\n<p>Jak wspomnieliśmy wyżej &#8211; dzięki nim udało nam się podwyższyć poziom bezpieczeństwa płatności. To ważny dla nas aspekt plug-inu, ale nie jedyny.</p>\n\n\n\n<h3 id=\"h-co-by-o-punktem-wyj-cia-do-stworzenia-tego-rozwi-zania\">Co było punktem wyjścia do stworzenia tego rozwiązania?</h3>\n\n\n\n<p>Nasza modyfikacja dodatku Payu umożliwia opłacanie zakupów. Zazwyczaj ta wtyczka jest używana po stronie frontu wordpressa, gdy strona jest budowana na edytorach i szablonach.&nbsp; W przypadku Localhosta, wordpress jest tylko naszym API (czyli miejscem, z którego pobieramy dane, nie używamy jego frontu). Potrzebowaliśmy więc plug-inu, który pozwoli nam na działanie na zasadach komunikacji REST API z naszego frontu &#8211; czyli aplikacji w GatsbyJS.</p>\n\n\n\n<h3 id=\"h-co-umo-liwia-modyfikacja\">Co umożliwia modyfikacja?</h3>\n\n\n\n<p>Stosujemy modyfikację tej wtyczki w taki sposób, aby można było się z nią komunikować z frontu poprzez REST API. Zamiast możliwości robienia tego tylko z frontu WordPressa w Woocommerce. Woocommerce to tylko backend – a wszystkie tokeny i klucze idą poprzez REST i są zabezpieczone.</p>\n\n\n\n<p>Kolejnym usprawnieniem jest możliwość&nbsp; sprawdzenia, czy płatność będzie odbywać się prawidłowo, czy nie będzie wycieku danych i czy płatność przejdzie z punktu A do punktu B. Można przetestować to na danych sandboxowych. Co to znaczy? Przykładowo, w środowisku developerskim możemy zmienić klucze z produkcyjnych na klucze testowe i tym sposobem uzyskujemy symulację płatności.</p>\n\n\n\n<p>Podsumowując &#8211; modyfikacje wtyczki payu poprawiają bezpieczeństwo danych klientów, umożliwiają także korzystanie z payu na stronach nie będących całkowicie opartych na wordpressie. Wartym uwagi usprawnieniem jest również możliwość przeprowadzenia symulacji płatności.</p>\n","featuredImage":{"node":{"altText":"","srcSet":"https://sh.api.localhost-group.com/wp-content/uploads/2021/06/payu-300x180.png 300w, https://sh.api.localhost-group.com/wp-content/uploads/2021/06/payu-1024x614.png 1024w, https://sh.api.localhost-group.com/wp-content/uploads/2021/06/payu-768x461.png 768w, https://sh.api.localhost-group.com/wp-content/uploads/2021/06/payu.png 1500w","sourceUrl":"https://sh.api.localhost-group.com/wp-content/uploads/2021/06/payu.png","sizes":"(max-width: 300px) 100vw, 300px","mediaDetails":{"height":900,"width":1500}}},"language":{"code":"PL"},"categories":{"nodes":[{"slug":"bez-kategorii","id":"dGVybTox","name":"Brak kategorii"}]},"tags":{"nodes":[{"slug":"platnosc","name":"płatność","count":1},{"slug":"wtyczka","name":"wtyczka","count":6}]},"comments":{"nodes":[]},"seo":{"title":"MODYFIKACJE WTYCZKI PAYU - Poznaj nasze wtyczki! - Software house","opengraphTitle":"MODYFIKACJE WTYCZKI PAYU - Poznaj nasze wtyczki! - Software house","metaKeywords":"","metaDesc":"Nasza modyfikacja wtyczki Payu umożliwia opłacanie zakupów. Zazwyczaj ta wtyczka jest używana po stronie frontu wordpressa, gdy strona jest budowana na edytorach i szablonach.","metaRobotsNofollow":"follow","metaRobotsNoindex":"noindex","opengraphDescription":"Nasza modyfikacja wtyczki Payu umożliwia opłacanie zakupów. Zazwyczaj ta wtyczka jest używana po stronie frontu wordpressa, gdy strona jest budowana na edytorach i szablonach.","opengraphImage":{"sourceUrl":"https://sh.api.localhost-group.com/wp-content/uploads/2021/06/payu.png"}},"siteMetaData":{"description":"Localhost Group Software House","language":"pl_PL","title":"Software house","url":"https://sh.api.localhost-group.com"}}]}},
    "staticQueryHashes": []}