- 投稿日:2019-07-11T18:30:03+09:00
Auth0のSPA用SDKでユーザー情報が取れない時の対処法
Auth0のSPA用SDKつかってみた
Auth0とReactのWebアプリケーションを連携させようとauth0-spa-jsを使用してみました。
公式のチュートリアル通りにやってみたけどうまくユーザー情報が取れない・・・たぶんこのSDK自体がすごく最近できたものみたいなので(2019年7月現在)、もしかしたらチュートリアルも抜けがあったのかも
文脈
公式のReact:Loginというチュートリアルを元にしてます。
これでなおった
auth0-jsという多分昔からあるSDKのチュートリアルの方と比べてみたら
configの設定で
audienceという部分が抜けていました。
なのでauth0-config.json{ "audience": "https://<DomainName>/userinfo" }と入れ、index.jsのレンダー部分を
index.jsReactDOM.render( <Auth0Provider domain={config.domain} client_id={config.clientId} audience={config.audience} redirect_uri={window.location.origin} onRedirectCallback={onRedirectCallback} > <App /> </Auth0Provider>, document.getElementById('root'));このようにaudienceを追加したら治りました
まとめ
最初で手こずったけどAuth0なかなか良さそう