Vue aplikace pro přístup k API č.2 – Připojení k našemu API
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.
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
Aby naše API nebylo tak chudé doplníme si je o nové endpointy pro produkty. Nejprve si ale ještě provedeme malý refaktoring. Co se mi na API nelíbí je definice roue v hlahním souboru. Routu bude asi přibývat a líbili by se mi, kdyby byl v nějakém samostatném souboru.
Naše API již se má čile k světu, co se mi ale dál neíbí a zasloužilo by upravit je validace vstupních dat v controlleru. Bylo by lepší a přehlednější ji vyčlenit do samostané třídy. Takže si vytvoříme další adresář Validators a v něm novou třídu pro kontrolu vstupních dat
Takže zatím máme všechne kod pro naše API v UserControlleru. Bylo by fajn z controlleru vyčlenit kod pro práci s databází do samostanýcj tříd. Možností je vícero já jsem zvolila vytvoření Modelu a Repository. Takže v adresáři src si vytvoříme dva adresáře Models a Repositories.