在现代 Web 应用程序中,用户注册和认证是非常重要的组成部分。为了让用户能够使用您的应用程序,他们必须首先注册并进行身份验证。分别实现这些功能是繁琐且容易出错的,因此,许多 Web 开发人员使用第三方库来处理这个过程。一个非常流行的选择是 Passport.js,它是一个可扩展的用户认证库,适用于 Node.js。在 Deno 中使用 Passport.js 也是可行的,并且本文将介绍如何实现用户认证并保护 Deno 应用程序。
安装 Passport.js
要在 Deno 中使用 Passport.js,我们需要先安装它。可以使用 NPM 或 Yarn 进行安装,具体取决于您使用哪种包管理器:
- -- --- -- --- ------- -------- -------------- - -- ---- -- ---- --- -------- --------------
创建用户模型
接下来,我们需要创建一个用户模型,以便 Passport.js 可以与之交互。模型需要至少包含用户的用户名和密码。我们将创建一个名为 User 的类,该类将包含一些有用的方法来验证用户凭据。
----- ---- - -- ------------------------------------ ------- ------ ------ - --------- ------- --------- ------ --- - --- ------------------ --------- ------- ------ --------- ------- -- ------ ------ ------------------------ -------- ---- - --------- - ----- ---- - -------------------- -- ------------- --- ---------- -- ------ - ------ --- ------------------- --------------- - ------ ---------- - ------ ----- -------------------------- -------- ---------------- - ------ -------- --- -------------- - -
在上面的代码中,我们创建了一个 User 类。该类有两个属性:username 和 password。它还包含了一个 findByUsername 方法,该方法将在包含所有用户的数组中查找给定用户名的用户,并返回一个 User 实例。最后,我们还有一个 validatePassword 方法,该方法将验证给定的密码是否与用户的密码匹配。
配置 Passport.js
现在我们已经设置好了用户模型,接下来我们要为应用程序配置 Passport.js。我们需要引入 Passport.js、Passport-local 和一些相关的中间件。在下面的代码中,我们将设置一个本地策略,该策略验证用户输入的用户名和密码与数据库中存储的是否匹配。
------ - ------------ ------ - ---- --------------------------------- ------ - -- -------- ---- -------------------------------------- ------ - -------- -- ------------- - ---- -------------------------------------------- ------ - ---- - ---- ------------------- ----- --- - --- -------------- -- ------ ------------- --- ------------------- ---------- --------- ----- -- - ----- ---- - ------------------------------ -- ------- - ------ ---------- ------ - -------- ---------- ---------- --- - -- ------- -------------------------------- - ------ ---------- ------ - -------- ---------- ---------- --- - ------ ---------- ------ --- -- -- ------------ ----------------------------- ----- ----- -- - ---------- --------------- --- ------------------------------ ---------- ------- ----- -- - ---------- ------------------------------- --- -- -- ----------- ------ -------- ----- ----- ------ - --- --------- ------------ --------- ------------------------------ - ---------------- -------- --- ----- -- - ----------------- - ------ ------------- -- -- -------------------------
在上面的代码中,我们首先引入了需要使用的模块和类。随后,我们在本地策略中使用 findByUsername 方法查找用户,并使用 validatePassword 方法验证密码。我们还定义了两个方法:serializeUser 和 deserializeUser。这些方法将在用户登录时自动调用,以将用户序列化为 JSON 格式。最后,我们设置了一个端点,以便应用程序可以处理用户登录。
创建登录表单
最后一步是创建一个登录表单,以允许用户输入他们的凭证。在下面的 HTML 中,我们创建了一个简单的表单,允许用户输入用户名和密码。在表单提交时,我们将使用 AJAX 请求登录 URL。
------ ----- ---------------- ------ -------------------------------- ------ ----------- ------------- ---------------- ------ -------------------------------- ------ --------------- ------------- ---------------- ------- ---------------------------- ------- -------- ----- --------- - -------------------------------------- ------------------------------------ ----- --- -- - ------------------- ----- -------- - ------------------------------------------ ----- -------- - ------------------------------------------ ----- --- - --------- ----- ---- - - --------- -------- -- ----- -------- - ----- ---------- - ------- ------- -------- - --------------- ------------------- -- ----- --------------------- --- -- ------------- - -- ---- - ---- - -- ---- - --- --------- -------
在上面的代码中,我们使用了 fetch 方法通过 AJAX 请求发送表单数据。如果响应状态码为 200,则表示登录成功,否则应在 else 中处理错误和失败的情况。
结论
在本文中,我们介绍了如何在 Deno 中使用 Passport.js 进行用户认证。我们创建了一个用户模型和一个用于认证用户的本地策略。最后,我们创建了一个简单的登录表单,并在服务器端处理了用户的登录请求。这篇文章可以作为一个很好的起点,帮助您为 Deno 应用程序添加用户认证和保护。
来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/67244c372e7021665e12f416