我們將了解如何在 Angular 中進行使用者註冊、登入和 JWT 驗證。我們將創建
一個基本的 Angular 應用程序,該應用程式將招募用戶、登錄,然後允許用戶訪問
應用程式的登錄頁面(假設用戶已使用 JWT 進行驗證)。查看
在 Angular 中執行使用者註冊、登入和 JWT 驗證以及 NodeJS 中的後端部分的完整原始程式碼。
我們正在建設什麼?
我們將製作一個簡單的 Angular 應用程序,用戶可 埃及 電話號碼庫 以透過提供用戶名和
密碼來加入,然後我們將允許用戶使用這些認證登錄,有效登錄後我們將
打開 Angular 用戶端。將從 NodeJS 後端發送 JWT 令牌,以
在獲取不同資產時儲存和利用額外驗證。
我們將在 Angular 中製作三個獨立的部分,分別用於登記、登入和主頁。此外,
只有當使用者使用合法的 JWT 令牌登入時,才會承認使用者可以進入家中。
角排列
首先,我們確實想要安排我們的 Angular 應用程式。我們首先
在終端機中運行隨附的命令如何?
NG 新的 jwt-validation 角度
當項目建成後,請使用下面的命令檢查它是否正在運行。
吳氏行政
它應該自然地在本地熱點 4200 上運行我們的任務。確實在任何程序中查看以進行檢查。
為了減少我們在 CSS 樣式方面的工作,我們同樣會使用 Bootstrap,一個 CSS 系統。因此,請隨意
使用以下命令直接引入它來添加到應用程式中,
新用戶註冊
既然已經完成所有設置,我們應該創建一個註冊 這就是 2xCeed 的工作原理 部分以允許用戶註冊。在根信封中,
在“中開啟一個終端並建立一個名為“register”的部分。您可以利用隨附的
訂單來製作一份。
註冊資料夾jwt
我們同樣需要協助將註冊請求傳送到我們的 NodeJS 伺服器。我們可以
使用以下命令進行註冊管理。現將有助於未來的每個方面獲得支持。
角度變體
Angular 的底層變體被命名為 Angular 2。
此後,Angular 團隊持續提供新形式的 Angular 表現 埃克萊拉納賈 形式,最後一個穩定
變體可在 Angular 10.0.12 中使用。 Angular 9 已於 2020 年 2 月 6 日交付。 Angular 9 是一個主要的
送貨。這次交付理所當然地改變了 Ivy 編譯器和執行時間。 IVY 帶來更
適中的包裝尺寸、更快更好的測試故障排除、更好的分類檢查、組裝時間和