Ноде.јс Екпресс ФрамеВорк Туториал - Научите за 10 минута

У овом водичу ћемо проучити Екпресс оквир. Овај оквир је изграђен на такав начин да делује као минималан и флексибилан оквир Ноде.јс веб апликација, пружајући робустан скуп функција за изградњу једне и више страница и хибридне веб апликације.

У овом водичу ћете научити-

Шта је Екпресс.јс?

Екпресс.јс је оквир сервера веб апликација Ноде јс, који је посебно дизајниран за израду веб страница са више страница, више страница и хибридних веб апликација.

Постао је стандардни серверски оквир за ноде.јс. Екпресс је позадински део нечега познатог као МЕАН стек.

МЕАН је бесплатни и отвореног кода ЈаваСцрипт програмски пакет за израду динамичких веб локација и веб апликација који има следеће компоненте;

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() {}); 

Објашњење кода:

  1. У првом реду кода користимо функцију рекуире за укључивање „експресног модула“.
  2. Пре него што почнемо да користимо експресни модул, морамо од њега да направимо објекат.
  3. Овде стварамо функцију повратног позива. Ова функција ће се позивати кад год неко посети корен наше веб апликације хттп: // лоцалхост: 3000 . Функција повратног позива ће се користити за слање низа 'Хелло Ворлд' на веб страницу.
  4. У функцији повратног позива клијенту шаљемо низ 'Хелло Ворлд'. Параметар 'рес' се користи за слање садржаја назад на веб страницу. Овај 'рес' параметар је нешто што обезбеђује модул 'рекуест' како би се омогућило слање садржаја назад на веб страницу.
  5. Затим користимо функцију листен то маке како би наша серверска апликација слушала захтеве клијената на порту бр. 3000. Овде можете навести било који доступан порт.

Ако се команда успешно изврши, следећи излаз ће бити приказан када покренете код у прегледачу.

Излаз:

Из излаза,

  • Јасно можете видети да ћемо, ако прегледамо УРЛ адресу локалног хоста на порту 3000, видети низ 'Хелло Ворлд' приказан на страници.
  • Пошто смо у нашем коду посебно поменули да сервер слуша на порту бр. 3000, у могућности смо да прикажемо излаз приликом прегледавања овог УРЛ -а.

Шта су руте?

Усмеравање одређује начин на који апликација одговара на захтев клијента до одређене крајње тачке.

На пример, клијент може да постави ГЕТ, ПОСТ, ПУТ или ДЕЛЕТЕ хттп захтев за различите УРЛ -ове, попут оних приказаних испод; | _+_ |

У горњем примеру,

  • Ако се за први УРЛ направи ГЕТ захтев, идеално би одговор требао бити листа књига.
  • Ако је ГЕТ захтев упућен за другу УРЛ адресу, идеално би било да одговор буде листа ученика.
  • Дакле, на основу УРЛ -а којем се приступа, позваће се другачија функционалност на веб серверу, и сходно томе, одговор ће бити послан клијенту. Ово је концепт усмеравања.

Свака рута може имати једну или више функција руковаоца, које се извршавају када се рута подудара.

Општа синтакса за руту је приказана испод | _+_ |

У чему,

1) апликација је инстанца експресног модула

2) МЕТХОД је ХТТП захтев (ГЕТ, ПОСТ, ПУТ или ДЕЛЕТЕ)

3) ПАТХ је путања на серверу.

4) ХАНДЛЕР је функција која се извршава када се рута подудара.

Погледајмо пример како можемо имплементирати руте у експресу. Наш пример ће створити 3 руте као

  1. А /Ноде роуте који ће приказати стринг 'Туториал он Ноде' ако се приступи овој рути
  2. А /Угаона рута која ће приказати стринг „Туториал он Ангулар“ ако се овој рути приступи
  3. Подразумевана рута / која ће приказивати низ „Добро дошли у Гуру99 водиче“.

Наш основни код ће остати исти као и претходни примери. Испод исечак је додатак који приказује како се рутирање примењује.

http://localhost:3000/Books http://localhost:3000/Students

Објашњење кода:

  1. Овде дефинишемо руту ако је УРЛ хттп: // лоцалхост: 3000/Ноде је изабран у прегледачу. Рути додајемо функцију повратног позива која ће се позвати када прегледамо УРЛ чвора.

    Функција има 2 параметра.

  • Главни параметар који ћемо користити је 'рес' параметар, који се може користити за слање информација назад клијенту.
  • Параметар 'рек' садржи информације о поднетом захтеву. Понекад се могу послати додатни параметри као дио посланог захтјева, па се стога параметар 'рек' може користити за проналажење додатних параметара који се шаљу.
  1. Користимо функцију сенд за слање низа 'Туториал он Ноде' назад клијенту ако је изабрана рута чвора.
  2. Овде дефинишемо руту ако је УРЛ хттп: // лоцалхост: 3000/Ангулар је изабран у прегледачу. Рути додајемо функцију повратног позива која ће бити позвана када прегледамо Ангулар УРЛ.
  3. Користимо функцију сенд за слање стринга 'Туториал он Ангулар' назад клијенту ако је изабрана Ангулар рута.
  4. Ово је подразумевана рута која се бира када се дође до путање апликације - хттп: // лоцалхост: 3000 . Када се изабере подразумевана рута, клијенту ће бити послата порука „Добро дошли у Гуру99 упутства“.

Ако се команда успешно изврши, следећи излаз ће бити приказан када покренете код у прегледачу.

Излаз:

Из излаза,

  • Јасно можете видети да ћемо, ако прегледамо УРЛ адресу локалног хоста на порту 3000, на страници видети низ „Добро дошли у Гуру99 упутства“.
  • Зато што смо у нашем коду споменули да ће наш подразумевани УРЛ приказати ову поруку.

Из излаза,

  • Можете видети да ако је УРЛ адреса промењена у /Ноде, изабрана је одговарајућа рута чвора и приказан је низ 'Туториал Он Ноде'.

Из излаза,

  • Можете видети да ако је УРЛ адреса промењена у /Ангулар, изабрана је одговарајућа рута чвора и приказан је низ „Туториал Он Ангулар“.

Пример веб сервера помоћу екпресс.јс

Из нашег горњег примера видели смо како можемо да одлучимо шта ћемо приказати на основу усмеравања. Ова врста усмеравања се користи у већини савремених веб апликација. Други део веб сервера је употреба шаблона у Ноде јс.

Приликом креирања брзих апликација Ноде у покрету, једноставан и брз начин је коришћење шаблона за апликацију. На тржишту постоји много оквира за израду шаблона. У нашем случају, узећемо пример оквира од жада за шаблонирање.

Јаде се инсталира преко управитеља пакета чворова. Ово се може урадити извршавањем следеће линије у командној линији

нпм инсталл јаде

Горња команда захтева од менаџера пакета Ноде да преузме потребне јаде модуле и инсталира их у складу с тим.

БЕЛЕШКА: У најновијој верзији Ноде јаде је застарео. Уместо тога, користите мопс.

Хајде да искористимо наш недавно инсталирани оквир од жада и створимо неке основне предлошке.

Корак 1) Први корак је креирање шаблона од жада. Направите датотеку под називом индек.јаде и уметните доњи код. Обавезно креирајте датотеку у фасцикли 'виевс'

  1. Овде специфицирамо да ће се наслов странице променити у вредност која се пренесе када се позове овај шаблон.
  2. Такође прецизирамо да ће се текст у ознаци заглавља заменити оним што се пренесе у шаблон за жад.

app.METHOD(PATH, HANDLER)

Објашњење кода:

  1. Прва ствар коју треба навести у апликацији је 'виев енгине' који ће се користити за исцртавање шаблона. Будући да ћемо користити јаде за исцртавање наших шаблона, ми то специфицирамо у складу с тим.
  2. Рендер функција се користи за исцртавање веб странице. У нашем примеру исцртавамо шаблон (индек.јаде) који је креиран раније.
  3. Прослеђујемо вредности 'Гуру99' и 'Добродошли' параметрима 'титле' и 'мессаге'. Ове вредности ће бити замењене параметрима 'титле' и 'мессаге' декларисаним у предлошку индек.јаде.

Ако се команда успешно изврши, следећи излаз ће бити приказан када покренете код у прегледачу.

Излаз:

Из излаза,

  • Видимо да се наслов странице поставља на „Гуру99“, а заглавље странице на „Добро дошли“.
  • То је због шаблона јаде који се позива у нашој ноде јс апликацији.

Резиме

  • Екпресс фрамеворк је најчешћи оквир који се користи за развој Ноде јс апликација. Екпресс фрамеворк је изграђен на врху оквира ноде.јс и помаже у брзом развоју апликација заснованих на серверу.
  • Руте се користе за преусмеравање корисника у различите делове веб апликација на основу постављеног захтева. Одговор за сваку руту може се разликовати у зависности од тога шта треба показати кориснику.
  • Шаблони се могу користити за ефикасно убацивање садржаја. Јаде је један од најпопуларнијих предложака који се користи у Ноде.јс апликацијама.