Vue aplikace pro přístup k API č.4 – Přihlášení ve Vue
Dneska si uděláme přihlášení do API v naší aplikaci Vue.
Dneska si uděláme přihlášení do API v naší aplikaci Vue.
V minulém díle jsme si do našeho API přidali CORS pro přístup k našemu API z jiné domény. Ale protože budu chtít naše APi používat z jiné domény v aplikaci běžící na Vue je je ětě potřeba vyřešit tzv. předběžné požadavaky (preflight request) kdy naše Vue aplikace bude zjišťovat OPTIONS požadavkem, zda jsou povoeleny speciální akce. Další věc, kterou si zároveň upravím bude kontrola autentizace nejem pomocí cookie , ale také pomocí speciální hlavičky AUTHTOKEN, aby se mi s tím…
Zatím máme ve Vue pouze jednu stránku, ale zřejmě budeme chtít přidat další stránky.
Nyní si otestuji zda budeme schopni z naší Vue aplikaci přistupovat na testovací endpoint, všechno samozřejmě zkouším na localhostu, kde mi API běží na doméně api.local.
Rozhodla jsem se vytvořit aplikaci ve Vue, která bude přistupovat k našemu API. Aby to bylo možné doplníme si APi o endpoint na testování
V novém seriálu se pokisím vytvořit aplikaci ve Vue, která bude přistupovat k našemu jednoduchému API viz.
Naše API už narostlo a pro pohodlnější testování API na lokálním stroji doporučuji aplikaci Insomnia
V minulé části jsme si zprovoznili přihlášení do našeho API a ještě zbývá zpřístupnit některé endpointy poue pro přihlášené uživatele.
A je to tady kruciální část našeho API. Samozřejmě, že jako v každé aplikaci i tady budeme chtít některé funkce našeho API omezit jen pro ověřené uživatele. Tedy např. výpis produktů, které patří konkrétnímu uživateli se asi měli zobrazit pouze tomuto uživateli. Takže se do toho pustíme. Nejprve tedy každému uživateli přiřadíme heslo. Takže v databázi si vytvoříme slupec pro heslo.
Aby mělo naše API konkrétní smysluplné použití přidáme si ještě endpointy ve kterých budeme jednotlivým uživatelům přiřazovat jejich nakoupené zboží. Nejprve musíme přidat tabulku do naší databáze, která bude sloužit k uložení vazeb mezi produktem a uživatelem