全棧身份認證實作:使用 Next.js、NextAuth.js 和 MongoDB-11. 帳號註冊

Claire Wei
ClaireWei
Published in
Dec 13, 2023

使用電子郵件和密碼進行帳號註冊的流程。

11–1. 設定註冊功能

  • 在 auth.actions.ts 中新增 signUpWithCredentials 以處理註冊請求,檢查電子郵件是否已被註冊,並對密碼進行加密處理,創建新用戶並保存到資料庫中。在註冊成功時顯示成功通知,並導向登入頁面;若發生錯誤則導向錯誤頁面,並顯示相應錯誤信息。
  • 在 “use client” 組件使用 server action 的方式:在 use server 頁面(SignUpPage)將 server action(signUpWithCredentials)作為 props 傳給 use client 組件(SignUpForm)。

程式碼

單元重點:

  • 新增 server actions:signUpWithCredentials

回到目錄
https://medium.com/p/3d2a3ec1d3b6

--

--