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