如何通过 GitHub OAuth 授权我的 React 应用程序?

alt*_*ern 6 oauth github reactjs

我的应用程序中有一个使用 GitHub 登录的按钮。它会打开一个弹出窗口,其中确认我的应用程序在授权后将获得的权限。当用户授权我的应用程序使用其 GitHub 配置文件时,GitHub 会调用回调 URL。这就是事情对我来说变得棘手的时候。

我有一个 React 应用程序,有一个路径/login它向应用程序的 Nodejs 后端部分发送请求以获取 access_token。它成功关闭了回调 URL 窗口。但现在的问题是在React应用程序中渲染授权结果。例如,我如何用个人资料图片替换登录按钮。React 应用程序无法知道回调 URL 被调用,因此,无法根据授权已发生的事实强制应用程序更新/重新渲染其元素。

那么,如何让我的应用程序显示 GitHub 个人资料图片并在 React 应用程序中提供其余的个人资料数据?

alt*_*ern 1

我注意到我用来启动弹出窗口的组件有一个带有onSucess参数的 prop 。有了这个,我现在可以在 React 代码中获得我需要的所有信息。responsecode