React + AWS Cognito入门模板
集成AWS Cognito进行用户身份验证的示例React应用程序(模板)。
公开与受保护的意见
有多种不同的方式可以根据用户身份验证状态来处理显示/隐藏组件,并且将我的头撞在墙上有一阵子,而我采用了一种简单的机制来拥有两个完全独立的应用程序组件:public(身份验证)和受保护的一个主应用程序,用于控制要显示的应用程序。
将这两个组件分开可以简化所需的任何检查登录状态方法,并取决于父级App组件。 在主App组件内,第一次渲染时,它会检查用户当前是否已登录,并相应地设置身份验证状态。 如果用户登录,它将呈现带有受保护路由的AppContainer组件版本。 如果用户未登录,它将使用公共(身份验证)路由呈现AppContainer的版本。
我的灵感来自于 ,我发现这是处理React应用程序中对受保护资源的访问的最简单,最简洁的方法。
路由
2021-11-15 14:43:02
430KB
1