angular-stormpath-ionic 是一个基于 Angular 和 Ionic 的开发平台，用于快速构建前端应用程序。它提供了一组易于使用的组件和工具，以便您可以尽量快速地构建出优质的应用程序。
在本文中，我们将向您介绍如何使用 angular-stormpath-ionic。我们将涵盖以下内容。
- 如何配置您的开发环境
- 如何使用 angular-stormpath-ionic 快速创建用户认证系统
- 如何使用 angular-stormpath-ionic 管理用户会话
配置开发环境
安装 Nodejs 和 NPM
如果您尚未在开发环境中安装 Node.js 和 NPM，请先安装这些软件。您可以在 Nodejs 官网 下载并安装。NPM 是 Node.js 的默认软件包管理器，因此当您安装 Node.js 时，NPM 也会一并安装。
安装 Angular CLI
使用 NPM 安装 Angular CLI：
--- ------- -- ------------
安装 Ionic CLI
使用 NPM 安装 Ionic CLI：
--- ------- -- -----
创建用户认证系统
现在我们将创建一个用户认证系统，这将使用 angular-stormpath-ionic 中的组件和服务。我们将使用 Angular CLI 和 Ionic CLI 工具创建项目。
首先，使用 Angular CLI 创建一个新项目。
-- --- ------ -- ------
接下来，使用 Ionic CLI 添加 Ionicons。
----- ------- ------ --- ------------------------ --- ------- ------ ------------------------
现在我们可以安装 angular-stormpath-ionic 并以其为基础创建基本的用户认证系统。
--- ------- ------ -----------------------
在 app.module.ts 文件中，将添加以下内容。
------ - --------- - ---- --------------------------
-----------
-- ---
---------- -
---------
-
-- ---
--接下来，我们将在 app.component.ts 中引入我们刚刚安装的 Stormpath 服务。
------ - --------- - ---- -------------------------- ------ ----- ------------ - ------------------- ---------- ---------- - - -
现在我们已经完成了最基本的用户认证系统，您可以在您的应用中添加注册、登录和注销功能。
管理用户会话
angular-stormpath-ionic 还为我们提供了管理用户会话的服务，这使得在当前会话期间可以保持用户的身份验证状态。
首先，在 app.module.ts 中添加 authService。
------ - ----------- - ---- --------------------------
-----------
-- ---
---------- -
----------
-----------
-
-- ---
--接下来，在需要管理用户会话的组件中，您可以注入 authService 服务。
------ - --------- - ---- ---------------- ------ - ----------- - ---- -------------------------- ------------ --------- --------------- ------------ -------------------- -- ------ ----- ----------- - ------------------- ------------ ------------ - - -
对于需要计划在获取到指定状态后进行的处理，angular-stormpath-ionic 还提供了雄心勃勃的接口。
-- ---------- --------------------------------------- -- - -------------------- ------ --- -- ----------- ------------------------------------------- -- - --------------------- ---
加上上述代码之后，您就可以在成功身份验证后、失败身份验证后打到相应的处理。
至此，您已经了解了如何使用 angular-stormpath-ionic 在 Angular 和 Ionic 中进行用户认证和会话管理。希望这对您的下一个前端项目大有帮助。有关更多信息，请参见angular-stormpath-ionic 的官方文档。
示例
------ - --------- - ---- ----------------
------ - ----------- - ---- --------------------------
------------
--------- -----------
--------- -
------------
------------
-------------------- -------------------
-------------
-------------
-------------
------- ---------- -----------------------------
------- ---------- ------------------------------
--------------
-
--
------ ----- ------------ -
------------------- ------------ ------------ --
------- -
-- ----------
--------------------------------------- -- -
-------------------- ------
---
-- ----------
------------------------------------------- -- -
---------------------
---
-- --
------------------------
--------- -------------------
--------- ----------
---
-
-------- -
--------------------------
-
-来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600552b681e8991b448d020f