1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【初心者向け】AlexaカスタムスキルとCognitoをアカウントリンクで連携させる

Last updated at Posted at 2020-03-02

#AlexaカスタムスキルとCognitoをアカウントリンクで連携させる
前の記事:Cognitoで認証情報を保存するユーザープール作成
##アカウントリンク設定

###ドメインの設定
Cognitoを表示して、左側のメニューより「ドメイン名」を押下
ドメインのプレフィックスに任意のドメインを入力 →このサンプルではalexa-sampleにしました
「変更を保存」を押下
5-1.png

###ドメイン名のコピー
ドメインのURLをコピーしておいてください
5-2.png

###アカウントリンクの設定
alexaに戻り左側のメニューから「アカウントリンク」を押下
5-3.png

###アカウントリンクの詳細設定

1.「ユーザーがアカウントや既存アカウントへのリンクを作成することを許可しますか?」をONにする
2.「アカウントリンクなしでスキルを有効にすることをユーザーに許可します (推奨)。」をOFFにする
3.「Auth Code Grant」を選択する
4. 「認証画面のURI」を以下フォーマットで設定する

https://{Amazon Cognito ドメイン}/login?client_id={アプリクライアントID}&response_type=code&scope=aws.cognito.signin.user.admin&redirec

※{Amazon Cognito ドメイン}はこちらで保存したドメインのURL
※{アプリクライアントID}はこちらで保存していた「アプリクライアントID」

5.「アクセストークのURI」を以下フォーマットで設定する

https://{Amazon Cognito ドメイン}/oauth2/token  
※{Amazon Cognito ドメイン}は[こちら](https://qiita.com/kurisaka/items/6404f49b4d5134ee8e74#%E3%83%89%E3%83%A1%E3%82%A4%E3%83%B3%E5%90%8D%E3%81%AE%E3%82%B3%E3%83%94%E3%83%BC)で保存したドメインのURL 

6.「ユーザーのクライアントID」にこちらで保存していた「アプリクライアントID」を入力する
7.「ユーザーのシークレット」にこちらで保存していた「アプリクアライアントのシークレット」を入力する
8.Alexaのリダイレクト先のURLはコピーしておく
9.最後に「保存」を押下
5-4.png

###保存の成功メッセージが表示される
5-5.png

###アプリクライアントの設定
Cognitoに戻り左側のメニューから「アプリクライアントの設定」を押下
5-6.png

###アプリクライアントの詳細設定

  • 「Cognito User Pool」を選択
  • 「コールバックURL」はこちらの8でコピーしたAlexaのリダイレクト先のURLをカンマでつないで登録する
  • 「サインアウトURL」は「https://alexa.amazon.co.jp」を入力
  • 「許可されている OAuth フロー」で「Authorization code grant」を選択
  • 「許可されている OAuth スコープ」で「aws.cognito.signin.user.admin」
  • 「変更の保存」を押下
    5-7.png

###Cognitoの設定完了
「ホストされたUIを起動」のリンクが表示されれば登録は成功しています
5-8.png

##Alexaの公開設定とアカウントリンク

###Alexa公開設定
alexaに戻り上部の「公開」メニューを押下
以下赤枠の部分を入力して最後に「保存して続行」を押下
6-1.png

###プライバシーとコンプライアンス設定
赤枠を入力して最後に「保存して続行」を押下
6-2.png

###公開範囲設定
赤枠部分を設定する
6-3.png

###ベータテスト設定

  • 「ベータテスト管理者用Eメールアドレス」を設定
  • 「テスターのEメールアドレス」を設定
  • 「保存して続行」を押下
    6-4.png

###招待メールのリンクを押下
赤枠のリンクを押下する
6-5.png

###「スキルテスト」を押下する
6-6.png

###「有効にする」を押下する
6-7.png

###Sign in画面が表示されたら、Sign upリンクを押下する
6-8.png

###Sign up画面にアカウント情報を入力します
最後に「Sign up」を押下します
6-9.png

###設定したEmailにverification Codeが送られてきます
6-10.png

###表示された画面にverification Codeを入力して「Confirm Account」を押下します
6-11.png

###アカウントリンク成功のメッセージが表示される
6-12.png

#動作確認

###iPhoneアプリから動作を確認
1.「サンプルスキルを開いて」と発話する
image1.png

2.「こんにちは」と発話する
image0.png

###Cognitoの登録状況を確認
左側のメニューより「ユーザーとグループ」を押下
ユーザー名のリンクを押下
7-2-1.png

詳細情報が表示される
7-2-2.png

###関連記事

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?