前言
githubauthreq 是一个可以帮助前端开发者进行 Github OAuth 认证的 npm 包。通过此包，我们可以无需编写繁琐的 OAuth 认证流程，轻松地获取 Github 用户的 ID，用户名等信息。
安装
使用 npm 进行安装：
--- ------- -------------
使用方法
获取认证 URL
使用 githubauthreq 包，我们首先需要获取进行 Github OAuth 认证的 URL。 在此之前， 我们需要在 Github Developer Settings 里新建一个 OAuth 应用，获取到 clientId 和 redirectUri 两个参数。
------ - ---------- - ---- ---------------- ----- -------- - ----------------- ----- ----------- - ------------------------------- ----- ------- - -------------------- ------------- --------------------- -- --------------------------------------------------------------------------------------------------------------------------------
上述代码中，使用 getAuthUrl 方法获取 OAuth 认证 URL。其中 clientId 和 redirectUri 都是前面提到的两个参数。
获取认证信息
在用户完成认证之后，GitHub 会重定向至 redirectUri 的 URL，并携带认证所需的 code 参数。 根据 code 参数，我们可以获取用户的认证信息。
------ - -------------- - ---- ---------------- ----- -------- - ----------------- ----- ------------ - --------------------- ----- ---- - ------------------ ------------------------ ------------- ---------------- -- - ------------------- -- - ------------ --------------- ------ ------ - ---
通过 getAccessToken 方法，可以获得用户的 accessToken 和 scope。
------ - ----------- - ---- ---------------- ----- ----------- - --------------- -------------------------------------- -- - ---------------------- -- - ------ ----------- --- ------- ----------- --------------------------------- ----- ----- ----- - ---
通过 getUserInfo 方法，可以获得用户的基本信息，包括用户名，ID，头像，姓名等等。
结论
通过 npm 包 githubauthreq，我们可以轻松地进行 Github OAuth 认证，省去了繁琐的 OAuth 认证流程的编写。希望本文能够为大家在前端开发中进行 Github OAuth 认证提供帮助。
示例代码
完整的示例代码如下：
------ - ----------- --------------- ----------- - ---- ---------------- ----- -------- - ----------------- ----- ------------ - --------------------- ----- ----------- - ------------------------------- -- -- ------ ---- --- ----- ------- - -------------------- ------------- --------------------- -- -- ----------- ----- ---- - ------------------ ------------------------ ------------- ---------------- -- - ------------------- --- -- ------ ----- ----------- - --------------- -------------------------------------- -- - ---------------------- ---
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5f1b7bdf403f2923b035c4d7