ユーザー認証に Auth0 の react-native-lock ウィジェットを使用しています。ログインに成功した後、トークンを AsyncStorage に保存しています。
ユーザーがアプリに戻ってきたら、ログインをスキップして Auth0 から現在のユーザー情報を取得できるようにしたいと考えています。Auth0 APIのドキュメントからは信じられないほど簡単に思えますが、アプリで "Unauthorized" というメッセージが返されます。
async getUserinfo() {
console.log('getting user info in getUserInfo()');
try {
let response = await fetch('https://xxxxx.auth0.com/userinfo', {
method: 'GET',
headers: {
Authorization: 'Bearer ${this.state.token.accessToken}',
},
});
let responseJson = await response.json();
if(responseJson !== null) {
console.log('Got user info: ' + responseJson.email);
this.setState({ component: Temp, isLoading: false, profile: responseJson});
}
} catch (error) {
console.log('Error in retrieving userinfo from Auth0: ' + error.message);
this.setState({ component: Login, isLoading: false});
}
}
私は何が欠けていますか?Auth0 で fetch を使用する例があまり見つかりません。使用すべきより良い方法はありますか?