Mabilis na Balangkas
- Ano ang Middleware sa Node.js?
- Ano ang Body-Parser Middleware sa Node.js?
- Paano Gamitin ang Body-parser Middleware sa Node.js?
- Konklusyon
Magsimula tayo sa mga pangunahing kaalaman ng middleware sa Node.js.
Ano ang Middleware sa Node.js?
Middleware ay isang function na nagbibigay ng access upang humiling ng isang object, tumugon sa isang object, at isagawa ang function sa sunud-sunod na paraan sa pamamagitan ng paglipat patungo sa susunod na middleware function sa application request-response cycle. Nagbibigay din ito ng access upang baguhin ang kahilingan at pagtugon na mga bagay upang maisagawa ang mga operasyon tulad ng pag-verify, pag-parse ng humihiling na mga katawan, at marami pang iba.
Ano ang Body-Parser Middleware sa Node.js?
Ang ' body-parser ” ay isang body-parsing middleware na namamahala sa mga kahilingan sa HTTP POST. Ang kahilingang 'POST' ay nagpapadala ng data sa isang server upang gawin o baguhin ang mapagkukunan. Ang middleware na 'bode-parser' ay nag-parse ng mga papasok na request body bilang isang JavaScript object (kung ang uri ng content ng application ay JSON) at ang HTML Form (kung ang uri ng MIME ay application/x-www-form-urlencoded ). Kapag ito ay tapos na, pagkatapos ay magagamit iyon sa isang aplikasyon.
Pagkatapos makuha ang mga pangunahing kaalaman ng body-parser middleware, lundagan tayo sa paggamit nito.
Paano Gamitin ang Body-parser Middleware sa Node.js?
Upang gamitin ang body-parser middleware sa Node.js sundin ang mga hakbang sa ibaba ng mga tagubilin:
- Hakbang 1: Magsimula ng Node.js Project
- Hakbang 2: I-install ang Body Parser
- Hakbang 3: I-install ang Express at EJS
- Hakbang 4: Gumawa ng EJS Template
- Hakbang 5: Gamitin ang Body Parser Middleware
- Hakbang 6: I-deploy ang Node.js Application
Magsimula tayo sa pagsisimula ng proyekto ng Node.js.
Hakbang 1: Magsimula ng Node.js Project
Una, Simulan ang proyekto ng Node.js sa pamamagitan ng pagsasagawa ng nakasaad sa ibaba na “ npm (node package manager)' na utos sa pagsisimula:
npm init - atSa utos sa itaas, ang ' -at' Ang bandila ay ginagamit upang sagutin ang lahat ng mga query na 'oo'.
Ang output ay nagpapakita na ang ' package.json ” file ay matagumpay na nalikha na naglalaman ng sumusunod na hanay ng mga katangian:
Hakbang 2: I-install ang Body Parser
Susunod, i-install ang body-parser package sa kasalukuyang Node.js application sa pamamagitan ng pagsasagawa ng nakasaad sa ibaba na “ npm ” utos sa pag-install:
npm install body - parserAng output sa ibaba ay nagpapakita na ang body-parser package ay matagumpay na na-install sa ibinigay na Node.js application:
Hakbang 3: I-install ang Express at EJS
Ngayon, i-install ang ' hindi (Naka-embed na JavaScript Templating)” library sa Node.js application. Ang 'ejs' ay ang kilalang JavaScript engine na ginagamit ng Node.js na kumukuha ng HTML data bilang plain Javascript:
npm install ejsMapapansing naidagdag ang 'ejs' library sa kasalukuyang application ng Node.js:
Bilang karagdagan, i-install ang ' ipahayag ” web frameworks upang bumuo ng Node.js application nang mabilis at madali:
npm install expressAng 'express' ay naidagdag din sa Node.js application:
Hakbang 4: Gumawa ng EJS Template
Kapag na-install na ang lahat ng kinakailangang pakete, lumikha ng template na 'ejs' na mayroong mga sumusunod na linya ng code at i-save ito bilang isang ' SampleForm.ejs ” file:
DOCTYPE html >< html >
< ulo >
< pamagat > Katawan - Parser Middleware pamagat >
ulo >
< katawan >
< gitna >
< h1 > Halimbawang Diary h1 >
< anyo ng aksyon = 'saveData' paraan = 'POST' >
< pre >
< label > Pamagat : label >< uri ng input = 'text' pangalan = 'pamagat' > < br >
< label > Petsa label >< uri ng input = 'date' pangalan = 'date' >< br >
< label > Petsa label >< uri ng input = 'date' pangalan = 'date' >< br >
< uri ng input = 'ipasa' halaga = 'Isumite ang Diary' >< br >
pre >
anyo >
gitna >
katawan >
html >
Ang paliwanag ng code sa itaas ay ang mga sumusunod:
- Ang '
</strong> Tinutukoy ng tag na ” ang pamagat ng dokumentong HTMl.</li> <li> Ang ' <strong> <gitna></strong> ” itina-align ng tag ang nilalaman sa gitna ng web page.</li> <li> Ang ' <strong> <h1></strong> Ang tag na ” ay naglalagay ng isang elemento ng heading sa unang antas.</li> <li> Ang ' <strong> <form></strong> Ang tag ng ” ay lumilikha ng elemento ng form na nangongolekta ng impormasyon mula sa user. Sa loob ng elementong 'form' ang ' <strong> aksyon</strong> Tinutukoy ng katangian ng ” ang pagkilos na isinagawa sa pagsusumite ng form at ang “ <strong> paraan</strong> Ang katangian ng ” na may value na “post” ay nagpapadala ng data sa server.</li> <li> Ang ' <strong> <pre></strong> Ipinapakita ng tag na ” ang mga tinukoy na elemento sa page na may nakapirming lapad ng font na kapareho ng sa source code.</li> <li> Ang ' <strong> <label></strong> Tinutukoy ng tag na ” ang label ng field ng input.</li> <li> Ang ' <strong> <input></strong> Ang 'type ay nagdaragdag ng input field ng uri' <strong> text</strong> 'at ang pangalan' <strong> pamagat</strong> ”.</li> <li> Ang susunod na dalawang tag na ' <input>' ay nagdaragdag ng mga input field ng mga tinukoy na uri at pangalan.</li> </ul> <h3> <a id="post-403549-ntvx6hjz761o"></a> <strong> Hakbang 5: Gamitin ang Body Parser Middleware</strong> </h3> <p> Gumawa ngayon ng '.js' na file na pinangalanang ' <strong> index.js</strong> ” at gamitin ang body-parser middleware dito para i-parse ang mga katawan ng lahat ng papasok na kahilingan. Kapag ang '.js' na file ay ginawa, kopyahin ang mga sumusunod na linya ng code dito:</p> <span class="kw1"> const</span> bodyparser<span class="sy0"> =</span> nangangailangan<span class="br0"> (</span><span class="st0"> 'body-parser'</span><span class="br0"> )</span> <br> <span class="kw1"> const</span> ipahayag<span class="sy0"> =</span> nangangailangan<span class="br0"> (</span><span class="st0"> 'express'</span><span class="br0"> )</span> <br> <span class="kw1"> const</span> landas<span class="sy0"> =</span> nangangailangan<span class="br0"> (</span><span class="st0"> 'landas'</span><span class="br0"> )</span> <br> <span class="kw1"> const</span> app<span class="sy0"> =</span> ipahayag<span class="br0"> (</span><span class="br0"> )</span> <br> hayaan ang PORT<span class="sy0"> =</span> proseso.<span class="me1"> env</span> .<span class="me1"> daungan</span> <span class="sy0"> ||</span> <span class="nu0"> 8080</span> <br> app.<span class="me1"> itakda</span><span class="br0"> (</span><span class="st0"> 'mga view'</span> , landas.<span class="me1"> sumali</span><span class="br0"> (</span> __dirname<span class="br0"> )</span><span class="br0"> )</span> <br> app.<span class="me1"> itakda</span><span class="br0"> (</span><span class="st0"> 'tingnan ang makina'</span> ,<span class="st0"> 'hindi'</span><span class="br0"> )</span> <br> app.<span class="me1"> gamitin</span><span class="br0"> (</span> bodyparser.<span class="me1"> urlencoded</span><span class="br0"> (</span><span class="br0"> {</span> pinahaba<span class="sy0"> :</span> <span class="kw2"> totoo</span> <span class="br0"> }</span><span class="br0"> )</span><span class="br0"> )</span> <br> app.<span class="me1"> gamitin</span><span class="br0"> (</span> bodyparser.<span class="me1"> json</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> )</span> <br> app.<span class="me1"> makuha</span><span class="br0"> (</span><span class="st0"> '/'</span> , function<span class="br0"> (</span> req, res<span class="br0"> )</span> <span class="br0"> {</span> <br> res.<span class="me1"> render</span><span class="br0"> (</span><span class="st0"> 'SampleForm'</span><span class="br0"> )</span> <br> <span class="br0"> }</span><span class="br0"> )</span><span class="sy0"> ;</span> <br> app.<span class="me1"> post</span><span class="br0"> (</span><span class="st0"> '/saveData'</span> ,<span class="br0"> (</span> req, res<span class="br0"> )</span> <span class="sy0"> =></span> <span class="br0"> {</span> <br> console.<span class="me1"> log</span><span class="br0"> (</span><span class="st0"> 'Paggamit ng Body-parser: '</span> , req.<span class="me1"> katawan</span><span class="br0"> )</span> <br> <span class="br0"> }</span><span class="br0"> )</span> <br> app.<span class="me1"> makinig ka</span><span class="br0"> (</span> PORT, function<span class="br0"> (</span> pagkakamali<span class="br0"> )</span> <span class="br0"> {</span> <br> <span class="kw1"> kung</span> <span class="br0"> (</span> pagkakamali<span class="br0"> )</span> <span class="kw1"> itapon</span> pagkakamali <br> console.<span class="me1"> log</span><span class="br0"> (</span><span class="st0"> 'Nagawa ang Server sa PORT'</span> , PORT<span class="br0"> )</span> <br> <span class="br0"> }</span><span class="br0"> )</span> <p> Ang paliwanag ng mga nabanggit na linya ng code ay nakasulat sa ibaba:</p> <ul> <li> Una, ang ' <strong> nangangailangan()</strong> Ini-import ng paraan ang 'body-parser', 'express', at 'path' na mga module sa kasalukuyang Node.js application.</li> <li> Susunod, lumikha ng isang halimbawa ng express application sa tulong ng ' <strong> express()</strong> ” constructor.</li> <li> Pagkatapos nito, ang ' proseso.env ' pinapagana ng property ang lokal na server sa default ' <strong> PORT</strong> ”. Kung ang default na port ay abala, ang server ay isasagawa sa tinukoy na port na ' <strong> 8080</strong> ”.</li> <li> Ngayon ay i-set up ang view engine sa tulong ng tinukoy na middleware kung saan ang 'views' ay tumutukoy sa folder kung saan naka-save ang lahat ng web page at ang ' path.join() Ang paraan ng ” ay sumasali sa mga segment ng path ng kasalukuyang direktoryo at lumilikha ng isang path.</li> <li> Kapag tapos na ang lahat, ang ' <strong> app.use()</strong> 'Ang pamamaraan ay naglalagay ng tinukoy na' <strong> body-parser</strong> ” middleware sa ibinigay na landas. Ginagamit ng body-parser middleware na ito ang ' <strong> urlencoded</strong> ” parser na nag-parse lang ng mga “urlencoded” na katawan na ang header ng “content-type” ay tumutugma sa “type” na opsyon.</li> <li> Ang pangalawang 'body parser' ay gumagamit ng ' <strong> JSON</strong> ” parser upang i-parse ang katawan ng mga papasok na kahilingan bilang JSON object sa key-value na format.</li> <li> Ang ' <strong> app.get()</strong> Ang paraan ng ” ay nagpapadala ng HTTP na “GET” na kahilingan sa tinukoy na path at nagpapatupad ng callback function na mayroong “ <strong> req</strong> (kahilingan)', at ' <strong> res</strong> (tugon)' na mga parameter.</li> <li> Sa loob ng callback function, ang “ <strong> res.render()</strong> Ang paraan ng ” ay nagre-render ng tugon kapag ang tinukoy na function ng callback ay naisakatuparan.</li> <li> Ang 'app.post()' na paraan ay nagpapadala ng HTTP na 'POST' na kahilingan na mas secure dahil hindi nito ipinapakita ang data sa URL. Tinutukoy din nito ang isang callback function na gumagamit ng ' <strong> req.body</strong> ” para makuha ang data mula sa mga input field.</li> <li> Panghuli, ang ' <strong> app.listen()</strong> ” paraan ay bumubuo ng isang koneksyon sa tinukoy na port at tumutukoy sa callback function. Sa function na ito, ang ' <strong> kung</strong> 'Ang pahayag ay naghagis ng isang error kung ito ay nangyayari sa panahon ng pagpapatupad ng programa, at ang ' <strong> console.log()</strong> ” ay ipinapakita ang pahayag ng kumpirmasyon sa console.</li> </ul> <h3> <a id="post-403549-ihifoufenvqo"></a> <strong> Hakbang 6: I-deploy ang Node.js Application</strong> </h3> <p> Panghuli, i-deploy ang Node.js application sa tulong ng “ <strong> node</strong> ” keyword sa ganitong paraan:</p><br /><div class="embeded-video"><iframe src="https://www.youtube.com/embed/EuJc-M35-r0?modestbranding=1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <br /> index ng node.<span class="me1"> js</span> <p> Ang pagpapatupad ng utos sa itaas ay nagpapakita ng isang mensahe ng kumpirmasyon na matagumpay na nalikha ang server sa tinukoy na port:</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> Ngayon bisitahin ang sumusunod na URL <a href="http://localhost:8080"> http://localhost:8080</a> para makita ang Sample Diary. Sa web page na 'Sample Diary' punan ang lahat ng mga input field, at mag-click sa ' <strong> Isumite ang Diary</strong> ” button upang i-save ang nilalaman:</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> Mapapansing pagkatapos isumite ang impormasyon, awtomatikong ipinapakita ng terminal ang lahat ng katawan ng mga elemento ng HTML na ginamit sa 'Sample Diary' bilang JSON object:</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> Iyon lang ang tungkol sa paggamit ng body-parser middleware sa Node.js.</p> <h2> <a id="post-403549-55ghmm6njw6x"></a> <strong> Konklusyon</strong> </h2> <p> Upang gamitin ang ' <strong> body-parser</strong> 'sa Node.js gamitin ang ' <strong> urlencoded</strong> ' at ang ' <strong> JSON</strong> ” mga parser na nag-parse sa katawan ng lahat ng papasok na kahilingan at ipinapakita ang mga ito bilang JSON object. Pinangangasiwaan nito ang mga katawan ng kahilingan ng 'POST' at pina-parse ang mga ito para makuha ang nilalaman ng lahat ng elementong ginamit sa HTML na dokumento. Nagbibigay ito ng simple at pinakamadaling paraan upang maproseso ang petsa na ipinadala ng papasok na katawan ng kahilingan sa HTTP. Ang post na ito ay praktikal na nagpakita ng paggamit ng body-parser middleware sa 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="/iba-pa/" class="tag-cloud-link">Iba pa</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">Kategorya</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Raspberry Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Iba Pa</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Mag-Zoom</a> </li><li> <a href="/cinnamon/">Kanela</a> </li><li> <a href="/reviews/">Mga Pagsusuri</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Radyo</a> </li><li> <a href="/minecraft/">Minecraft</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Openvas</a> </li><li> <a href="/compression/">Pagsiksik</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Aircrack</a> </li><li> <a href="/office-productivity-software/">Software Ng Kakayahang Gumawa Ng Opisina</a> </li><li> <a href="/boot/">Boot</a> </li><li> <a href="/system-calls/">Mga Tawag Sa System</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Networking</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/">Pantalan</a> </li><li> <a href="/firewall/">Firewall</a> </li><li> <a href="/wireshark/">Wireshark</a> </li><li> <a href="/synology/">Synology</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/">Dakila</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hyper-V</a> </li><li> <a href="/phone/">Telepono</a> </li><li> <a href="/kodi/">Code</a> </li><li> <a href="/gnome/">Gnome</a> </li><li> <a href="/manjaro/">Napakasarap Na Pagkain</a> </li><li> <a href="/mouse/">Mouse</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/">Tablet</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Kulot</a> </li><li> <a href="/kde/">Kung Saan</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Mga Font</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Mga Imahe</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Pusit</a> </li><li> <a href="/mate/">Asawa</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/">Keyboard</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Naka-Encrypt</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Scanner</a> </li><li> <a href="/atom/">Atomo</a> </li><li> <a href="/red-hat/">Pulang Sumbrero</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/">Jupyter Notebook</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/">Suse</a> </li><li> <a href="/media-players/">Mga Manlalaro Ng Media</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Singaw</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Kapangyarihan</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Sqm</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Mahigpit Na Pagkakahawak</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odyssey</a> </li><li> <a href="/audio/">Audio</a> </li><li> <a href="/cpu/">Cpu</a> </li><li> <a href="/tensorflow/">Tenorflow</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/">Windows</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Pamana)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Opisina</a> </li><li> <a href="/iba-pa/">Iba pa</a> </li><li> <a href="/webcam/">Webcam</a> </li><li> <a href="/media-player/">media player</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/dakila/">dakila</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nextcloud/">nextcloud</a> </li><li> <a href="/kabutihan/">kabutihan</a> </li><li> <a href="/usb-passthrough/">usb-passthrough</a> </li><li> <a href="/secure-boot/">#secure-boot</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Patok Na Mga Post</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/73/how-to-use-structured-output-parser-in-langchain-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-gamitin-ang-structured-output-parser-sa-langchain">Paano Gamitin ang Structured Output Parser sa LangChain?</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/A2/sql-cumulative-sum-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/sql-cumulative-sum">SQL Cumulative Sum</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/67/how-to-fix-a-non-responsive-touch-screen-on-android-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-ayusin-ang-non-responsive-touch-screen-sa-android">Paano Ayusin ang Non-Responsive Touch Screen sa Android</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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-enable-remote-desktop-on-ubuntu-desktop-22-04-lts-and-access-it-from-windows-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-paganahin-ang-remote-na-desktop-sa-ubuntu-desktop-22-04-lts-at-i-access-ito-mula-sa-windows">Paano Paganahin ang Remote na Desktop sa Ubuntu Desktop 22.04 LTS at I-access ito mula sa Windows</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/08/how-to-upgrade-windows-update-agent-to-latest-version-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-mag-upgrade-ng-windows-update-agent-sa-pinakabagong-bersyon">Paano Mag-upgrade ng Windows Update Agent sa Pinakabagong Bersyon</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/6D/how-to-find-the-cause-of-segmentation-fault-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-mahahanap-ang-dahilan-ng-segmentation-fault-sa-c">Paano Mahahanap ang Dahilan ng Segmentation Fault sa C++</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/1A/c-cpp-stringbuilder-examples-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/mga-halimbawa-ng-c-cpp-stringbuilder">Mga Halimbawa ng C++ (Cpp) StringBuilder</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/08/docker-architecture-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/arkitektura-ng-docker">Arkitektura ng Docker</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/90/how-to-clean-install-nvidia-drivers-on-ubuntu-22-04-lts-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-linisin-ang-pag-install-ng-mga-driver-ng-nvidia-sa-ubuntu-22-04-lts">Paano Linisin ang Pag-install ng Mga Driver ng NVIDIA sa Ubuntu 22.04 LTS</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/AC/compare-two-tables-in-sql-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paghambingin-ang-dalawang-talahanayan-sa-sql">Paghambingin ang Dalawang Talahanayan sa SQL</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/7C/what-is-rename-item-command-in-powershell-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ano-ang-rename-item-command-sa-powershell">Ano ang Rename-Item Command sa PowerShell?</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/windows/56/restore-microsoft-edge-close-all-tabs-prompt-after-disabling-it-accidentally-winhelponline.png);"></a> <div class="text"> <h3 class="heading"> <a href="/restore-microsoft-edge-close-all-tabs-prompt-after-disabling-it-accidentally-winhelponline">Ibalik ang Microsoft Edge na 'Close All Tabs' Prompt Matapos Hindi Ito Maaksidente nang Hindi Sinasadya - Winhelponline</a> </h3> <div class="meta"> <div> <a href="/windows/"><span class="icon-chat"></span> Windows</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/39/how-to-calculate-the-unscaled-gradient-of-a-tensor-in-pytorch-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-kalkulahin-ang-unscaled-gradient-ng-isang-tensor-sa-pytorch">Paano Kalkulahin ang Unscaled Gradient ng isang Tensor sa PyTorch?</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/3E/what-are-amazon-ec2-trn1-instances-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ano-ang-amazon-ec2-trn1-instances">Ano ang Amazon EC2 Trn1 Instances?</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/7E/how-do-i-alias-commands-in-git-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-ako-nag-uutos-ng-alias-sa-git">Paano Ako Nag-uutos ng Alias sa Git</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/47/why-is-a-capacitor-used-in-a-defibrillator-1.jpeg);"></a> <div class="text"> <h3 class="heading"> <a href="/bakit-ginagamit-ang-capacitor-sa-isang-defibrillator">Bakit ginagamit ang Capacitor sa isang Defibrillator</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/68/zsh-vim-mode-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/zsh-vim-mode">Zsh Vim Mode</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/B2/what-are-elasticsearch-documents-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ano-ang-elasticsearch-documents">Ano ang Elasticsearch Documents?</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/3D/how-to-do-url-decoding-in-java-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-gawin-ang-url-decoding-sa-java">Paano gawin ang URL Decoding sa Java</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/69/how-to-install-whatsapp-on-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-mag-install-ng-whatsapp-sa-raspberry-pi">Paano Mag-install ng WhatsApp sa Raspberry Pi</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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>