简介
feathers-authentication-popups 是一个使用了 PopupWindow 的 FeathersJS 认证策略的包。它允许您在新窗口中打开身份验证，使您的用户可以在不离开您的应用程序的情况下进行身份验证。
本文将详细介绍如何使用 feathers-authentication-popups NPM 包。
环境
为了使用 feathers-authentication-popups 包，您需要在电脑上安装 Node.js 环境，并且已经有了一个 FeathersJS 项目。
如果您还没有安装 Node.js 或 FeathersJS，可以参考以下链接进行安装：
Node.js 官网：https://nodejs.org/en/download/
FeathersJS 官网：https://feathersjs.com/
安装
运行以下命令在您的 FeathersJS 项目中安装 feathers-authentication-popups：
npm install feathers-authentication-popups --save
配置
在您的 FeathersJS 应用程序中，在 authentication.js 文件中，添加以下代码片段来启用 feathers-authentication-popups 身份验证策略：
-- -------------------- ---- ------- ----- ---- - -------------------------------------- ----- ----- - ------------------------------------------ -------------- - -------- ----- - ----- ------ - -------------------------- -- ------ -------------- ---------------------------- -- ------ ------ -------- ----------------------------- --
使用
现在您已经准备好在应用程序的界面中添加一个按钮，该按钮可以打开一个新窗口以进行身份验证。
在您的客户端代码中，添加以下代码：
-- -------------------- ---- -------
----- ------ - -----
----- --- - ----------
-------------------------------------
------------------------------------
-------- -------------------
----
-- ------ -- --- ------------ ----- --- ----- --- ----- ---- ----------
----------------------- -- -- ----------------
-- ------ -- ------ --- ----- --- ----- -- ----- --- ---
-------------------- -- -- ----------------
-- ---- --- ----- ------ ---- --- ------ -- -------
----------------------------------------------------------------- ----- -- -- -
----- ---------- - ----- --------------------------- -----------
-- ------------------------ -
-- --- ---- --- ---- -------------- -- --------- ---- --- -----------
-
---当用户单击按钮时，将打开一个新窗口，在该新窗口中，允许用户进行身份验证。用户输入凭据后，可以通过 app.authenticate 输入身份验证策略名称进行身份验证。
如果身份验证成功，authenticated 事件将被触发，关闭弹出窗口。如果出现错误（例如，无法连接到服务器），则会发出 loginError 事件。
示例代码
以下是一个完整的示例代码，它将在点击登录按钮时打开一个新窗口进行身份验证：
-- -------------------- ---- -------
----- ------ - -----
----- --- - ----------
-------------------------------------
------------------------------------
-------- -------------------
----
----------------------- -- -- ----------------
-------------------- -- -- ----------------
----------------------------------------------------------------- ----- -- -- -
----- ---------- - ----- --------------------------- -----------
-- ------------------------ -
-- --- --- -----------
----------------------------- ------------
-
---总结
本文详细介绍了如何使用 feathers-authentication-popups NPM 包，让您的应用程序可以在新窗口中进行身份验证，为您的用户提供更好的体验。该包的使用方法非常简单，只需要几行代码就可以实现。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5ef3116592b5127df986b28a