在现代 Web 应用程序中，认证和授权是非常重要的一部分。在本文中，我们将介绍如何使用 AngularJS 和 RESTful API 进行认证。我们将深入讨论如何使用 JSON Web Tokens（JWT）实现安全的身份验证，并提供示例代码。
什么是 JWT？
JSON Web Tokens（JWT）是一种开放标准（RFC 7519），它定义了一种紧凑且自包含的方式，用于在网络应用程序之间传输信息。该信息可以被验证和信任，因为它是数字签名的。
一个 JWT 包括三个部分：
- Header（头部）
- Payload（负载）
- Signature（签名）
Header 包含有关算法和类型的信息。Payload 包含所需的数据。Signature 是基于 Header 和 Payload 中包含的数据计算出来的签名。
在 AngularJS 应用中实现认证
以下是实施 AngularJS 认证的步骤：
- 创建登录表单并提交认证请求
- 使用服务器端验证用户凭据
- 如果验证成功，则创建一个 JWT 并将其返回给客户端
- 客户端存储 JWT 并在每个后续请求中发送该 JWT
- 服务器检查 JWT 的有效性，并根据需要进行授权
创建登录表单
在 HTML 模板中创建一个简单的表单来收集用户名和密码：
<form ng-submit="login()"> <input type="text" ng-model="username" placeholder="Username" required autofocus> <input type="password" ng-model="password" placeholder="Password" required> <button type="submit">Log in</button> </form>
提交认证请求
在 AngularJS 控制器中处理登录表单的提交，并向服务器发送认证请求：
-- -------------------- ---- -------
--------------------------- ---------------- ------ -------- -
------------ - ---------- -
------------------------ - --------- ---------------- --------- --------------- --
------------------------ -
-- -- ---
---------------------------- - --------------------
-- -----
--------------------- - ----
-- --------------- -
-- ----
---
--
---使用服务器端验证用户凭据
在服务器端验证用户提供的凭据，如果凭据有效，则创建一个 JWT 并将其返回给客户端：
-- -------------------- ---- -------
---------------------- ------------- ---- -
-- ------------------ -- ------------------ -
-- ------
-- ------------------------------- ------------------- -
-- ----- ---
--- ----- - ---------- --------- ----------------- -- ----------
---------------------- ------ ----- ---
- ---- -
----------------------------- -------- -- -----------
-
- ---- -
------------------------- ----------
-
---客户端存储 JWT
在客户端存储从服务器端接收到的 JWT：
-- -------------------- ---- -------
------------------------------ ------------ -------- -
------ -
-------- ---------------- -
-------------- - -------------- -- ---
-- ------------------------------ -
---------------------------- - ------- - - -----------------------------
-
------ -------
--
--------- ------------------ -
-- ---------------- --- ---- -
-- -------
-
------ -------- -- ------------------
-
--
---
---------------------------------- -
---------------------------------------------------
---服务器端检查 JWT 的有效性
在每个后续请求中，服务器都应该检查客户端发送的 JWT 的有效性，并根据需要进行授权。以下是一个简单的示例：
app.get('/api/data', function(req, res) {
var token = req.headers.authorization.split(' ')[1];
jwt.verify(token, 'SECRET',
> 来源：[JavaScript中文网](https://www.javascriptcn.com/post/25231) ，转载请注明来源
[https://www.javascriptcn.com/post/25231](https://www.javascriptcn.com/post/25231)