在前端开发中,GitHub OAuth 是一种常见的身份验证方式。Github 提供了相应的 API 来实现OAuth身份验证。借助 npm 包 一个应用程序可以通过 Github 获取访问权限。相信该包将为许多开发者带来方便。
1. 安装
npm 包名:github-oauth-demo
通过 npm 安装:
--- ------- -----------------
2. 申请 Github OAuth 认证
在使用此 npm 包之前,您需要有一个 Github 账号并有开发者权限。然后访问 Github 开发者设置界面,创建一个新 OAuth 应用程序。
在该界面中,您需要提供自己的应用的名称、主页 URL 和回调 URL(一旦 OAuth 认证完成,用户将被重定向到该 URL)。访客会在访问您的应用程序时显示应用程序名称和主页 URL。
申请内容填好后,Github 会分配一个 Client ID 和 Client Secret,存储它们以便稍后使用。
3. 开始使用
接下来,让我们来使用这个 package。如下所述,请注意用自己的 ID 和密码替换掉提供的值。
----- ----------- - ----------------------------- ----- ----- - --- ------------- ---------- ---------------- -------------- --------------------------------- ------------- ------------------------------ ------ ------------ --- ----- ------- - ------------------- ----- --- - ---------- ----------------- -------- ----- - --------------------- -- ----- --- ---------------- -------- ----- ---- - --------------------- ------ ---------------- ----- --- -------------------- -------- ----- ---- - --------------------- ------ ------------------- ----- --- -----------------
首先,我们需要将 package 引入到我们的代码中。在这个实例中,我用 const 引入了一个名叫 GithubOAuth 的新变量。新建一个 oauth 实例,并传入 client_id、client_secret、redirect_uri 和 scope。oauth 可以监听错误来帮助我们及时捕捉错误。
接下来,使用 express 创建 app 实例。我在 app 中创建了两个路由,'auth' 和 'callback'。 '/auth' 端点使用 oauth 实例的 login 方法进行认证,'/callback' 端点将获取 Github OAuth 回调,并提供所需数据以验证身份。
最后,我在本地服务器上启动此项目。
4. 结论
npm 包 ithub-oauth-demo 使用教程已经结束了。我们简要介绍了 npm 包的安装过程,以及如何申请 Github OAuth 认证。然后,我们通过完整的示例代码解释了如何开始使用 。我们希望该文章能够对前端开发者有效,为其开发带来了更大的方便。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6005725681e8991b448e86a4