在我们的网站上,管理员应该能够以用户(客户端)的身份查看网站。我计划为此使用Auth0,只是注意到他们的模拟功能已被弃用。
我可以在Redux中强制某些登录标志,以允许管理员以用户身份查看,但是,要从API获取用户的任何数据,我要从登录期间Auth0生成的访问令牌中获取用户ID。因此,API将仅从当前登录的用户访问令牌中获取数据。
有人知道有什么方法可以模拟用户吗?我认为通过解析访问令牌中的用户ID来获取该用户的任何数据,从而对我的API施加了限制,如果我错了,请更正我。
我能想到的唯一方法是,如果管理员“以用户身份查看”,则可以在API调用中传递用户的ID。在控制器中,我可以检查用户ID字段是否存在并使用它代替当前登录的用户,但是我认为传递用户ID并不是一个好主意。也许我可以在每个请求上添加一个中间件,并且如果该用户ID在API调用中存在,我可以检查该用户的角色以确保它是可以验证请求的管理员。
你怎么看?关于此方法还有其他想法/批评吗?
谢谢!!
我已经阅读了:
https://github.com/callemall/material-ui/blob/master/src/styles/getMuiTheme.js
和
http://www.material-ui.com/#/customization/themes
但似乎无法找到我正在寻找的答案。我只是想改变悬停项目的颜色。我相信通过查看这些文档,我应该只参考menuItem并提供一个hoverColor,尽管这不起作用。有什么想法吗?
(不要介意内联 css 覆盖,只是尝试不同的做事方式。)
应用程序
class App extends Component {
constructor(props) {
super(props);
injectTapEventPlugin();
}
render() {
return (
<MuiThemeProvider muiTheme={muiTheme}>
<Router>
<Grid fluid>
<div style={style.navMovement}>
<Route path="/" component={Nav} />
<Switch>
<Route path="/home" component={Home} />
</Switch>
</div>
</Grid>
</Router>
</MuiThemeProvider>
);
}
}
Run Code Online (Sandbox Code Playgroud)
导航
class Nav extends Component {
constructor(props) {
super(props);
}
render() {
return(
<Drawer containerStyle={style.nav}>
<Menu>
<MenuItem
style={{...style.navItem, borderLeft: '2px solid #38a9e3', hoverColor: '#495054' }}
primaryText="Home"
containerElement={<NavLink activeStyle={{color:'#53acff'}} to='/home'></NavLink>} …Run Code Online (Sandbox Code Playgroud) 我想知道是否有人为 Draft-js 想出了任何教程/演练来简单地保存编辑器状态并将其显示为 html 给用户。我一直在搜索和尝试,但仍然无法显示 html。看起来大多数只是保存编辑器状态并将其重新加载到编辑器中,而不是将其显示为 html。
似乎大多数人都使用convertFromRaw和convertToRaw,但是其中包含的步骤量似乎有很多步骤应该简化,示例如下:https: //draftjs.org/docs/api-reference- data-conversion.html#content似乎只是用于稍后将内容放回编辑器中。
也许我什至没有在寻找正确的工具 - 我只是想要一个编辑器来保存格式化文本并显示它。我不确定为什么资源这么难找到,或者我是否只是找错了地方(在我看来,Draft-js 的包太多,没有太多文档和示例)。不过,我相信这一定不难实现。
reactjs ×3
access-token ×1
api ×1
auth0 ×1
css ×1
html ×1
javascript ×1
material-ui ×1
menu ×1
menuitem ×1