在前端开发中，少不了使用npm包。在Ionic3 + Angular2的应用程序中，我们可以使用angular2-token-ionic3包来管理用户认证和授权，使得我们可以更快速地开发应用程序。
安装angular2-token-ionic3包
我们可以使用npm命令行工具来安装该包：
npm install angular2-token-ionic3 --save
配置angular2-token-ionic3包
我们需要在Ionic Framework的app.module.ts文件中做一些配置，以导入和初始化angular2-token-ionic3包：
-- -------------------- ---- ------- ------ - -------- - ---- ---------------- ------ - ------------- - ---- ---------------------------- ------ - ----------- - ---- ---------------- ------ - ------------ - ---- ------------------ ------ ---------------------- ---- ------------------------ ----------- ------------- --------------- -------- --------------- ----------------------------------- ---------- ---------------------- -- ------ ----- --------- --
在这个例子中，我们首先导入Angular2TokenService组件，它是我们的用户认证和授权服务。然后我们将它添加到应用程序的providers中，以使其在整个应用程序中都可用。
接下来，我们需要在我们的应用程序的app.component.ts文件中插入一段代码来初始化angular2-token-ionic3包：
-- -------------------- ---- -------
------ ----------- ---- ----------------
------ ---------------------- ---- ------------------------
------------
------------ ----------
--
------ ----- ----- -
------------------- -------------- --------------------- -
-------------------------
-------- --------------------------- -- ----------
---
-
-在这个例子中，我们调用Angular2TokenService的init方法，并将apiBase设置为我们的服务器API地址。这样，我们就可以使用angular2-token-ionic3包来管理用户认证和授权了。
使用angular2-token-ionic3包
我们可以使用 Angular2TokenService 中的多个函数来管理用户认证和授权。下面是一些示例代码：
注册
this._tokenService.registerAccount({
email: 'your.email@address.com',
password: 'yourpassword'
}).subscribe(() => console.log('注册成功'),
error => console.log(error));登录
this._tokenService.signIn({
email: 'your.email@address.com',
password: 'yourpassword'
}).subscribe(() => console.log('登录成功'),
error => console.log(error));注销
this._tokenService.signOut().subscribe(() => console.log('注销成功'),
error => console.log(error));检查当前用户是否已登录
this._tokenService.userSignedIn();
获取当前用户信息
this._tokenService.currentUserData.subscribe(user => console.log(user));
结论
angular2-token-ionic3包使得我们可以更轻松地进行用户认证和授权管理。使用Angular2TokenService，我们可以轻松注册、登录和注销用户，并检查当前用户是否已经登录。它在处理用户认证和授权方面非常有效，对于那些需要进行用户管理的Ionic3 + Angular2应用程序来说是一种非常有用的解决方案。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562a481e8991b448dfdc0