文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在ReactJs组件中调用oidc-client signinSilentCallback

问如何在ReactJs组件中调用oidc-client signinSilentCallback
EN

Stack Overflow用户

提问于 2017-08-10 10:14:26

回答 1查看 2.1K关注 0票数 1

我需要使用Slient-Renew或redux-oidc - npm node module.实现该令牌。

我使用的是标识服务器3.0版和Javascript ReactJs客户端UI应用程序(Webpack版本2)。

我正在从github下载一个简单的Javascript应用程序，这个简单的更新HTML文件是

<!DOCTYPE html>
<html>
<head>
    <title>Silent Renew</title>
    <meta charset="utf-8" />
</head>
<body>
    <script src="./oidc-client.js"></script>
    <script>
        new Oidc.UserManager().signinSilentCallback();
    </script>
</body>
</html>

目前我创建了一条路线

<Route exact path='/SilentRenew' component={SilentRenew} />

组件代码是

import React from 'react';
import { connect } from 'react-redux';
import PropTypes from 'prop-types';
import UserManager from 'oidc-client';

/**
 * <p>.</p>
 * @extends Component
 */
class SilentRenew extends React.Component {

  constructor(props) {
    super(props);
    alert('Hai');
    const userManager = UserManager();
    userManager.signinSilentCallback();
  }


  render() {
    return (
      <div>Silent Renew</div>
    );
  }
}

export default SilentRenew;

我搞错了

请协助我如何调用signinSilentCallback方法。

npm-install

webpack-2

identityserver3

oidc-client-js

node.js

回答 1

Stack Overflow用户

发布于 2018-08-07 04:11:36

我会把密码

const userManager = UserManager();
userManager.signinSilentCallback();

在componentDidMount()内部而不是constructor()中。

检查React组件生命周期方法..。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/45610865

复制

相似问题

问如何在ReactJs组件中调用oidc-client signinSilentCallback
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在ReactJs组件中调用oidc-client signinSilentCallbackEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在ReactJs组件中调用oidc-client signinSilentCallback
EN