Looking for how to use this in your app?See Frontend Libraries →
Amplify Interactionsのセットアップ
AWS Amplify Interactionsは、ウェブアプリやモバイルアプリでAIを活用したチャットボットを有効にします。_Interactions_を使用して、バックエンドチャットボットプロバイダーを構成し、わずか1行のコードでチャットボットUIをアプリに統合できます。
AWS でのInteractions
AWS Amplifyは、Amazon Lexをデフォルトのチャットボットサービスとしてサポートしています。Amazon Lexは、Amazon Alexaを動かす同じ深層学習技術を使用して、会話型ボットを作成することをサポートしています。
AWS LexV2ボットのセットアップ
Amazon Lexコンソールで、Amazon Lex V2チャットボットを作成できます。ボットを作成するには、Amazon Lex V2開発者ガイドに示されている手順に従ってください。
IAMポリシーの更新
Amazon Lexサービスは、Interactions API を使用するためにIAMポリシーが必要です(テンプレートを実際の値に置き換えることを忘れずに):
{ "Version": "2012-10-17", "Statement": [ { "Effect": "Allow", "Action": ["lex:RecognizeText", "lex:RecognizeUtterance"], "Resource": "arn:aws:lex:<your-app-region>:<your-account-id>:bot-alias/<your-bot-id>/<your-bot-alias-id>" } ]}フロントエンドの構成
aws-amplifyとinteractionsパッケージをプロジェクトに追加します:
Terminal
npm add --save @aws-amplify/interactions aws-amplifyAmplifyの構成
アプリ内で設定ファイルをインポートして読み込みます。Amplifyの設定ステップをアプリのルートエントリーポイントに追加することをお勧めします。例えば、App.js(Expo)またはindex.js(React Native CLI)です。
src/index.js
import { Amplify } from 'aws-amplify';import { parseAmplifyConfig } from "aws-amplify/utils";import outputs from '../amplify_outputs.json';
const amplifyConfig = parseAmplifyConfig(outputs);
Amplify.configure({ ...amplifyConfig, Interactions: { LexV2: { '<your-bot-name>': { aliasId: '<your-bot-alias-id>', botId: '<your-bot-id>', localeId: '<your-bot-locale-id>', region: '<your-bot-region>' } } }});