Kā ieviest marķiera autentifikāciju vietnē Next.js, izmantojot JWT

Tādi lasītāji kā jūs palīdz atbalstīt MUO. Veicot pirkumu, izmantojot saites mūsu vietnē, mēs varam nopelnīt filiāles komisiju. Lasīt vairāk.

Tokena autentifikācija ir populāra stratēģija, ko izmanto, lai aizsargātu tīmekļa un mobilās lietojumprogrammas no nesankcionētas piekļuves. Vietnē Next.js varat izmantot Next-auth nodrošinātās autentifikācijas funkcijas.

MUO dienas video RITINĀT, LAI TURPINĀTU AR SATURU

Varat arī izvēlēties izstrādāt pielāgotu uz marķieri balstītu autentifikācijas sistēmu, izmantojot JSON tīmekļa marķierus (JWT). To darot, jūs nodrošināsiet lielāku kontroli pār autentifikācijas loģiku; būtībā sistēmas pielāgošana, lai tā precīzi atbilstu jūsu projekta prasībām.

Iestatiet Next.js projektu

Lai sāktu, instalējiet Next.js, savā terminālī izpildot tālāk norādīto komandu.

 npx create-next-app@latest next-auth-jwt --experimental-app

Šī rokasgrāmata izmantos Next.js 13, kas ietver lietotņu direktoriju .

labākais veids, kā pārdot komiksu grāmatas

Next.js 13 projekta mapju struktūra uz VS Code.

Pēc tam instalējiet šīs atkarības savā projektā, izmantojot npm, mezgla pakotņu pārvaldnieks .

 npm install jose universal-cookie

Hosē ir JavaScript modulis, kas nodrošina utilītu kopu darbam ar JSON tīmekļa marķieriem, kamēr universāls cepums atkarība nodrošina vienkāršu veidu, kā strādāt ar pārlūkprogrammas sīkfailiem gan klienta, gan servera vidē.