Jak správně zabezpečit API pomocí JWT tokenů

Jak na to – praktický postup Začněte s jednoduchým příkladem: thunk, který načte data a dispatchnuje success akci. V testu vytvořte mockovanou API funkci, která vrací Promise s daty. Poté zavolejte thunk s dispatch a getState. Ověřte, že dispatch byl volán s loading akcí na začátku a success akcí na konci. Nezapomeňte otestovat i chybový scénář – mock API by měl vracet rejection a ověřit, že dispatch obdrží error akci. Toto pokryje hlavní větve.

Nezapomínejte ani na ochranu proti CSRF útokům, pokud používáte cookies. Jednoduchým řešením je vlastní hlavička, kterou server vyžaduje u každého požadavku, nebo použití SameSite atributu s hodnotou 'Strict' či 'Lax'. Tím zajistíte, že token nebude odeslán z cizího webu. Na závěr: JWT je výkonný nástroj, ale vyžaduje pečlivou implementaci. Věnujte čas testování scénářů, jako je vypršení, manipulace s tokenem nebo pokus o opětovné použití starého tokenu. Jen tak dosáhnete skutečného zabezpečení vašeho API.

Pokud chcete testovat i reducery v kombinaci s async akcemi, můžete použít redux-mock-store, ale to už je krok k integraci. Pro čisté unit testy stačí výše popsaný postup. Výsledkem je, že máte pokrytou logiku bez nutnosti spouštět aplikaci, a můžete ji snadno začlenit do CI. Testy běží v milisekundách a okamžitě odhalí regrese.

Reducer je čistá funkce, takže testování je přímočaré. Vytvořte si test, který zavolá reducer s aktuálním stavem a akcí, a ověřte, že výsledný stav odpovídá očekávání. Důležité je netestovat celý store, ale pouze samotný reducer. Použijte strukturu, kde každý test pokrýúložné prostory v malém bytěá jednu akci a okrajové případy, jako je neznámá akce (měla by vrátit původní stav) nebo prázdný stav. Vyhněte se mutaci vstupního stavu – vždy vracejte nový objekt, jinak testy mohou procházet nespolehlivě.

Častou chybou je zapomínat na reset okrajů. Prohlížeče mají různé výchozí hodnoty, takže pokud nechcete nečekané mezery, přidejte na začátek CSS pravidlo * margin: 0; box-sizing: border-box; . Dále se vyvarujte používání pevných výšek u kontejnerů – obsah se může změnit a rozbít rozvržení. Místo toho nechte výšku přirozenou a zarovnávejte pomocí align-items nebo align-self.

Důležité je také psát komentáře tam, kde to dává smysl, ale ne na každém řádku. Komentáře mají vysvětlovat „proč", ne „co" – to by mělo být jasné z názvů. Pokud zjistíte, že potřebujete komentář k vysvětlení složité logiky, je to signál, že kód by měl být refaktorován. Místo komentáře vytvořte funkci s výstižným názvem, která logiku zapouzdří.

Jak se vyhnout nejčastějším chybám při návrhu rozhraní Rozhraní aplikace musí splňovat pravidla přístupnosti. Pokud text nemá dostatečný kontrast nebo jsou tlačítka příliš malá, aplikace nebude použitelná pro řadu uživatelů. Vždy testujte s dynamickým písmem – uživatelé si mohou zvětšit velikost textu, a pokud se prvky nepřizpůsobí, dojde k překrytí. Další častou chybou je ignorování bezpečné zóny (safe area) – prvky pak zasahují pod horní nebo dolní okraj obrazovky. Používejte modifikátor .padding() a .frame(), ale vždy respektujte systémové okraje.

Časté chyby a jak zařídit malou kuchyni se jim vyhnout Jednou z nejčastějších chyb je mutace globálního stavu. Pokud funkce mění proměnnou mimo svůj rozsah, vznikají vedlejší efekty, které vedou k nepredikovatelnému chování. Řešením je předávat hodnoty jako parametry a vracet nové hodnoty. Například místo abyste upravovali pole pomocí `push`, raději vytvořte nové pole pomocí spread operátoru a na konci ho přiřaďte. Tím zajistíte, že původní data zůstanou nedotčena a testování bude jednodušší.

Druhým kritickým bodem je expirace tokenu. Krátká platnost (např. 15 minut) snižuje okno pro zneužití, ale zvyšuje zátěž na přihlašování. Řešením je kombinace krátkodobého přístupového tokenu a dlouhodobého refresh tokenu. Refresh token by měl být uložen na serveru a měl by mít možnost být zneplatněn – například při odhlášení nebo změně hesla. Ukládejte refresh token v HttpOnly cookie, abyste zabránili přístupu z JavaScriptu a snížili riziko XSS útoků.

Na závěr si osvojte práci s Xcode debuggerem a nástrojem Instruments. Pomocí breakpointů můžete zastavit běh aplikace a prozkoumat hodnoty proměnných. Instruments zase ukáže využití paměti a procesoru – tak snadno najdete úniky paměti nebo pomalé části kódu. Sledujte také výstup v konzoli a naučte se číst chybové hlášky. Když aplikace spadne, Xcode ukáže přesný řádek, kde problém nastal. Pravidelným testováním na simulátoru i fyzickém zařízení předejdete nepříjemným překvapením. Pokud kód nepíšete čistě, počítejte s tím, že po pár týdnech mu sami nebudete rozumět – proto od začátku používejte popisné názvy a komentáře jen tam, kde vysvětlují rady pro rekonstrukcič.

If you loved this article and you would want to receive more details concerning kompletní návod please visit our own page.