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

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

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

Шта су радње сервера?

Радње сервера вам омогућавају да пишете једнократне функције на страни сервера поред компоненти вашег сервера. Ово је огромно јер више не морате да пишете АПИ руте када шаљете обрасце или радите било коју другу врсту мутације података, укључујући Мутације ГрапхКЛ података.

Можете имати функције које се покрећу на вашем серверу, а затим их можете позвати са клијентских или серверских компоненти. Ово је алфа функција у Нект.јс 13.4 и изграђена је на Реацт Ацтионс. Коришћење серверских радњи доводи до смањеног ЈаваСцрипт-а на страни клијента и може вам помоћи да креирате прогресивно побољшане обрасце.

Пример радњи сервера

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

Ево увоза:

увоз Линк из"следеће/линк"
увоз ФормГроуп из"@/цомпонентс/ФормГроуп"
увоз { ревалидатеТаг } из"следеће/кеш"
увоз {редирецт} из"следеће/навигација"

Сада за код за креирање поста. Ова функција је радња сервера; ради на серверу и шаље наслов и тело поста АПИ-ју (који креира објаву у бази података):

асинцфункцијацреатеПост(података) {
"користи сервер"
конст титле = дата.гет("титула")
конст тело = дата.гет("тело")
чекати донеси (" http://127.0.0.1/posts", {
 заглавље: {"Тип садржаја": "апплицатион/јсон"},
 метод: ПОСТ,
 тело: ЈСОН.стрингифи({наслов, тело})
 })
 ревалидатеТаг("постови")
 преусмеравање("/")
}

Ова функција добија наслов и тело поста које затим шаље на /posts крајња тачка преко ПОСТ захтева. Затим присиљава кеш да освежи садржај повезан са ознаком „постс“ и преусмерава назад на почетну страницу.

Ево обрасца за прикупљање наслова и текста новог поста:

извозУобичајено НевПостФорм() {
повратак (





"титула">Наслов</label>
"текст" наме="титула" ид="титула" />
 </FormGroup>
 </div>




"титула">Тело</label>
"тект"спан> наме="боди"спан> ид="боди"спан>> <тектареаспан>/>< /спан>спан> </ФормГроуп>спан> </див>спан>п>цоде>   Сачувај </буттон>спан> </див>спан> </форм>спан> )}цоде> п>пре> Можете да видите да образац не садржи логику која се односи на креирање поста, већ само радњу обрасца: функцију цреатеПост()стронг>. Подсетимо се да функција цреатеПост има директиву "усе сервер" која изјављује да је све у томе функција треба да ради на серверу.п> Сав код ради на серверу, а ваш клијент не зна ништа о томе. То је зато што је образац серверска компонента и не постоји ништа што се динамички приказује на клијент.п> Када кликнете на дугме Сачувајстронг>, Нект.јс позива цреатеПост()стронг> функција. Ово шаље наслов и тело као податке обрасца, који се објављују у локалном АПИ-ју ради чувања информација.п>  Поновна валидација објаве х2> На дну функције цреатеПост()стронг> налази се следећи ред кода:п>  ревалидатеТагс("постс"спан>)< /цоде> пре> Да бисте разумели шта та функција ради, замислите да имате страницу постова. Унутар компоненте постова, позвали бисте функцију под називом гетПостс()стронг> да бисте добили све постове из ваше базе података и приказали их да их корисник види:п>  извозспан> подразумеваноспан> асинцспан> функцијаспан> Постовиспан>() спан>{ констспан> постова = чекајтеспан> гетПостс()цоде> повратакспан> (  {постс.мап(постспан> = >спан> {  })} </див>спан> )}цоде> п>пре> Функција гетПостс()стронг> би изгледала овако:п>  асинцспан> функцијаспан> гетПостсспан>() спан>{ цонстспан> рес = аваитспан> дохвати(" https://127.0.0.1/posts? сорт=титле"спан>, { следеће: {ознакеспан>: ["постови"спан>], поново потврдиспан>: 3600спан> } })цоде> ретурнспан> рес.јсон()}цоде > п>пре> Ова функција прослеђује опцију следећестронг> за преузимање, омогућавајући вам да подесите период провере. Подразумевано, сваки појединачни захтев за преузимање који направите унутар серверске компоненте се заувек кешује. Праћење кеша и његово освежавање када је потребно је важан део дохваћања података у Нект.јсспан>.п> Горењи код говори Нект.јс да кешира податке о постовимастронг> до једног сата (3.600 секунди). После сат времена, подаци постају застарели и Нект.јс их освежава да би добио најновије податке из базе података.п> Запамтите то. функција цреатеПост()стронг> позива ревалидатеТаг("постс")стронг> када заврши остатак свог рада. Ово приморава Нект.јс да поново преузме те податке који би требало да садрже нови пост који је апликација управо креирала.п>  Доказ да ваш код ради на серверу х2> Да бисте били сигурни да је сав код покренут на серверу, можете додати следећу изјаву дневника конзоле унутар Функција цреатеПост()стронг>:п>  цонсолеспан>.лог(„Покреће се на серверу“спан>)цоде > пре> Затим покушајте да креирате нову објаву кликом на дугме за слање. Ако ваш код ради на серверу, та порука дневника ће се појавити на вашем терминалу. Али ако се покреће на клијенту, евиденција ће се појавити у конзоли прегледача.п> Ово чини безбедним постављање осетљивих података. информације као што су променљиве окружења, везе са базама података и лозинке на серверу без страха да ће бити изложене клијент. Затим можете читати стрингове из своје .енв датотекеспан> у апликацији Нект.јс.п> Можете желите да резервишете коришћење радњи сервера за верзије Нект.јс касније од 13.4, посебно у производње. Али и даље је заиста узбудљиво видети где ова функција иде јер непрестано гура шта можете да урадите премештањем све више и више ствари на сервер. То би требало да олакша писање ваших клијентских апликација, а процес њиховог развоја много угоднијим.п>  Сазнајте више о преласку на следећи .јс х2> Многи фронт-енд програмери користе Реацт за развој корисничког интерфејса. Али захваљујући функцијама као што су рендеровање на страни сервера и генерисање статичког сајта, многи од ових програмера мигрирају своје апликације да користе Нект.јс. Ова миграција је веома једноставна пошто је Реацт прилично сличан Нект.јс синтакси.п> Додатне перформансе и повећање безбедности захтевају миграцију још више. Могућност поседовања компоненти на страни сервера, заједно са новим радњама сервера које смо управо покрили, чини Нект.јс безбеднијом и ефикаснијом опцијом у поређењу са обичним Реацт-ом. Као Реацт програмер, требало би да научите како да мигрирате своју апликацију на Нект.јс.п> див>див>флоки>