Шта је Екпресс.јс и зашто бисте га требали користити?

Екпресс.јс (или „Екпресс“) је НодеЈС веб оквир који се користи на позадини (или на страни сервера) веб локација и веб апликација. Екпресс је флексибилан и минималистички, што значи да нема велику колекцију непотребних библиотека и пакета, нити диктира како треба да направите своју апликацију.

Екпресс оквир гради АПИ-је који олакшавају комуникацију путем ХТТП захтева и одговора. Једна од изузетних ствари у вези са Екпресс-ом је то што програмерима даје потпуну контролу над захтевима и одговорима који су повезани са сваким од метода његове апликације.

У овом водичу ћете научити како и зашто треба да користите Екпресс у сопственим пројектима.

Инсталирање Екпресса у ваш пројекат

Пре него што будете могли да користите Екпресс фрамеворк, мораћете да га инсталирате у директоријум пројекта. Ово је једноставан процес који захтева НодеЈС и нпм.

Прва ствар коју треба да урадите је да креирате а пацкаге.јсон датотеку (у оквиру директоријума/фасцикле вашег пројекта) користећи следећу команду:

нпм инит

Извршавање горње команде ће покренути процес који ће од вас тражити следеће уносе:

• Назив пакета
• Верзија
• Опис
• Улазна тачка
• Тест команда
• Кључне речи
• Аутор
• Лиценца

Име пакета, верзија, улазна тачка и поља лиценце имају подразумеване вредности које можете лако да заобиђете тако што ћете дати своје вредности. Међутим, ако желите да задржите подразумеване вредности, можете једноставно користити следећу команду:

нпм инит -и

Извршавање горње команде ће генерисати следеће пацкаге.јсон датотеку у директоријуму вашег пројекта:

{
"наме": "миапп",
"верзија": "1.0.0",
"Опис": "",
"маин": "индек.јс",
"скрипте": {
"тест": "ецхо \"Грешка: није наведен тест\" && излаз 1"
},
"кључне речи": [],
"аутор": "",
"лиценца": "ИСЦ",
}

Сада можете да инсталирате Екпресс користећи следећу команду:

нпм инсталл екпресс --саве

Инсталирање Екпресс-а ће генерисати а пацкаге-лоцк.јсон фајл као и а ноде_модулес фолдер.

Разумевање датотеке пацкаге.јсон

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

Инсталирањем Екпресс-а у директоријуму вашег пројекта аутоматски ће се ажурирати ваш пацкаге.јсон фајл.

Ажурирана датотека пацкаге.јсон

{
"наме": "миапп",
"верзија": "1.0.0",
"Опис": "",
"маин": "индек.јс",
"скрипте": {
"тест": "ецхо \"Грешка: није наведен тест\" && излаз 1"
},
"кључне речи": [],
"аутор": "",
"лиценца": "ИСЦ",
"зависности": {
"екпресс": "^4.17.1"
}
}

Сада имате поље „зависности“ које има једну зависност — Екпресс. И тхе зависности објекат складишти софтвер од којег зависи ваш пројекат да би исправно функционисао, што је у овом случају Екпресс фрамеворк.

Креирање сервера помоћу Екпресс-а

Поседовање АПИ-ја који управља складиштењем и премештањем података је услов за сваку апликацију са пуним стеком, а Екпресс чини процес креирања сервера брзим и лаким.

Погледај назад на пацкаге.јсон датотеку изнад и видећете „главно“ поље. Ово поље чува улазну тачку у вашу апликацију, а то је „индек.јс“ у примеру изнад. Када желите да извршите своју апликацију (или у овом случају, сервер који намеравате да направите), мораћете да извршите индек.јс датотеку користећи следећу команду:

индекс чвора.јс

Међутим, пре него што дођете до фазе извршења, мораћете да креирате индек.јс (или серверске апликације) у директоријуму вашег пројекта.

Креирање датотеке индек.јс

цонст екпресс = рекуире('екпресс');
цонст апп = екпресс();
цонст порт = 5000;
апп.гет('/', (рек, рес) => {
рес.сенд('Ваш сервер је оперативан')
})
апп.листен (порт, () => {
цонсоле.лог(`Сервер ради на: http://localhost:${port}`);
})

Датотека изнад увози Екпресс, а затим је користи за креирање Екпресс апликације. Експресна апликација тада пружа приступ добити и слушај методе које су део Екпресс модула. Тхе апп.листен() метод је први који треба да подесите. Његова сврха је да наведе конекције на одређеном порту главног рачунара, тј порт 5000 у горњем примеру.

Сврха је апп.гет() метод је да добијете податке из одређеног ресурса. Овај метод има два аргумента: путању и функцију повратног позива. Аргумент путање у горњем примеру има косу црту која представља основну позицију. Стога, навигација до http://localhost: 5000 УРЛ (који је корен ваше апликације), док је ваша индек.јс апликација изнад покренута, произвешће следећи излаз у вашем претраживачу:

Тхе апп.гет() функција повратног позива метода генерише излаз изнад. Ова функција повратног позива има два аргумента — захтев и одговор. Одговор (који је рес у примеру изнад) је ХТТП објекат који Екпресс апликација шаље након ХТТП захтева (што радите тако што укуцате УРЛ изнад у прегледачу).

Послуживање статичне веб локације помоћу вашег Екпресс сервера

Сервери играју значајну улогу у развоју АПИ-ја који помажу у складиштењу и преносу динамичких података, и ту ћете највероватније користити Екпресс сервер у сопственим пројектима.

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

Пример статичког ХТМЛ веб сајта

 кућа 







Добродошли

Лорем ипсум долор сит амет, цонсецтетур адиписицинг елит. Поссимус рерум оффициа куибусдам моллитиа десерунт аними солута лаудантиум. Куам сапиенте а долорум магнам нецесситатибус куис темпоре фацере тотам. Долор, секуи дифферентио!

Прикажи услуге

ХТМЛ код изнад креира угодну статичну почетну страницу личне веб странице стилиста повезујући се на следећу датотеку стиле.цсс:

*{
маргина: 0;
паддинг: 0;
бок-сизинг: бордер-бок;
}
тело {
фонт-фамили: 'Лато', санс-сериф;
лине-хеигхт: 1.5;
}
а {
боја: #333;
текст-декорација: нема;
}
ул {
стил листе: ниједан;
}
п {
маргина: .5рем 0;
}
х1{
маргин-лефт: 2рем;
}
/* Корисност */
.контејнер {
мак-видтх: 1100пк;
маргина: ауто;
паддинг: 0 2рем;
преливање: скривено;
}
.бтн {
дисплеј: инлине-блоцк;
граница: нема;
позадина: #910505;
боја: #ффф;
паддинг: 0.5рем 1рем;
радијус границе: 0.5рем;
}
.бтн: ховер {
непрозирност: 0,9;
}
/* Навбар */
#навбар {
позадина: #ффф;
положај: лепљив;
топ: 0;
з-индекс: 2;
}
#навбар .цонтаинер {
приказ: мрежа;
грид-темплате-цолумнс: 6фр 3фр 2фр;
паддинг: 1рем;
алигн-итемс: центар;
}
#навбар х1 {
боја: #б30707;
}
#навбар ул {
оправдати се: крај;
дисплеј: флек;
маргин-десно: 3.5рем;
}
#навбар ул ли а {
паддинг: 0.5рем;
фонт-веигхт: болд;
}
#навбар ул ли а.цуррент {
позадина: #б30707;
боја: #ффф;
}
#навбар ул ли а: ховер {
позадина: #ф3ф3ф3;
боја: #333;
}
#навбар .социал {
оправдати се: центар;
}
#навбар .социал и {
боја: #777;
маргин-ригхт: .5рем;
}
/* кућа */
#кућа {
боја: #ффф;
позадина: #333;
паддинг: 2рем;
положај: релативан;
}
#хоме: пре {
садржај: '';
позадина: урл ( https://source.unsplash.com/random) центар/поклопац без понављања;
позиција: апсолутна;
топ: 0;
лево: 0;
ширина: 100%;
висина: 100%;
непрозирност: 0,4;
}
#хоме .сховцасе-цонтаинер {
приказ: мрежа;
грид-темплате-цолумнс: поновити (2, 1фр);
јустифи-цонтент: центар;
алигн-итемс: центар;
висина: 100вх;
}
#хоме .сховцасе-цонтент {
з-индекс: 1;
}
#хоме .сховцасе-цонтент п {
маргин-боттом: 1рем;
}

Сервисирање веб локације помоћу Екпресс сервера

цонст екпресс = рекуире('екпресс');
цонст апп = екпресс();
цонст порт = 5000;
апп.усе (екпресс.статиц('публиц'));
апп.гет('/', (рек, рес) => {
рес.сендФиле('индек.хтмл')
})
апп.листен (порт, () => {
цонсоле.лог(`Сервер ради на: http://localhost:${port}`);
})

ХТМЛ и ЦСС датотеке изнад се налазе у јавној фасцикли у главном директоријуму пројекта. Локација ХТМЛ датотеке чини је приступачном за Екпресс сервер и његове функције.

Једна од нових функција у експрес серверу изнад је апп.усе() методом. Монтира се екпресс.статиц() међувера, који служи статичким датотекама. Ово омогућава коришћење рес.сендФиле() функција да служи статичкој индек.хтмл фајл изнад.

Навигација до http://localhost: 5000 локација у вашем претраживачу ће приказати нешто слично следећем излазу:

Истражите Бацкенд развој

Експрес оквир вам омогућава да направите специфичне ХТТП захтеве и добијете одговарајуће одговоре користећи скуп унапред дефинисаних метода. То је такође један од најпопуларнијих позадинских оквира данас.

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

Научите како да постанете Бацкенд програмер 2021

Ако сте се одлучили за каријеру у ИТ-у, можете учинити и горе од учења вештина које су вам потребне да бисте били бацкенд програмер.

Реад Нект

О аутору