У овом упутству ћемо проучити Екпресс оквир. Овај оквир је направљен на такав начин да делује као минимални и флексибилни оквир веб апликација Ноде.јс, пружајући робустан скуп функција за изградњу једне и више страница и хибридне веб апликације.
У овом упутству ћете научити-
- Шта је Екпресс.јс?
- Инсталирање и коришћење Екпресс-а
- Шта су руте?
- Узорак веб сервера који користи екпресс.јс
Шта је Екпресс.јс?
Екпресс.јс је оквир сервера веб апликација Ноде јс, који је посебно дизајниран за изградњу једне странице, више страница и хибридних веб апликација.
Постао је стандардни серверски оквир за ноде.јс. Екпресс је позадински део нечега познатог као МЕАН стек.
МЕАН је бесплатни ЈаваСцрипт софтвер отвореног кода за израду динамичких веб локација и веб апликација који садржи следеће компоненте;
1) МонгоДБ - Стандардна база података НоСКЛ
2) Екпресс.јс - Подразумевани оквир веб апликација
3) Ангулар.јс - ЈаваСцрипт МВЦ оквир који се користи за веб апликације
4) Ноде.јс - Оквир који се користи за скалабилне апликације на страни сервера и мреже.
Оквир Екпресс.јс олакшава развој апликације која се може користити за обраду више врста захтева као што су захтеви ГЕТ, ПУТ и ПОСТ и ДЕЛЕТЕ.
Инсталирање и коришћење Екпресс-а
Екпресс се инсталира преко Ноде Пацкаге Манагер-а. То се може учинити извршавањем следеће линије у командној линији
нпм инсталл екпресс
Горња команда захтева од управитеља пакета Ноде да преузме потребне брзе модуле и инсталира их у складу с тим.
Користимо наш новоинсталирани Екпресс фрамеворк и створимо једноставну „Хелло Ворлд“ апликацију.
Наша апликација ће створити једноставан серверски модул који ће слушати на порту броја 3000. У нашем примеру, ако се захтев упути преко прегледача на овом броју порта, тада ће серверска апликација клијенту послати одговор 'Хелло' Ворлд ' .
var express=require('express');var app=express();app.get('/',function(req,res){res.send('Hello World!');});var server=app.listen(3000,function() {});
Објашњење кода:
- У нашем првом реду кода користимо функцију рекуире да бисмо укључили „експресни модул“.
- Пре него што почнемо да користимо експресни модул, треба да направимо његов објекат.
- Овде креирамо функцију повратног позива. Ова функција ће се позвати кад год неко пређе до корена наше веб апликације која је хттп: // лоцалхост: 3000 . Функција повратног позива користиће се за слање низа „Хелло Ворлд“ на веб страницу.
- У функцији повратног позива, клијенту шаљемо низ „Хелло Ворлд“. Параметар 'рес' користи се за слање садржаја назад на веб страницу. Овај параметар 'рес' пружа нешто што модул 'рекуест' омогућава да се садржај пошаље натраг на веб страницу.
- Затим користимо функцију преслушавања да би наша серверска апликација прислушкивала захтеве клијента на порту бр. 3000. Овде можете одредити било који слободни порт.
Ако се наредба успешно изврши, приказаће се следећи излаз када покренете свој код у прегледачу.
Излаз:
Из резултата,
- Јасно можете видети да ћемо, ако претражимо УРЛ локалног хоста на порту 3000, видети страницу „Хелло Ворлд“ приказану на страници.
- Будући да смо у нашем коду посебно споменули да сервер слуша на порту бр. 3000, у могућности смо да видимо излаз при претраживању ове УРЛ адресе.
Шта су руте?
Усмеравање одређује начин на који апликација одговара на захтев клијента до одређене крајње тачке.
На пример, клијент може да затражи ГЕТ, ПОСТ, ПУТ или ДЕЛЕТЕ хттп захтев за различите УРЛ адресе као што су оне приказане доле;
http://localhost:3000/Bookshttp://localhost:3000/Students
У горњем примеру,
- Ако се за први УРЛ поднесе ГЕТ захтев, тада би идеално требало да буде листа књига.
- Ако је ГЕТ захтев упућен за други УРЛ, тада би идеално требало да буде листа ученика.
- Дакле, на основу УРЛ-а којем се приступа, позваће се другачија функционалност веб сервера, и сходно томе, одговор ће се послати клијенту. Ово је концепт рутирања.
Свака рута може имати једну или више функција руковаоца, које се извршавају када се рута подудара.
Општа синтакса руте приказана је у наставку
app.METHOD(PATH, HANDLER)
У чему,
1) апп је инстанца експрес модула
2) МЕТХОД је метода ХТТП захтева (ГЕТ, ПОСТ, ПУТ или ДЕЛЕТЕ)
3) ПАТХ је путања на серверу.
4) ХАНДЛЕР је функција која се извршава када се рута подудара.
Погледајмо пример како можемо да применимо руте у екпрессу. Наш пример ће створити 3 руте као
- Рута А / Ноде која ће приказати низ "Туториал он Ноде" ако се приступи овој рути
- А / Кутна рута која ће приказати низ „Туториал он Ангулар“ ако се приступи овој рути
- Подразумевана рута / која ће приказати низ „Добродошли у водиче за Гуру99“.
Наш основни код остаће исти као и претходни примери. Исечак у наставку је додатак који показује како је рутирање примењено.
var express = require('express');var app = express();app.route('/Node').get(function(req,res){res.send("Tutorial on Node");});app.route('/Angular').get(function(req,res){res.send("Tutorial on Angular");});app.get('/',function(req,res){res.send('Welcome to Guru99 Tutorials');}));
Објашњење кода:
- Овде дефинишемо руту ако је у прегледачу изабрана УРЛ адреса хттп: // лоцалхост: 3000 / Ноде . Рути додајемо функцију повратног позива која ће бити позвана када претражимо УРЛ адресу чвора.
Функција има 2 параметра.
- Главни параметар који ћемо користити је параметар 'рес', који се може користити за слање информација клијенту.
- Параметар 'рек' садржи информације о поднетом захтеву. Понекад се додатни параметри могу послати као део поднесеног захтева, па се параметар 'рек' може користити за проналажење додатних параметара који се шаљу.
- Користимо функцију слања да бисмо клијенту послали низ „Водич за чвор“ ако је изабрана рута чвора.
- Овде дефинишемо руту ако је у прегледачу изабрана УРЛ хттп: // лоцалхост: 3000 / Ангулар . Рути додајемо функцију повратног позива која ће бити позвана када претражимо УРЛ адресу Ангулар.
- Користимо функцију слања за слање низа „Туториал он Ангулар“ клијенту ако је изабрана Ангулар рута.
- Ово је подразумевана рута која се бира када се пређе до руте апликације - хттп: // лоцалхост: 3000 . Када се одабере задата рута, клијенту ће се послати порука „Добродошли у водиче за Гуру99“.
Ако се наредба успешно изврши, приказаће се следећи излаз када покренете свој код у прегледачу.
Излаз:
Из резултата,
- Јасно можете видети да ћемо, ако претражимо УРЛ локалног хоста на порту 3000, видети страницу „Добродошли у водиче за Гуру99“ приказану на страници.
- Зато што смо у нашем коду напоменули да ће наша задата УРЛ адреса приказати ову поруку.
Из резултата,
- Можете видети да ако је УРЛ промењен у / Ноде, биће изабрана одговарајућа рута Ноде и приказат ће се низ "Туториал Он Ноде".
Из резултата,
- Можете видети да ако је УРЛ промењен у / Ангулар, биће изабрана одговарајућа рута Ноде и приказат ће се низ "Туториал Он Ангулар".
Узорак веб сервера који користи екпресс.јс
Из нашег горњег примера видели смо како можемо да одлучимо о томе који излаз ћемо приказати на основу рутирања. Оваква врста рутирања користи се у већини савремених веб апликација. Други део веб сервера говори о коришћењу шаблона у Ноде јс.
При креирању брзих Ноде апликација у лету, једноставан и брз начин је коришћење шаблона за апликацију. На тржишту је доступно много оквира за израду шаблона. У нашем случају, узећемо пример оквира жада за шаблонирање.
Јаде се инсталира преко менаџера чвора Ноде. То се може учинити извршавањем следеће линије у командној линији
нпм инсталирајте жад
Горња наредба захтева од управитеља пакета Ноде да преузме потребне жад модуле и инсталира их у складу с тим.
НАПОМЕНА: У најновијој верзији Ноде жада је застарело. Уместо тога, користите мопс.
Користимо наш новоинсталирани оквир жада и креирајмо неке основне предлошке.
Корак 1) Први корак је креирање шаблона од жада. Направите датотеку која се зове индек.јаде и убаците доњи код. Обавезно направите датотеку у директоријуму „виевс“
- Овде прецизирамо да ће наслов странице бити промењен у било коју вредност која се проследи када се позове овај образац.
- Такође прецизирамо да ће се текст у заглављу ознаке заменити оним што се проследи у шаблону жада.
var express=require('express');var app=express();app.set('view engine','jade');app.get('/',function(req,res){res.render('index',{title:'Guru99',message:'Welcome'})});var server=app.listen(3000,function() {});
Објашњење кода:
- Прво што треба навести у апликацији је „виев енгине“ који ће се користити за приказивање шаблона. Будући да ћемо користити жад за приказивање наших шаблона, то прецизирамо у складу с тим.
- Функција приказивања користи се за приказивање веб странице. У нашем примеру приказујемо шаблон (индек.јаде) који је створен раније.
- Вредности „Гуру99“ и „Добродошли“ прослеђујемо параметрима „наслов“ и „порука“. Ове вредности ће бити замењене параметрима 'титле' и 'мессаге' декларисаним у предлошку индек.јаде.
Ако се наредба успешно изврши, приказаће се следећи излаз када покренете свој код у прегледачу.
Излаз:
Из резултата,
- Видимо да је наслов странице постављен на „Гуру99“, а заглавље странице на „Добродошли“.
- То је због шаблона жада који се позива у нашој апликацији ноде јс.
Резиме
- Екпресс фрамеворк је најчешћи оквир који се користи за развој Ноде јс апликација. Екпресс фрамеворк је изграђен на врху ноде.јс оквира и помаже у брзом праћењу развоја серверских апликација.
- Руте се користе за преусмеравање корисника на различите делове веб апликација на основу поднетог захтева. Одговор за сваку руту може се разликовати у зависности од тога шта треба показати кориснику.
- Предлошци се могу користити за ефикасно убризгавање садржаја. Јаде је један од најпопуларнијих механизама за шаблонирање који се користи у Ноде.јс апликацијама.