Cara Melaksanakan Pengesahan Token dalam Next.js Menggunakan JWT

Pembaca seperti anda membantu menyokong MUO. Apabila anda membuat pembelian menggunakan pautan di tapak kami, kami mungkin mendapat komisen ahli gabungan. Baca Lagi.

Pengesahan token ialah strategi popular yang digunakan dalam melindungi aplikasi web dan mudah alih daripada capaian yang tidak dibenarkan. Dalam Next.js, anda boleh menggunakan ciri pengesahan yang disediakan oleh Next-auth.

Video MUO pada hari itu SCROLL UNTUK MENERUSKAN KANDUNGAN

Sebagai alternatif, anda boleh memilih untuk membangunkan sistem pengesahan berasaskan token tersuai menggunakan Token Web JSON (JWT). Dengan berbuat demikian, anda memastikan bahawa anda mempunyai lebih kawalan ke atas logik pengesahan; pada asasnya, menyesuaikan sistem supaya sepadan dengan keperluan projek anda dengan tepat.

Sediakan Projek Next.js

Untuk bermula, pasang Next.js dengan menjalankan arahan di bawah pada terminal anda.

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

Panduan ini akan digunakan Next.js 13 yang merangkumi direktori aplikasi .

Next.js 13 struktur folder projek pada Kod VS.

Seterusnya, pasang kebergantungan ini dalam projek anda menggunakan npm, Pengurus Pakej Node .

 npm install jose universal-cookie

Jose ialah modul JavaScript yang menyediakan satu set utiliti untuk bekerja dengan Token Web JSON manakala universal-cookie kebergantungan menyediakan cara mudah untuk bekerja dengan kuki penyemak imbas dalam kedua-dua persekitaran sisi klien dan sisi pelayan.