前言
在前端开发过程中，登录认证是不可避免的一个环节，为了方便开发人员进行用户身份认证，本文介绍一款 npm 包 authentic.min.js，提供了一种快速集成的方式，在这篇文章中，我们将会介绍如何使用该包进行用户身份认证。
安装
使用 npm 进行安装，命令如下：
$ npm install authentic.min.js
使用方法
在页面中引入 authentic.min.js 文件，可以通过以下方式进行引入：
<script src="/path/to/authentic.min.js"></script>
或者可以使用 ES6 的 import 引入方式：
import authentic from 'authentic.min.js'
例子
假设你有一个表单，里面包含了用户名和密码的输入框，用户提交表单后，使用 authentic.min.js 进行身份认证。
下面是一个使用 authentic.min.js 的例子：
-- -------------------- ---- -------
----- ----------------
-----
------ --------------------------
------ ----------- ------------- --------------- --
------
-----
------ -------------------------
------ --------------- ------------- --------------- --
------
------- -------------------------
-------在你的 JavaScript 文件中，需要使用如下代码来初始化 authentic.min.js，这里我们将认证成功后的 callback 以及 auth 信息进行 console.log 的打印：
const form = document.querySelector('#login-form')
const callback = (auth) => {
console.log('auth success:', auth)
}
authentic.init(form, callback)在初始化之后，需要设置一个接口用于身份认证，该接口必须返回一个 Promise，当 promise resolved 时为登录成功， rejected 时为登录失败。
-- -------------------- ---- -------
-------------------------------- ---------- --------- -- -
----- -------- - ----- ------------------- -
------- -------
----- ---------------- --------- -------- ---
-------- - --------------- ------------------ -
--
----- ------ - ----- ---------------
-- -------------- --- ---------- -
------ -----------
- ---- -
----- ------------
-
--深度学习与指导意义
本文介绍的 authentic.min.js 包提供了一种快速集成用户身份认证的方式，避免了开发人员需要重复编写身份认证功能，同时也可以帮助初学者了解身份认证的实现过程，熟悉 Promise 的使用。
结论
本文着重介绍了 authentic.min.js 如何在前端开发中进行用户身份认证以及使用该包的例子，希望能够帮助开发人员更好的集成身份认证功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bbd967216659e24410b