axiosでCognitoからIdTokenをもらう
axios Cognito IdToken IdToken USERPASSWORDAUTH This article explains how to get an IdToken from Cognito using axios. IdToken is issued by submitting username and password using USERPASSWORDAUTH. You can check this using the script provided in this article.
by JanitorSep 27, 2023
axiosでCognitoからIdTokenを発行してもらう方法です。ユーザー名とパスワードを送る、「USER_PASSWORD_AUTH」で実施します。
axiosでCognitoからIdTokenを発行してもらう方法です。ユーザー名とパスワードを送る、「USER_PASSWORD_AUTH」で実施します。
Jump Links
1. スクリプトを作成
1. スクリプトを作成
1. スクリプトを作成
下記のスクリプトで確認ができます。
下記のスクリプトで確認ができます。
<script setup>
import axios from 'axios';
var cognitoURL = "https://cognito-idp.リージョン名.amazonaws.com/"; // us-east-1など
var headers = {
'Content-Type': 'application/x-amz-json-1.1',
'X-Amz-Target': 'AWSCognitoIdentityProviderService.InitiateAuth',
};
var postData = {
"AuthFlow": "USER_PASSWORD_AUTH",
"AuthParameters": {
"PASSWORD": "パスワード",
"USERNAME": "ユーザ名"
},
"ClientId": "クライアントID"
}
axios.post( cognitoURL, postData, { headers: headers } )
.then( ( ret ) => {
console.log( ret.data.AuthenticationResult.IdToken );
} );
<script>
<script setup>
import axios from 'axios';
var cognitoURL = "https://cognito-idp.リージョン名.amazonaws.com/"; // us-east-1など
var headers = {
'Content-Type': 'application/x-amz-json-1.1',
'X-Amz-Target': 'AWSCognitoIdentityProviderService.InitiateAuth',
};
var postData = {
"AuthFlow": "USER_PASSWORD_AUTH",
"AuthParameters": {
"PASSWORD": "パスワード",
"USERNAME": "ユーザ名"
},
"ClientId": "クライアントID"
}
axios.post( cognitoURL, postData, { headers: headers } )
.then( ( ret ) => {
console.log( ret.data.AuthenticationResult.IdToken );
} );
<script>
クライアントIDは、AWSのコンソール -> Cognito -> ユーザープール -> 該当のユーザープール名をクリック -> 「アプリケーションの統合」タブを選択 -> アプリケーションクライアントのリストの一覧の横のクライアントIDを記載します。
クライアントIDは、AWSのコンソール -> Cognito -> ユーザープール -> 該当のユーザープール名をクリック -> 「アプリケーションの統合」タブを選択 -> アプリケーションクライアントのリストの一覧の横のクライアントIDを記載します。
axiosでCognitoからIdTokenをもらう
axios Cognito IdToken IdToken USERPASSWORDAUTH This article explains how to get an IdToken from Cognito using axios. IdToken is issued by submitting username and password using USERPASSWORDAUTH. You can check this using the script provided in this article.
by JanitorSep 27, 2023
axiosでCognitoからIdTokenを発行してもらう方法です。ユーザー名とパスワードを送る、「USER_PASSWORD_AUTH」で実施します。
axiosでCognitoからIdTokenを発行してもらう方法です。ユーザー名とパスワードを送る、「USER_PASSWORD_AUTH」で実施します。
Jump Links
1. スクリプトを作成
1. スクリプトを作成
1. スクリプトを作成
下記のスクリプトで確認ができます。
下記のスクリプトで確認ができます。
<script setup>
import axios from 'axios';
var cognitoURL = "https://cognito-idp.リージョン名.amazonaws.com/"; // us-east-1など
var headers = {
'Content-Type': 'application/x-amz-json-1.1',
'X-Amz-Target': 'AWSCognitoIdentityProviderService.InitiateAuth',
};
var postData = {
"AuthFlow": "USER_PASSWORD_AUTH",
"AuthParameters": {
"PASSWORD": "パスワード",
"USERNAME": "ユーザ名"
},
"ClientId": "クライアントID"
}
axios.post( cognitoURL, postData, { headers: headers } )
.then( ( ret ) => {
console.log( ret.data.AuthenticationResult.IdToken );
} );
<script>
<script setup>
import axios from 'axios';
var cognitoURL = "https://cognito-idp.リージョン名.amazonaws.com/"; // us-east-1など
var headers = {
'Content-Type': 'application/x-amz-json-1.1',
'X-Amz-Target': 'AWSCognitoIdentityProviderService.InitiateAuth',
};
var postData = {
"AuthFlow": "USER_PASSWORD_AUTH",
"AuthParameters": {
"PASSWORD": "パスワード",
"USERNAME": "ユーザ名"
},
"ClientId": "クライアントID"
}
axios.post( cognitoURL, postData, { headers: headers } )
.then( ( ret ) => {
console.log( ret.data.AuthenticationResult.IdToken );
} );
<script>
クライアントIDは、AWSのコンソール -> Cognito -> ユーザープール -> 該当のユーザープール名をクリック -> 「アプリケーションの統合」タブを選択 -> アプリケーションクライアントのリストの一覧の横のクライアントIDを記載します。
クライアントIDは、AWSのコンソール -> Cognito -> ユーザープール -> 該当のユーザープール名をクリック -> 「アプリケーションの統合」タブを選択 -> アプリケーションクライアントのリストの一覧の横のクライアントIDを記載します。