在现代化的网站和Web应用中,多数用到了第三方账户的认证。其中Google账户是最常见的一种。为了帮助开发人员快速地在自己的前端应用中实现Google账户认证,@iddan/react-google-login 这个npm包应运而生。
安装
使用npm安装可以极其简单地安装@iddan/react-google-login 包。在你的终端中输入以下代码即可:
--- ------- -------------------------
配置
接下来,你需要从Google开发者中心创建OAuth 2.0客户端ID。打开 Google API Console,然后转到 “API和服务” > “凭据” > “用户端口”(Web OAuth客户端)。
在凭据访问网站后,你可以获得“客户端ID”和“客户端密钥”。将它们复制并粘贴到你的项目中。
用法
此时,你已经完成了在Google服务上配置OAuth客户端ID,现在是时候在前端应用中实现它了。在你的React代码中,导入@iddan/react-google-login:
------ ----- ---- -------- ------ - ----------- - ---- ----------------------------
使用<GoogleLogin>
组件即可实现一个Google的登录按钮。如下面的例子:
----- ----------- ------- --------------- - -------------- - ---------- -- - ---------------------- - ------ -- - ------ - ----- ------------ ------------------------- ------------------ --- ------------------------------- ------------------------------- ----------------------------------- -- ------ - - -
参考
了解更多: Google OAuth 2.0文档。
npm包地址:@iddan/react-google-login。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60066bbf967216659e244157