Kliendi- ja serveripoolse programmeerimise erinevus

Kaks ärimeest kasutavad serveriruumis arvutit

Veebiserverid võimaldavad veebilehtede olemasolu.

Pildi krediit: Ryan McVay / Digital Vision / Getty Images

Kui tunnete veidi HTML-i, saate luua funktsionaalse veebilehe, mis teavitab ja lõbustab saidi külastajaid. Tavalised veebilehed võivad olla kasulikud, kuid täiustatud saitide interaktiivsete, andmepõhiste ja mõjuvamate saitide loomiseks on vaja programmeerimiskoodi. Kasutatava programmeerimiskeele tüüp sõltub teie veebidisaini eesmärkidest. Enne veebisaidi loomist tutvuge kliendi- ja serveripoolse programmeerimise erinevustega. Neil on mõned omadused, kuid need erinevad oluliselt.

Kliendipoolne selgitus

Kui sisestate URL-i brauseri aadressiribale, toimib teie arvuti kliendina, mis küsib teavet kaugveebiserverist. Kõik kood, failid, andmed ja pildid, mida veebilehtedel näete, pärinevad kaugserveritest, mis saadavad selle brauseritele. Brauser koondab vastuvõetud ressursid ja loob kuvatava veebilehe. Lihtsad veebilehed võivad sisaldada ainult HTML-i avaldusi, teksti ja pilte, keerukamad aga võivad käivitada kliendibrauseris või veebiserveris asuvat koodi.

Päeva video

Kliendipoolse programmeerimise põhitõed

Igaüks saab luua kliendipoolse veebirakenduse mõne minutiga, kleepides HTML-dokumenti paar JavaScripti lauset ja vaadates seda brauseris. JavaScript on peamine kliendipoolne skriptikeel, mida saidiomanikud oma veebirakendustes kasutavad. JavaScripti saate kasutada objektide liikumiseks veebilehel, vormisisestuse kinnitamiseks, eriefektide loomiseks, veateadete kuvamiseks ja inimestelt teabe küsimiseks.

Täiendavad kliendipoolsed eelised

Kuna brauser ei pea seda tüüpi toimingute tegemiseks suhtlema kaugveebiserveriga, suudab kliendipoolne kood mõnda toimingut täita kiiremini kui serveripoolne kood. Näiteks kui klõpsate menüü avamiseks nuppu, saab kliendipoolne kood selle kohe käivitada. Kui serveripoolne kood tegeles selle ülesandega, peate enne menüü avanemist ootama, kuni brauser suhtleb serveriga. Samuti ei pea te kliendipoolse koodi loomiseks ja testimiseks installima veebiserverisse spetsiaalset tarkvara, kuna kõik brauserid saavad käitada kliendipoolset koodi.

Serveripoolne programmeerimine

Serveripoolsete tehnoloogiate hulka kuuluvad PHP ja Microsofti ASP.NET. Serveripoolne kood töötab saidi veebiserveris, mitte saidi külastaja brauseris. Kui külastate veebilehte, mis kasutab serveripoolset programmeerimist, ei pruugi te kunagi teada, et server on veebilehe vaatamise ajal hõivatud juhiste täitmisega. Hea näide serveripoolsest töötlemisest on ASP.NET leht, mis võimaldab muuta pildi suurust. Pärast pildi veebiserverisse üleslaadimiseks nupul klõpsamist muudab serveris olev kood pildi suurust ja saadab uue pildi tagasi teie brauserisse.

Täiendavad serveripoolsed eelised

Serveripoolne programmeerimine annab teile ka võimaluse andmeid salvestada ja hankida. See on oluline, kui soovite täita selliseid toiminguid nagu sisselogimisandmete salvestamine ja toomine ning anda inimestele võimalus otsida andmebaasis salvestatud andmeid. Need andmed võivad asuda teie veebiserveri asukohtades, näiteks andmebaasis või XML-failis. Serveripoolne töötlemine võib samuti aidata teil patenteeritud koodi konfidentsiaalsena hoida. Näiteks võite kirjutada PHP-koodi, mis teostab arvutusi patenteeritud müügivalemite abil, mida teie ettevõte hoiab saladuses. Kuna kood töötab teie serveris, ei saa inimesed, kes vaatavad teie veebilehti brauseris, seda koodi vaadata.

Hübriidveebirakendused

Paljud veebirakendused kasutavad serveri- ja kliendipoolse programmeerimise kombinatsiooni. Näiteks kuigi kliendipoolsed skriptid võivad vormi sisendit kinnitada, on mõistlik kasutada serveripoolset koodi selle uuesti kinnitamiseks pärast seda, kui saidi külastajad on vormiandmed serverisse esitanud. Üks teie veebilehtedest võib kasutada inimeste meelelahutuseks JavaScripti slaidiseanssi ja müügitellimuste töötlemiseks serveripoolset koodi. Olenemata kasutatavast tehnoloogiast on oluline oma veebirakendusi enne nende juurutamist põhjalikult testida.