Jak používat Middleware analýzy těla v Node.js?

Jak Pouzivat Middleware Analyzy Tela V Node Js



Při zpracování požadavků HTTP POST hraje při zpracování jejich těl významnou roli technika „body parsing“. Umožňuje uživatelům analyzovat těla příchozích požadavků a upravit je podle požadavků. Tato technika analyzuje tělo požadavku řetězce do objektu JavaScript JSON, který lze použít v aplikaci Node.js.

Rychlý přehled

Začněme základy middlewaru v Node.js.





Co je Middleware v Node.js?

Middleware je funkce, která umožňuje přístup k požadavku na objekt, odpovídání na objekt a vykonávání funkce sekvenčním způsobem přechodem k další funkci middlewaru v cyklu žádost-odpověď aplikace. Poskytuje také přístup k úpravě objektů požadavku a odpovědi za účelem provádění operací, jako je ověřování, analýza žádajících těl a mnoho dalšího.



Co je Body-Parser Middleware v Node.js?

' analyzátor těl ” je middleware pro analýzu těla, který spravuje požadavky HTTP POST. Požadavek „POST“ odešle data na server, aby vytvořil nebo upravil zdroj. Middleware „bode-parser“ analyzuje těla příchozích požadavků jako objekt JavaScriptu (pokud je typ obsahu aplikace JSON) a formulář HTML (pokud je typ MIME application/x-www-form-urlencoded ). Jakmile je hotovo, lze to použít v aplikaci.



Po získání základů middlewaru pro analýzu těla se vrhněme na jeho použití.



Jak používat Middleware analýzy těla v Node.js?

Chcete-li použít middleware analýzy těla v Node.js, postupujte podle následujících pokynů:

Začněme inicializací projektu Node.js.



Krok 1: Inicializujte projekt Node.js

Nejprve inicializujte projekt Node.js spuštěním níže uvedeného „ npm (správce balíčků uzlů)” inicializační příkaz:

npm init - a

Ve výše uvedeném příkazu „ -a' příznak se používá k zodpovězení všech dotazů „ano“.

Výstup ukazuje, že „ package.json ” je úspěšně vytvořen soubor obsahující následující sadu vlastností:

Krok 2: Nainstalujte Body Parser

Dále nainstalujte balíček body-parser do aktuální aplikace Node.js provedením níže uvedeného „ npm “ instalační příkaz:

npm instalační tělo - analyzátor

Níže uvedený výstup ukazuje, že balíček body-parser byl úspěšně nainstalován v dané aplikaci Node.js:

Krok 3: Nainstalujte Express a EJS

Nyní nainstalujte „ ne (Embedded JavaScript Templating)” v aplikaci Node.js. „ejs“ je dobře známý JavaScriptový engine používaný Node.js, který bere data HTML jako prostý Javascript:

npm install ejs

Lze pozorovat, že do aktuální aplikace Node.js byla přidána knihovna „ejs“:

Kromě toho nainstalujte „ vyjádřit ” webové rámce pro rychlé a snadné vytvoření aplikace Node.js:

npm install express

Do aplikace Node.js byl také přidán „expres“:

Krok 4: Vytvořte šablonu EJS

Po instalaci všech požadovaných balíčků vytvořte šablonu „ejs“ s následujícími řádky kódu a uložte ji jako „ SampleForm.ejs 'soubor:

DOCTYPE html >
< html >
< hlava >
< titul > Tělo - Analyzátor Middleware titul >
hlava >

< tělo >
< centrum >
< h1 > Ukázka deníku h1 >
< formulářová akce = 'uložit data' metoda = 'POŠTA' >
< před >
< označení > Titul : označení < Typ vstupu = 'text' název = 'titul' > < br >
< označení > datum označení < Typ vstupu = 'datum' název = 'datum' < br >
< označení > datum označení < Typ vstupu = 'datum' název = 'datum' < br >
< Typ vstupu = 'Předložit' hodnota = 'Odeslat deník' < br >
před >

formulář >
centrum >
tělo >
html >

Vysvětlení výše uvedeného kódu je následující:

  • ' </strong> tag ” určuje název dokumentu HTML.</li> <li> ' <strong> <centrum></strong> Tag zarovná obsah na střed webové stránky.</li> <li> ' <strong> <h1></strong> ” vloží prvek nadpisu první úrovně.</li> <li> ' <strong> <formulář></strong> ” vytváří prvek formuláře, který shromažďuje informace od uživatele. Uvnitř prvku „form“ je „ <strong> akce</strong> Atribut ” určuje akci, která se provádí při odeslání formuláře, a atribut ” <strong> metoda</strong> Atribut ” s hodnotou ”post” odesílá data na server.</li> <li> ' <strong> <před></strong> ” zobrazí zadané prvky na stránce s pevnou šířkou písma stejnou jako ve zdrojovém kódu.</li> <li> ' <strong> <štítek></strong> ” tag určuje popisek vstupního pole.</li> <li> ' <strong> <vstup></strong> 'type přidá vstupní pole typu' <strong> text</strong> “ a jméno „ <strong> titul</strong> “.</li> <li> Další dvě značky „ <input>“ přidávají vstupní pole zadaných typů a názvů.</li> </ul> <h3> <a id="post-403549-ntvx6hjz761o"></a> <strong> Krok 5: Použijte Body Parser Middleware</strong> </h3> <p> Nyní vytvořte soubor „.js“ s názvem „ <strong> index.js</strong> ” a použijte v něm middleware analýzy těla k analýze těl všech příchozích požadavků. Po vytvoření souboru „.js“ zkopírujte do něj následující řádky kódu:</p> <span class="kw1"> konst</span> bodyparser<span class="sy0"> =</span> vyžadovat<span class="br0"> (</span><span class="st0"> 'body-parser'</span><span class="br0"> )</span> <br> <span class="kw1"> konst</span> vyjádřit<span class="sy0"> =</span> vyžadovat<span class="br0"> (</span><span class="st0"> 'vyjádřit'</span><span class="br0"> )</span> <br> <span class="kw1"> konst</span> cesta<span class="sy0"> =</span> vyžadovat<span class="br0"> (</span><span class="st0"> 'cesta'</span><span class="br0"> )</span> <br> <span class="kw1"> konst</span> aplikace<span class="sy0"> =</span> vyjádřit<span class="br0"> (</span><span class="br0"> )</span> <br> nechat PORT<span class="sy0"> =</span> proces.<span class="me1"> env</span> .<span class="me1"> přístav</span> <span class="sy0"> ||</span> <span class="nu0"> 8080</span> <br> aplikace.<span class="me1"> soubor</span><span class="br0"> (</span><span class="st0"> 'zobrazení'</span> , cesta.<span class="me1"> připojit</span><span class="br0"> (</span> __dirname<span class="br0"> )</span><span class="br0"> )</span> <br> aplikace.<span class="me1"> soubor</span><span class="br0"> (</span><span class="st0"> 'zobrazovací modul'</span> ,<span class="st0"> 'Ne'</span><span class="br0"> )</span> <br> aplikace.<span class="me1"> použití</span><span class="br0"> (</span> bodyparser.<span class="me1"> urlencoded</span><span class="br0"> (</span><span class="br0"> {</span> prodloužený<span class="sy0"> :</span> <span class="kw2"> skutečný</span> <span class="br0"> }</span><span class="br0"> )</span><span class="br0"> )</span> <br> aplikace.<span class="me1"> použití</span><span class="br0"> (</span> bodyparser.<span class="me1"> json</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> )</span> <br> aplikace.<span class="me1"> dostat</span><span class="br0"> (</span><span class="st0"> '/'</span> , funkce<span class="br0"> (</span> req, req<span class="br0"> )</span> <span class="br0"> {</span> <br> res.<span class="me1"> poskytnout</span><span class="br0"> (</span><span class="st0"> 'Vzorový formulář'</span><span class="br0"> )</span> <br> <span class="br0"> }</span><span class="br0"> )</span><span class="sy0"> ;</span> <br> aplikace.<span class="me1"> pošta</span><span class="br0"> (</span><span class="st0"> '/uložit data'</span> ,<span class="br0"> (</span> req, req<span class="br0"> )</span> <span class="sy0"> =></span> <span class="br0"> {</span> <br> řídicí panel.<span class="me1"> log</span><span class="br0"> (</span><span class="st0"> 'Použití analyzátoru těla: '</span> , req.<span class="me1"> tělo</span><span class="br0"> )</span> <br> <span class="br0"> }</span><span class="br0"> )</span> <br> aplikace.<span class="me1"> poslouchat</span><span class="br0"> (</span> PORT, funkce<span class="br0"> (</span> chyba<span class="br0"> )</span> <span class="br0"> {</span> <br> <span class="kw1"> -li</span> <span class="br0"> (</span> chyba<span class="br0"> )</span> <span class="kw1"> házet</span> chyba <br> řídicí panel.<span class="me1"> log</span><span class="br0"> (</span><span class="st0"> 'Server vytvořen na PORT'</span> , PŘÍSTAV<span class="br0"> )</span> <br> <span class="br0"> }</span><span class="br0"> )</span> <p> Vysvětlení výše uvedených řádků kódu je napsáno níže:</p> <ul> <li> Za prvé, „ <strong> vyžadovat()</strong> ” importuje moduly „body-parser“, „express“ a „path“ do aktuální aplikace Node.js.</li> <li> Dále vytvořte instanci expresní aplikace pomocí „ <strong> vyjádřit()</strong> “konstruktor.</li> <li> Poté se „ proces.env 'vlastnost spustí místní server na výchozím' <strong> PŘÍSTAV</strong> “. Pokud je výchozí port zaneprázdněn, server se spustí na zadaném portu, který je „ <strong> 8080</strong> “.</li> <li> Nyní nastavte prohlížecí stroj pomocí zadaného middlewaru, ve kterém „views“ označují složku, kde jsou uloženy všechny webové stránky a „ path.join() ” spojuje segmenty cesty aktuálního adresáře a vytváří jedinou cestu.</li> <li> Jakmile je vše hotovo, „ <strong> app.use()</strong> metoda vloží zadané <strong> analyzátor těl</strong> ” middleware na dané cestě. Tento middleware analýzy těla používá „ <strong> urlencoded</strong> ” analyzátor, který analyzuje pouze „urlencoded“ těla, jejichž záhlaví „content-type“ se shoduje s volbou „type“.</li> <li> Druhý „analyzátor těla“ používá „ <strong> JSON</strong> ” parser k analýze těl příchozích požadavků jako objektu JSON ve formátu klíč–hodnota.</li> <li> ' <strong> app.get()</strong> “ metoda odešle HTTP požadavek „GET“ na zadanou cestu a provede funkci zpětného volání s „ <strong> req</strong> (žádost)“ a „ <strong> res</strong> (odpovědět)” parametry.</li> <li> Uvnitř funkce zpětného volání je „ <strong> res.render()</strong> ” metoda vykreslí odpověď, když se provede zadaná funkce zpětného volání.</li> <li> Metoda „app.post()“ odešle HTTP požadavek „POST“, který je bezpečnější, protože nezobrazuje data v adrese URL. Definuje také funkci zpětného volání, která používá „ <strong> req.body</strong> ” pro získání dat ze vstupních polí.</li> <li> Konečně, „ <strong> app.listen()</strong> ” vytvoří spojení na zadaném portu a definuje funkci zpětného volání. V této funkci „ <strong> -li</strong> Příkaz ” vyvolá chybu, pokud k ní dojde během provádění programu, a příkaz “ <strong> console.log()</strong> ” zobrazí potvrzení na konzole.</li> </ul> <h3> <a id="post-403549-ihifoufenvqo"></a> <strong> Krok 6: Nasaďte aplikaci Node.js</strong> </h3> <p> Nakonec nasaďte aplikaci Node.js pomocí „ <strong> uzel</strong> ” klíčové slovo takto:</p><br /><div class="embeded-video"><iframe src="https://www.youtube.com/embed/lY6icfhap2o?modestbranding=1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <br /> index uzlu.<span class="me1"> js</span> <p> Provedení výše uvedeného příkazu zobrazí potvrzovací zprávu, že server byl úspěšně vytvořen na zadaném portu:</p> <p> <strong> <img class="wp-image-403576" src="https://softoban.com/img/other/31/how-to-use-body-parser-middleware-in-node-js-5.png"></strong> </p> <p> Nyní navštivte následující URL <a href="http://localhost:8080"> http://localhost:8080</a> k zobrazení Vzorového deníku. Na webové stránce „Sample Diary“ vyplňte všechna vstupní pole a klikněte na „ <strong> Odeslat deník</strong> ” pro uložení obsahu:</p> <p> <strong> <img class="wp-image-403580" src="https://softoban.com/img/other/31/how-to-use-body-parser-middleware-in-node-js-6.png"></strong> </p> <p> Lze pozorovat, že po odeslání informací terminál automaticky zobrazí všechna těla prvků HTML použitých ve „Ukázkovém deníku“ jako objekt JSON:</p> <p> <strong> <img class="wp-image-403582" src="https://softoban.com/img/other/31/how-to-use-body-parser-middleware-in-node-js-7.png"></strong> </p> <p> To je vše o používání middlewaru analýzy těla v Node.js.</p> <h2> <a id="post-403549-55ghmm6njw6x"></a> <strong> Závěr</strong> </h2> <p> Chcete-li použít „ <strong> analyzátor těl</strong> “ v Node.js použijte „ <strong> urlencoded</strong> “ a „ <strong> JSON</strong> ” analyzátory, které analyzují tělo všech příchozích požadavků a zobrazují je jako objekt JSON. Zpracovává těla požadavků „POST“ a analyzuje je, aby načetla obsah všech prvků použitých v dokumentu HTML. Poskytuje jednoduchý a nejsnadnější způsob zpracování data odeslaného tělem příchozího požadavku HTTP. Tento příspěvek prakticky demonstroval použití middlewaru body-parser v Node.js.</p> </article> <div class="d-flex justify-content-center"> <script type="text/javascript">(function() { if (window.pluso)if (typeof window.pluso.start == "function") return; if (window.ifpluso==undefined) { window.ifpluso = 1; var d = document, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js'; var h=d[g]('body')[0]; h.appendChild(s); }})();</script> <div class="pluso" data-background="transparent" data-options="big,round,line,horizontal,nocounter,theme=06" data-services="facebook,twitter,email,print"></div> </div> <div class="tag-widget post-tag-container mb-5 mt-5"> <div class="tagcloud"> <a href="/jiny/" class="tag-cloud-link">jiný</a> </div> </div> </div><!-- END--> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Kategorie</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Raspberry Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Jiný</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Zvětšení</a> </li><li> <a href="/cinnamon/">Skořice</a> </li><li> <a href="/reviews/">Recenze</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Rádio</a> </li><li> <a href="/minecraft/">Minecraft</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Otevřené Plátno</a> </li><li> <a href="/compression/">Komprese</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Aircrack</a> </li><li> <a href="/office-productivity-software/">Software Pro Kancelářskou Produktivitu</a> </li><li> <a href="/boot/">Boot</a> </li><li> <a href="/system-calls/">Systémová Volání</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Vytváření Sítí</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Gimp</a> </li><li> <a href="/plex/">Plex</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Přístavní Dělník</a> </li><li> <a href="/firewall/">Firewall</a> </li><li> <a href="/wireshark/">Wirehark</a> </li><li> <a href="/synology/">Synologie</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Parrot Os</a> </li><li> <a href="/sublime/">Sublimovat</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hyper-V</a> </li><li> <a href="/phone/">Telefon</a> </li><li> <a href="/kodi/">Kód</a> </li><li> <a href="/gnome/">Gnome</a> </li><li> <a href="/manjaro/">Pochoutka</a> </li><li> <a href="/mouse/">Myš</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Torrent</a> </li><li> <a href="/tablet/">Tableta</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Kučera</a> </li><li> <a href="/kde/">Kde</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Fonty</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Snímky</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Oliheň</a> </li><li> <a href="/mate/">Kamaráde</a> </li><li> <a href="/vlc-media-player/">Vlc Media Player</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Klávesnice</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Šifrování</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Skener</a> </li><li> <a href="/atom/">Atom</a> </li><li> <a href="/red-hat/">Červená Čepice</a> </li><li> <a href="/teamviewer/">Teamviewer</a> </li><li> <a href="/skype/">Skype</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">Notebook Jupyter</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Blog</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Následek</a> </li><li> <a href="/media-players/">Přehrávače Médií</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Pára</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Napájení</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">M2</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Rukojeť</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odysea</a> </li><li> <a href="/audio/">Zvuk</a> </li><li> <a href="/cpu/">Procesor</a> </li><li> <a href="/tensorflow/">Tensorflow</a> </li><li> <a href="/autodesk/">Autodesk</a> </li><li> <a href="/lubuntu/">Lubuntu</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">Okna</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Starší)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Kancelář</a> </li><li> <a href="/jiny/">jiný</a> </li><li> <a href="/webova-kamera/">webová kamera</a> </li><li> <a href="/prehravace-medii/">přehrávače médií</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/hapoxy/">hapoxy</a> </li><li> <a href="/bota/">bota</a> </li><li> <a href="/sublimovat/">sublimovat</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nextcloud/">Nextcloud</a> </li><li> <a href="/ctnost/">ctnost</a> </li><li> <a href="/usb-pruchod/">usb-průchod</a> </li><li> <a href="/secure-boot/">#secure-boot</a> </li><li> <a href="/zarizeni-pruchod/">zařízení-průchod</a> </li><li> <a href="/sdn/">SDN</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Populární Příspěvky</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/67/how-to-fix-a-non-responsive-touch-screen-on-android-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-opravit-nereagujici-dotykovou-obrazovku-na-androidu">Jak opravit nereagující dotykovou obrazovku na Androidu</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/0E/how-to-turn-off-silent-mode-on-iphone-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-vypnout-tichy-rezim-na-iphone">Jak vypnout tichý režim na iPhone</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/19/how-to-add-option-to-select-tag-from-input-text-using-javascript-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-pridat-moznost-vyberu-znacky-ze-vstupniho-textu-pomoci-javascriptu">Jak přidat možnost výběru značky ze vstupního textu pomocí JavaScriptu</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/5C/how-to-use-fmod-function-in-php-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-pouzivat-funkci-fmod-v-php">Jak používat funkci fmod v PHP</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/FE/what-is-open-loop-systems-and-open-loop-control-systems-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/co-jsou-systemy-s-otevrenou-smyckou-a-ridici-systemy-s-otevrenou-smyckou">Co jsou systémy s otevřenou smyčkou a řídicí systémy s otevřenou smyčkou</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/ED/how-to-repeat-something-in-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-neco-opakovat-v-javascriptu">Jak něco opakovat v JavaScriptu?</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/38/how-to-install-and-play-roblox-a-brief-pc-guide-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-nainstalovat-a-hrat-roblox-strucny-pruvodce-pocitacem">Jak nainstalovat a hrát Roblox – stručný průvodce počítačem</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/00/how-to-stream-crunchyroll-on-discord-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-streamovat-crunchyroll-na-discordu">Jak streamovat Crunchyroll na Discordu</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/14/plotly-io-to-html-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/plotly-io-to-html">Plotly.io.to_html</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/9E/how-to-clear-dns-cache-on-iphone-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-vymazat-mezipamet-dns-na-iphone">Jak vymazat mezipaměť DNS na iPhone</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/87/pandas-to-html-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pandy-do-html">Pandy do HTML</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/C1/perl-array-reference-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/reference-pole-perl">Reference pole Perl</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/1F/how-to-pause-execution-in-node-js-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-pozastavit-provadeni-v-node-js">Jak pozastavit provádění v Node.js?</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/0A/how-to-instantiate-an-object-in-java-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-vytvorit-instanci-objektu-v-jave">Jak vytvořit instanci objektu v Javě</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/DE/5-fixes-for-windows-updates-error-0x8024401c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/5-oprav-pro-chybu-windows-updates-0x8024401c">5 oprav pro chybu Windows Updates 0x8024401c</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/58/how-to-fix-no-sound-in-linux-mint-21-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-opravit-zadny-zvuk-v-linux-mint-21">Jak opravit žádný zvuk v Linux Mint 21</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/C5/how-to-use-table-caption-in-tailwind-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-pouzivat-popis-tabulky-v-tailwindu">Jak používat popis tabulky v Tailwindu</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/29/how-to-install-elasticsearch-with-docker-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-nainstalovat-elasticsearch-s-dockerem">Jak nainstalovat Elasticsearch s Dockerem?</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/71/oracle-string-to-date-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/oracle-string-k-datu">Oracle String k datu</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/80/how-to-use-the-not-operator-in-if-conditions-in-java-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-pouzivat-operator-not-operator-v-podminkach-if-v-jave">Jak používat operátor Not Operator v podmínkách If v Javě?</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</a> </div> </div> </div> </div> </div> </div> </div><!-- END COL --> </div> </section> </div><!-- END COLORLIB-MAIN --> </div><!-- END COLORLIB-PAGE --> <!-- loader --> <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div> <script src="https://softoban.com/template/js/jquery.min.js"></script> <script src="https://softoban.com/template/js/jquery-migrate-3.0.1.min.js"></script> <script src="https://softoban.com/template/js/popper.min.js"></script> <script src="https://softoban.com/template/js/bootstrap.min.js"></script> <script src="https://softoban.com/template/js/jquery.easing.1.3.js"></script> <script src="https://softoban.com/template/js/jquery.waypoints.min.js"></script> <script src="https://softoban.com/template/js/jquery.stellar.min.js"></script> <script src="https://softoban.com/template/js/owl.carousel.min.js"></script> <script src="https://softoban.com/template/js/jquery.magnific-popup.min.js"></script> <script src="https://softoban.com/template/js/aos.js"></script> <script src="https://softoban.com/template/js/jquery.animateNumber.min.js"></script> <script src="https://softoban.com/template/js/scrollax.min.js"></script> <script src="https://softoban.com/template/js/main.js"></script> <script async="" defer="" src="//www.instagram.com/embed.js"></script> <script async="" src="https://platform.twitter.com/widgets.js"></script> <script> window.onload = function(){ for(i in document.images) { if(document.images[i].naturalWidth==0){ if(window.location.pathname.length > 1){ document.images[i].style="display:none" } else { document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" } } } } $(document).ready(() => { $('nav').find('a').each(function(){ if($(this).attr('href') == window.location.pathname){ $(this).parent('li').addClass('active') } }) var wrapper = '<div class="embeded-video"></div>'; if($('iframe[width="560"]').length > 1){ $('.m_v').remove(); }else{ } $('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper); let loc = window.location.pathname; if(loc == '/privacy-policy'){ $('div.embeded-video').remove(); $('blockquote').remove(); } }) </script> <script type="text/javascript" src="https://s.skimresources.com/js/192355X1670518.skimlinks.js"></script></body> </html>