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

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

Едге функције су једна од најузбудљивијих функција Нект.јс-а. Сазнајте више о Едге функцијама и пет начина да их користите у Нект.јс.

Шта су ивице функције?

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

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

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

instagram viewer

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

Ево неколико начина на које можете да користите функције Едге у ​​Нект.јс.

1. Динамиц Роутинг

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

Ово је драгоцено за стварање прилагодљивијих и динамичнијих веб апликација које се баве различитим захтевима.

Можете да користите функције Нект.јс Едге за имплементацију динамичког рутирања на следећи начин:

// пагес/апи/[слуг].јс
извозУобичајенофункцијаруковалац(рек, рес) {
конст { слуг } = рек.куери;
ако (пуж 'О томе') {
 рес.статус(200).сенд('Ово је страница са информацијама!');
 } другоако (пуж 'контакт') {
 рес.статус(200).сенд('Ово је страница за контакт!');
 } друго {
 рес.статус(404).сенд('Страница није пронађена.');
 }
}

Овај пример приказује садржај датотеке под називом [слуг.јс] у странице/апи директоријум за дефинисање прилагођене руте са динамичким подацима. Граница пужева се затим уклања из упита захтева помоћу рек.куери, што вам омогућава да се носите са захтевима који су снажно засновани на вредности пуж.

На пример, ако корисник оде на http://example.com/api/about, параметар слуг ће бити постављен на О томе. Тхе руковалац функција ће покренути одговарајући блок кода и приказати поруку "Ово је страница са информацијама!"

Уколико клијент посети http://example.com/api/contact, руковалац ће вратити поруку "Ово је страница за контакт!"

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

2. Дохваћање података

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

Едге функције Нект.јс могу да изврше преузимање података, као што је приказано у овом примеру:

// пагес/апи/усерс/[ид].јс
извозУобичајеноасинцфункцијаруковалац(рек, рес) {
конст { ид } = рек.куери;


// Преузимање корисничких података из АПИ-ја треће стране
конст одговор = чекати донеси (` https://api.example.com/users/${ид}`);
конст корисник = чекати респонсе.јсон();
// Враћа корисничке податке
 рес.статус(200).јсон (корисник);
}

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

Код затим извлачи ЈСОН информације позивањем респонсе.јсон() и чува га у променљивој. Коначно, користи се јсон метод одговора за форматирање података одговора као ЈСОН.

Дохваћање података ивице функције је моћна техника која вам омогућава да преузмете податке на ивици, смањујући оптерећење сервера и побољшавајући перформансе веб апликације.

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

3. Користи се у аутентификацији

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

Као пример, размотрите функцију која проверава стање аутентификације клијента и враћа га у одговору. Ево прегледа верификације која укључује Едге могућности у Нект.јс:

// пагес/апи/аутх.јс
извозУобичајено (рек, рес) => {
конст { исАутхентицатед } = рек.цоокиес;
ако (је аутентифициран) {
 рес.статус(200).јсон({ порука: 'Проверени сте' });
 } друго {
 рес.статус(401).јсон({ порука: 'Ниси аутентификован' });
 }
}

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

4. А/Б тест

Други начин на који можете да користите функције Нект.јс Едге је да оптимизујете перформансе веб апликације коришћењем А/Б тестирања. Можете да упоредите различите верзије веб локације или апликације користећи А/Б тестирање да бисте утврдили која има бољи учинак.

Илустрација како се Едге функције Нект.јс могу користити за извођење А/Б тестирања је следећа:

// пагес/апи/абтест.јс
конст варијанте = ['варијанта', 'варијанта Б'];
извозУобичајенофункцијаруковалац(рек, рес) {
конст { усерИд } = рек.куери;


// Генериши случајну варијанту за корисника
конст вариантИндек = Матх.под(Матх.рандом() * вариантс.ленгтх);
конст варијанта = варијанти[индекс варијанте];


// Чувајте варијанту у колачићу
 рес.сетХеадер('Сет-Цоокие', `варијанта=${варијанта}; Мак-Аге=604800;`);
// Рендерује одговарајућу варијанту
ако (варијанта 'варијанта') {
 рес.статус(200).сенд('Добро дошли у варијанту А!');
 } друго {
 рес.статус(200).сенд('Добро дошли у варијанту Б!');
 }
}

Овај код показује крајњу тачку АПИ интерфејса која покреће А/Б тест за две јединствене варијације странице сајта. Користи се Матх.рандом() метод за креирање насумичне варијанте за корисника и складиштење у колачић са рес.сетХеадер методом. Ово омогућава коду да осигура да клијент види исту варијацију приликом будућих посета.

Код тада користи варијанта вредност колачића за приказивање одговарајуће варијанте. Приказује поруку која показује коју је варијанту изабрао.

Користећи Едге функције, програмери могу да користе моћан алат који се зове А/Б тестирање да упореде различите верзије апликације или веб странице како би видели која има бољи учинак. Можете прикупити податке о понашању корисника и побољшати перформансе веб апликације и корисничко искуство насумично додељивањем корисника различитим варијантама.

5. Кеширање одговора

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

Ево илустрације како можете да извршите складиштење реакција помоћу Едге Цапабилитиес у Нект.јс:

// пагес/апи/дата.јс
конст подаци = { име: 'Н.Н. лице', старости: 30 };
извозУобичајенофункцијаруковалац(рек, рес) {
// Подесите заглавља одговора да бисте омогућили кеширање
 рес.сетХеадер('Кеш-Контрола', 'с-макаге=10, стале-вхиле-ревалидате');
// Врати податке
 рес.статус(200).јсон (подаци);
}

Овај пример дефинише АПИ крајњу тачку која враћа ЈСОН одговор са неким подацима.

Поставили смо заглавља реакције помоћу рес.сетХеадер технику за омогућавање резервисања за 10 секунди помоћу с-мак-аге граница. Ово указује да ЦДН може да кешира одговор до десет секунди пре него што захтева освежавање.

Такође користимо устајао-док-поново валидирати параметар да омогући ЦДН-у да послужи кеширани одговор који је истекао док се нови одговор даје у позадини. Чак и ако је кеширани одговор истекао, ЦДН ће генерисати нови и увек ће послати одговор.

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

Едге функције су невероватно моћна карактеристика Нект.јс

Подршка Нект.јс-а за Едге функције је убедљива функција која вам омогућава да покренете прилагођене функције без сервера ближе крајњем кориснику на рубној мрежи.

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

Коришћење Едге могућности у вашој архитектури може побољшати искуство ваших клијената и резултирати бржим веб апликацијама које боље реагују.