前言
在前端开发中，我们经常需要向后端发送请求获取数据，但是在某些场景中，API需要认证才能访问。此时，需要在请求头中添加一个Authorization字段，以证明我们的身份并获得访问权限。而www-authenticate就是一款可以帮助我们生成这个认证字段的工具包。
安装
使用NPM或者Yarn进行安装：
npm install www-authenticate
或
yarn add www-authenticate
使用
生成认证头部
在发起请求的时候，需要在请求头中包含一个认证字段 Authorization。该字段包含了认证类型和认证信息。具体格式如下：
Authorization: <type> <credentials>
比如说，我们的请求需添加 Basic Authentication，那么认证类型就应该是Basic，而凭证则需要是用base64编码后的username:password字符串。
import { createBasicAuthHeader } from 'www-authenticate';
const username = 'myUserName';
const password = 'myPassword';
const authHeader = createBasicAuthHeader(username, password);
console.log(authHeader);
// Output: Basic bXlVc2VyTmFtZTpteVBhc3N3b3JkCg==解析认证头部
在收到服务端的回复时，可以通过解析 WWW-Authenticate头来获取认证信息，从而进行下一步的认证操作。对于不同类型的认证，其解析方式可能会略有不同。常见的几种类型所对应的解析方法如下：
Basic Authentication
这是一种基于用户名和密码的认证方式，比较常见。服务端会在 WWW-Authenticate 头部中返回类似以下的信息：
WWW-Authenticate: Basic realm="my area"
其中 realm 是可选的。
接下来，使用parseWWWAuthenticateHeader方法就可以解析并获取认证信息：
import { parseWWWAuthenticateHeader, parseBasicAuthHeader } from 'www-authenticate';
const realm = 'my area';
const authHeader = 'Basic bXlVc2VyTmFtZTpteVBhc3N3b3JkCg==';
const wwwAuthHeader = `Basic realm="${realm}"`;
const authParams = parseWWWAuthenticateHeader(wwwAuthHeader);
const credentials = parseBasicAuthHeader(authHeader);顺序操作完成后，我们就可以通过比较收到的凭证和服务器通过其认证过的凭证信息来判断是否能够成功访问。
总结
通过本文，我们了解了npm包www-authentication的使用方式，包括生成和解析认证头部。在实际开发中，这个包可以帮助我们方便快捷地进行API认证，在一定程度上提高了开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f7078efa9b7065299ccbafb