LoginSignup
1
0

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