Angular5 Google在Angular 5中进行身份验证

如何在Angular 5应用程序中启用Google身份验证

---

我想实现启用otp设置，当有人登录到启用otp的应用程序时，他们会从Google Authenticator输入6位代码。

GitHub上有许多示例应用程序和文章。 -

---

-使用nodes插件-

，因为angular 5中没有直接提供Google身份验证。

---

有些人告诉你如何用其他语言编写API，比如PHP或者其他包含谷歌认证代码的语言。该API将返回qrcode，借助它，您可以简单地将其与angular 5中的UI集成。一旦用户扫描qrcode，在下一次登录中，只需请求6位数字，并通过传递该6位数字来调用API，并获得相同的验证。我已经实现了同样的功能，并且对Angular 2+有效，有一个库可以做到这一点：。以下是工作流程：

1-创建：

Speakeasy产生了一个秘密

二维码就是基于这个秘密生成的

用户使用Google Authenticator扫描它

现在，用户和服务器共享一个用于生成基于时间的一次性密码（TOTP）的秘密

2-身份验证

用户输入其凭据+Google Authenticator此时为您的应用程序生成的令牌

服务器可以通过比较用户提供的令牌和他为该用户保存的秘密生成的令牌来检查用户的真实性

注意，没有与Google Authenticator的通信-不要费心寻找API。令牌是根据时间和秘密生成的