DEV Community

garicchi
garicchi

Posted on

ReactNativeでauth0を使う時にaudienceパラメータを付与する

通常のauth0 react sdkでは、audienceパラメータは以下のように注入することができるが

<Auth0Provider
        authorizationParams={{
          redirect_uri: window.location.origin,
          audience: Config.Auth0.audience,
          scope: "read:current_user"
        }}
      >
Enter fullscreen mode Exit fullscreen mode

react nativeのauth0sdkではaudienceパラメータを、Auth0Providerでは付与できない

<Auth0Provider
      domain={Config.Auth0.domain}
      clientId={Config.Auth0.clientId}
    >
Enter fullscreen mode Exit fullscreen mode

このまま使うと、例えばAspdotnetのAPIサーバーに通信したときに以下のようにキー複合化エラーが出る。
これはaudienceパラメータが無いかららしい

IDX10609: Decryption failed. No Keys tried: toke n:
Enter fullscreen mode Exit fullscreen mode

ではどうするかというと、ログイン時(authorize)にaudienceを渡すことができる

<Button onPress={async () => await authorize({
                    audience: Config.Auth0.audience
                })} title='login' />
Enter fullscreen mode Exit fullscreen mode

この認証情報をつかって発行されたaccessTokenはaudienceパラメータが付与されている

Top comments (0)