Ember Simple Auth 是一个用于身份验证的 Ember.js 插件，它提供了许多不同类型的身份验证方法，如基本身份验证、OAuth 2.0 和 JSON Web Token（JWT）等。本文将介绍如何使用 Ember Simple Auth 进行身份验证，包括配置和实现。
安装
安装 Ember Simple Auth 的最简单方式是使用 npm：
npm install ember-simple-auth --save
配置
要使用 Ember Simple Auth 进行身份验证，需要进行以下几个步骤：
配置环境变量
首先，需要创建一个 .env 文件，在其中添加以下内容：
API_HOST=http://localhost:3000 # 你的 API 地址 API_NAMESPACE=api/v1 # 你的 API 命名空间
生成认证器
接下来，需要生成一个认证器。在 app/authenticators 目录中创建一个文件 jwt.js，并添加以下代码：
import { JWTAuthenticator } from 'ember-simple-auth-token/authenticators/jwt';
export default JWTAuthenticator.extend({
serverTokenEndpoint: `${process.env.API_HOST}/${process.env.API_NAMESPACE}/tokens`,
});这将生成一个名为 jwt 的认证器，并将其与你的 API 地址和命名空间连接起来。
生成授权器
除了认证器之外，还需要生成一个授权器。在 app/authorizers 目录中创建一个文件 custom.js，并添加以下代码：
-- -------------------- ---- -------
------ - --- - ---- ------------------------------------------
------ ------- ------------
--------------- ------ -
----- ----------- - --------------
-- ------------- -
---------------------- ------- -----------------
-
--
---这将生成一个名为 custom 的授权器，并将其与你的 JWT 认证器连接起来。
注册
最后，需要在应用程序中注册认证和授权服务。打开 app/app.js 文件并添加以下内容：
-- -------------------- ---- -------
------ --- ---- -----------------------
------ ----- ---- --------
------ ----------- ---- ---------------------
------ -------- ---- -------------
------ ---------------- ---- --------------------------
------ ------ ---- -----------------------
------ - ---------- - ---- -----------------------------------------------
------------------------------ - -----
----- --- - --------------------
------------- --------------------
---------------- -----------------------
---------
------------- -
------ --------
--
------ -
--------------------------
----- ------- - -------------
----- ------------ - ------------------
-- -- ----- ------ ---- --
----------------------------- ------
---------------------------------- ------------------
---------------------------------- ------------------
-- -- ----- ------ ---- --
-------------------- ------- ----------------
------------------------- ------- ----------------
------------------ - --------------------
--------------- - --------------------
---------------- - --------
------------------ - -------------
--
---
--------------------- ---------------------
------ ------- ----现在，应用程序已经配置好了 Ember Simple Auth。接下来，就可以开始实现身份验证了。
实现
要实现身份验证，首先需要使用生成的认证器进行身份验证。在登录页面中添加以下代码：
-- -------------------- ---- -------
------ ---------- ---- --------------------
------ - ------ -- ------- - ---- -----------------
------ ------- -------------------
----- ----------
-------- -
----- ------- -
----- - --------- -------- - - -----
--- -
----- ------------------------------------------- - --------------- --------- -------- ---
- ----- --- -
-----------------
-
--
--
---这将使用 authenticate 方法尝试进行身份验证并返回一个 Promise 对象。如果验证失败，将抛出一个错误。
在成功进行身份验证之后，需要在应用程序中存
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/34448