引言
ember-auth 是一个基于 Ember.js 的身份认证和授权库。它提供了一系列的组件、服务以及钩子函数，方便我们在应用中实现用户的登录、登出、注册等功能。本文将介绍如何使用 ember-auth 来构建一个简单的登录系统。
安装
首先，我们需要通过 npm 来安装 ember-auth：
--- ------- ------ --------------
安装完成后，在 app.js 文件中添加以下内容：
------ ----------------------- ---- -------------------------------------------------- ------ ------------------------- ---- ---------------------------------------------------- ------ ------- ------------------------------------------- - -- --- --- ------ ------- --------------------------------------------- - -- --- ---
这里我们引入了两个 mixin：AuthenticatedRouteMixin 和 UnauthenticatedRouteMixin，分别用于检查用户是否已经登录和未登录。接下来，我们可以开始构建我们的登录页面了。
登录页面
首先，我们需要创建一个登录路由 login，代码如下：
------ ----- ---- --------
------ ------- --------------------
-------- -
-------------- -
--- - --------------- -------- - - ------------------------------------ ------------
-------------------------------------------------------- --------------- ------------------------ -- -
------------------------ ------------ -- --------
---
-
-
---这里我们定义了一个 authenticate 方法，用于处理用户的登录请求。在 authenticate 方法中，我们首先从视图对象中获取 identification 和 password 两个属性，然后调用 session 的 authenticate 方法来进行身份验证。authenticate 方法接受一个 Authenticator 类型的参数，这里我们使用了 oauth2 类型的认证器。
接下来，我们需要创建一个登录模板 login.hbs：
---- ------------------
----- -------- -------------- --------------
---- -------------------
------ -------------------------------
------- -------------------- ------------- ----------------------
------
---- -------------------
------ -------------------------------
------- --------------- -------------- ------------- ----------------------
------
------- ------------- ---------- ---------------------------
-------
------这里我们创建了一个表单，包含了用户名和密码的输入框，以及一个登录按钮。当用户点击登录按钮时，会触发 authenticate 方法，实现用户的身份验证。
检查登录状态
在我们的应用中，很可能会存在一些需要用户登录才能访问的页面，这时候我们需要检查用户的登录状态。ember-auth 提供了一个名为 currentSession 的服务，用于获取当前用户的登录信息。我们可以在路由中调用该服务来判断用户是否已经登录：
------ ----- ---- --------
------ ------- --------------------
-------- -----------------------
------------- -
-- -------------------------------------- -
---------------------------
-
-
---这里我们在 beforeModel 钩子中调用了 session 的 isAuthenticated 方法，用于判断用户是否已经登录。如果用户未登录，则会自动跳转到登录页面。
结论
至此，我们已经完成了一个简单的登录系统。通过使用 ember-auth，我们可以方便地实现用户的身份认证和授权功能。同时，我们也学习了如何使用 mixin 和服务来检查用户的登录状态，希望本文能够对你有所启发。
示例代码仓库：https://github.com/username/project-name
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/36934