- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库?
- java - OnItemClickListener 不起作用,但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
我们已经创建了我们自己的 oauth 2 服务器,并从下面的代码库中实现了授权代码。 https://github.com/FrankHassanabad/Oauth2orizeRecipes
但我们正在尝试将 oauth2 客户端身份验证集成到 Web 应用程序中,其中包括 React 路由器和 Flux 实现。
我们调查了许多 git 存储库,但没有找到任何合适的方法来做到这一点。
是否有任何实现可以指出我们如何实现它?
再次感谢。
更新
我们正在研究以下存储库,但仍不清楚我们是如何让事情正常进行的。比如在哪里合并 auth 和 oauth 逻辑,以及在服务器端/客户端做什么。
https://github.com/rackt/react-router/tree/master/examples/auth-flow
https://github.com/andreareginato/simple-oauth2
最佳答案
我将尝试用 react-router 解释我的高级 take 身份验证。您将需要在服务器和客户端上实现,并且您需要自己做出一些决定。对于这个例子,我将使用 redux用于助焊剂库。
首先你需要一种机制来保护你的路由,我用这样的高阶组件来做到这一点:
// 'Components/requireAuthentication'
import React, { Component, PropTypes } from 'react'
import { connect } from 'react-redux'
import SignIn from './SignIn'
export default (ChildComponent) => {
class AuthenticatedComponent extends Component {
static propTypes = {
hasAuthToken: PropTypes.bool.isRequired
};
render () {
const { hasAuthToken } = this.props
return (hasAuthToken
? <ChildComponent {...this.props} />
: <SignIn />
)
}
}
const mapStateToProps = ({session}) => (session)
return connect(mapStateToProps)(AuthenticatedComponent)
}
这里的代码非常简单,它导出一个函数,该函数期望将 React 组件作为唯一参数。这ChildComponent
是您要保护的组件。
hasAuthToken
prop 是这里的控件,如果为真则ChildComponent
将被渲染,否则将渲染 SignIn
.注意,这个渲染过程SignIn
如果您不关心 SEO,那很好,但您可能想要 redirect如果您确实关心搜索引擎索引您的 protected 路线,请将用户添加到登录路线。
最后AuthenticatedComponent
连接到 redux 商店 session
状态,但这可以很容易地切换为使用您选择的任何其他助焊剂库。简单地说,它订阅了 session
上的更改。 .如果hasAuthToken
值发生变化时,如果组件当前已安装,则将重新呈现该组件。
现在的路线:
import { Route } from 'react-router'
import Container from './Components/Container'
import Private from './Components/Private'
import requireAuthentication from './Components/requireAuthentication'
export default (
<Route path='/' component={Container}>
<Route path='private' component={requireAuthentication(Private)}>
<Route path='other' component={...} />
</Route>
</Route>
)
我在这里应用 requireAuthentication
方法(上面代码中的默认导出方法)与我要保护的组件。这将阻止显示页面,除非 redux store session.hasAuthToken
属性为真,而是显示 SignIn
组件。
由于 react-router 组成路由的方式,嵌套在 protected 组件下的其他路由也将受到保护。
在高层次上 SignIn
组件应该只是一个带有普通 <a href>
的页面(即不是 react-router Link
)开始 Oauth2 握手。 simple-oauth2模块有一些关于如何在服务器端实现 oauth2 的很好的例子,所以我不会在这里深入。如果您遵循这些示例,则为 app.get('/auth', function (req, res) {})
您要将用户链接到的端点。
在callback
您将要保留 token
的端点以某种方式(例如,到您的 session (express-session 将在这里提供帮助)或到数据库),然后将用户重定向回您的 React 应用程序。
现在您需要将您的 session 放入服务器端 redux 存储中,以准备在客户端上进行水化。 redux 文档解释了如何在 Server Rendering 上执行此操作页面,特别是 Inject Initial Component HTML and State和 The Client Side部分。至少你需要一个像这样的对象:
{
hasAuthToken: (typeof req.session.token !== 'undefined')
}
当然,您的实际实现将完全取决于您如何存储 token 并将其提供给服务器端请求。
希望这能让您入门。同样的过程也可以用于其他类型的身份验证,方法是将 Oauth2 链接替换为您的服务器作为 XHR 处理的用户名和密码形式。
祝你好运。
关于javascript - react 路由器需要oauth 2客户端实现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34977898/
背景: 我最近一直在使用 JPA,我为相当大的关系数据库项目生成持久层的轻松程度给我留下了深刻的印象。 我们公司使用大量非 SQL 数据库,特别是面向列的数据库。我对可能对这些数据库使用 JPA 有一
我已经在我的 maven pom 中添加了这些构建配置,因为我希望将 Apache Solr 依赖项与 Jar 捆绑在一起。否则我得到了 SolarServerException: ClassNotF
interface ITurtle { void Fight(); void EatPizza(); } interface ILeonardo : ITurtle {
我希望可用于 Java 的对象/关系映射 (ORM) 工具之一能够满足这些要求: 使用 JPA 或 native SQL 查询获取大量行并将其作为实体对象返回。 允许在行(实体)中进行迭代,并在对当前
好像没有,因为我有实现From for 的代码, 我可以转换 A到 B与 .into() , 但同样的事情不适用于 Vec .into()一个Vec . 要么我搞砸了阻止实现派生的事情,要么这不应该发
在 C# 中,如果 A 实现 IX 并且 B 继承自 A ,是否必然遵循 B 实现 IX?如果是,是因为 LSP 吗?之间有什么区别吗: 1. Interface IX; Class A : IX;
就目前而言,这个问题不适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visit the
我正在阅读标准haskell库的(^)的实现代码: (^) :: (Num a, Integral b) => a -> b -> a x0 ^ y0 | y0 a -> b ->a expo x0
我将把国际象棋游戏表示为 C++ 结构。我认为,最好的选择是树结构(因为在每个深度我们都有几个可能的移动)。 这是一个好的方法吗? struct TreeElement{ SomeMoveType
我正在为用户名数据库实现字符串匹配算法。我的方法采用现有的用户名数据库和用户想要的新用户名,然后检查用户名是否已被占用。如果采用该方法,则该方法应该返回带有数据库中未采用的数字的用户名。 例子: “贾
我正在尝试实现 Breadth-first search algorithm , 为了找到两个顶点之间的最短距离。我开发了一个 Queue 对象来保存和检索对象,并且我有一个二维数组来保存两个给定顶点
我目前正在 ika 中开发我的 Python 游戏,它使用 python 2.5 我决定为 AI 使用 A* 寻路。然而,我发现它对我的需要来说太慢了(3-4 个敌人可能会落后于游戏,但我想供应 4-
我正在寻找 Kademlia 的开源实现C/C++ 中的分布式哈希表。它必须是轻量级和跨平台的(win/linux/mac)。 它必须能够将信息发布到 DHT 并检索它。 最佳答案 OpenDHT是
我在一本书中读到这一行:-“当我们要求 C++ 实现运行程序时,它会通过调用此函数来实现。” 而且我想知道“C++ 实现”是什么意思或具体是什么。帮忙!? 最佳答案 “C++ 实现”是指编译器加上链接
我正在尝试使用分支定界的 C++ 实现这个背包问题。此网站上有一个 Java 版本:Implementing branch and bound for knapsack 我试图让我的 C++ 版本打印
在很多情况下,我需要在 C# 中访问合适的哈希算法,从重写 GetHashCode 到对数据执行快速比较/查找。 我发现 FNV 哈希是一种非常简单/好/快速的哈希算法。但是,我从未见过 C# 实现的
目录 LRU缓存替换策略 核心思想 不适用场景 算法基本实现 算法优化
1. 绪论 在前面文章中提到 空间直角坐标系相互转换 ,测绘坐标转换时,一般涉及到的情况是:两个直角坐标系的小角度转换。这个就是我们经常在测绘数据处理中,WGS-84坐标系、54北京坐标系
在软件开发过程中,有时候我们需要定时地检查数据库中的数据,并在发现新增数据时触发一个动作。为了实现这个需求,我们在 .Net 7 下进行一次简单的演示. PeriodicTimer .
二分查找 二分查找算法,说白了就是在有序的数组里面给予一个存在数组里面的值key,然后将其先和数组中间的比较,如果key大于中间值,进行下一次mid后面的比较,直到找到相等的,就可以得到它的位置。
我是一名优秀的程序员,十分优秀!