third week
This commit is contained in:
1 parent
95e62c915f
commit
a935851e22
31 files changed
+1269
-33
No files matched your search
@@ -0,0 +1,67 @@
|
||||
\section{Postman}
|
||||
|
||||
\begin{frame}{Mi a Postman, és miért használjuk?}
|
||||
\footnotesize
|
||||
Eddig minden végpontunkat vagy böngészőből (csak GET-hez alkalmas), vagy egyáltalán nem próbáltuk ki. A \textbf{Postman} egy grafikus alkalmazás, amivel bármilyen HTTP kérést összeállíthatunk és elküldhetünk -- anélkül, hogy előbb frontendet kellene írnunk hozzá.
|
||||
|
||||
\begin{itemize}
|
||||
\item Bármilyen metódus (GET, POST, PUT, PATCH, DELETE) kipróbálható
|
||||
\item Egyedi fejlécek (headers) és JSON törzs (body) is összeállítható
|
||||
\item A választ (státuszkód, headerek, body) azonnal, formázva látjuk
|
||||
\item Elmenthető, újra futtatható, csapattagokkal megosztható kéréssorozatok
|
||||
\end{itemize}
|
||||
|
||||
\begin{block}{Miért nem elég a böngésző?}
|
||||
A böngésző címsorába írt URL mindig \texttt{GET} kérést küld -- \texttt{POST}, \texttt{PUT}, \texttt{DELETE} kéréshez, vagy egyedi fejlécekhez (pl. \texttt{Authorization}) külön eszköz kell.
|
||||
\end{block}
|
||||
\end{frame}
|
||||
|
||||
\begin{frame}[fragile]{Egy kérés összeállítása}
|
||||
\footnotesize
|
||||
Egy Postman-kérés pontosan azokból az elemekből áll, amiket az 1. héten a HTTP kérés felépítéseként már megismertünk: metódus, URL, fejlécek, törzs.
|
||||
|
||||
\begin{block}{Amit beállítunk}
|
||||
\begin{itemize}
|
||||
\item \textbf{Metódus:} pl. \texttt{POST}
|
||||
\item \textbf{URL:} \texttt{http://localhost:3000/users}
|
||||
\item \textbf{Headers:} \texttt{Content-Type: application/json}
|
||||
\item \textbf{Body (raw, JSON):}
|
||||
\end{itemize}
|
||||
\end{block}
|
||||
|
||||
\begin{verbatim}
|
||||
{
|
||||
"name": "Kis Anna",
|
||||
"email": "anna@example.com"
|
||||
}
|
||||
\end{verbatim}
|
||||
|
||||
Küldés után azonnal látjuk a választ: \texttt{201 Created} és a visszakapott, azonosítóval kiegészített felhasználó.
|
||||
\end{frame}
|
||||
|
||||
\begin{frame}{Collections és Environment változók}
|
||||
\footnotesize
|
||||
Ahogy egyre több végpontot tesztelünk, hasznos ezeket rendszerezni, és elkerülni, hogy mindig kézzel írjuk be az alap URL-t.
|
||||
|
||||
\begin{itemize}
|
||||
\item \textbf{Collection:} kérések egy mappába rendezett gyűjteménye -- pl. minden "Users" végpont egy collection-ben
|
||||
\item \textbf{Environment:} névhez kötött változók (pl. \texttt{baseUrl}), amikkel a kéréseinkben \texttt{\{\{baseUrl\}\}/users} írható a teljes URL helyett
|
||||
\item Így egyetlen változó átírásával válthatunk fejlesztői és éles környezet között
|
||||
\end{itemize}
|
||||
|
||||
\begin{block}{Gyakorlati tipp}
|
||||
Fejlesztés közben minden újonnan megírt végpontot azonnal próbálj ki Postmanben -- ez sokkal gyorsabb visszajelzést ad, mint egy teljes frontend felület megvárása.
|
||||
\end{block}
|
||||
\end{frame}
|
||||
|
||||
\begin{frame}{Összefoglalás -- Postman}
|
||||
\footnotesize
|
||||
\begin{block}{Postman}
|
||||
\begin{itemize}
|
||||
\item Grafikus eszköz tetszőleges HTTP kérés összeállítására és elküldésére
|
||||
\item Kiválthatja a böngészőt olyan esetekben, amikor nem elég a sima GET
|
||||
\item Kérés = metódus + URL + headers + body -- ugyanaz, mint amit HTTP-ből már tudunk
|
||||
\item Collections: kérések rendszerezése; Environments: újrafelhasználható változók
|
||||
\end{itemize}
|
||||
\end{block}
|
||||
\end{frame}
|
||||
Reference in new issue
Block a user