Dialogflow(旧:API.AI) のイベントをCloud functionsで受け取りユーザーにテキストを返してみる #dialogflow
API.AIのイベントを受け取る
API.AIではWebhookを設定することが出来ます。これによりユーザーから届いたリクエストを外部のサーバーで処理することができます。今回はActions on GoogleのイベントをCloud functionsで受取り、テキストをユーザーに返してみます。
今回使用するサービス
API.AIのプロジェクトを用意
今回はGoogle I/O 2017 API.AIのセッションのベーグル注文を日本風で試してみるで作成したプロジェクトをそのまま使用したいと思います。
Actions on Gooleの有効化
IntegrationsのActions on Gooleのチェックを入れ有効化し、Settingからプロジェクトを作成します。Add actions to your appで「USE API.AI」か「Use Actions SDK」のどちらかを選択する画面に来たら「USE API.AI」を選択し画面の内容を確認したら「OK」で戻ります。
※日本語非対応のためのシュミレーターは試せません
Cloud functionsの準備
- Node.JSの導入
- 最新のCloud SDKを導入
- Google Developer consoleでプロジェクトを選択
- 課金を有効にする
- Cloud functionsを有効化する
-
Cloud storageのバケットを用意する
- バケット名を控えておいてください
- このバケットにfunctionsのコードをアップロードします
- 私は「order-sushi」というバケットを作成しました
- プロジェクト用のディレクトリを作成する
- プロジェクトのディレクトリ内で
gcloud init
を実行しGCPプロジェクトを選択する
index.jsとpackage.jsonを用意
プロジェクト用のディレクトリに index.js
とpackage.json
を作成します。
'use strict';
process.env.DEBUG = 'actions-on-google:*';
const App = require('actions-on-google').ApiAiApp;
//API.AI actions
const ORDER_SUSHI = 'order.sushi';
exports.ordersushi = (request, response) => {
const app = new App({request, response});
console.log('Request headers: ' + JSON.stringify(request.headers));
console.log('Request body: ' + JSON.stringify(request.body));
// Fulfill action business logic
function orderSushiHandler (app) {
// Complete your fulfillment logic and send a response
console.log('Requested ' + ORDER_SUSHI);
app.ask('Sushi requested!!');
}
const actionMap = new Map();
actionMap.set(ORDER_SUSHI, orderSushiHandler);
app.handleRequest(actionMap);
};
ORDER_SUSHI には Intentsのアクション名を入れます
{
"name": "sushi-order-demo",
"description": "This is your Action's webhook",
"version": "0.0.1",
"private": true,
"license": "Apache Version 2.0",
"author": "Google Inc.",
"engines": {
"node": "~6.0"
},
"scripts": {
"lint": "semistandard --fix \"**/*.js\"",
"start": "functions deploy ordersushi --trigger-http",
"deploy": "gcloud beta functions deploy ordersushi --trigger-http --stage-bucket order-sushi"
},
"dependencies": {
"actions-on-google": "^1.0.0"
},
"devDependencies": {
"semistandard": "^9.1.0"
}
}
プロジェクトをアップロードする
以下のコマンドでプロジェクトをCloud Storageにアップロードします。
gcloud beta functions deploy ordersushi --trigger-http --stage-bucket order-sushi
アップロードが終わるとURLが返ってくると思います。そのURLを控えておいてください。
httpsTrigger:
url: https://us-central1-yourproject.cloudfunctions.net/ordersushi
API.AIにWebhookを設定する
Webhookの有効化
横のメニューから「Fulfillment」を選択し、Webhookを有効化します。
そして先ほどのURLを入れます。
Webhookの設定
Intents の Sushi OrderのUse webhookにチェックを入れます。
テストしてみよう
Actions on Gooleでテストしたいところですが、まだシュミレーターが日本語非対応なのでAPI.AIのシュミレーターでテストしてみましょう。
Text Responseの削除
テスト前にText Responseの「へい、かしこまりました!」は削除します。代わりにfunctionsで「Sushi requested!!」を返します。
実行
右のシュミレータで実行します。「寿司食べたい、さび有り、まぐろ」と入力し、注文が確定すると。。。
ちゃんと「Sushi requested!!」が返されましたね!
ログの確認
以下のコマンドでfunctionsのログを見る
gcloud beta functions logs read ordersushi
Requested order.sushiが確認できました!
I ordersushi xxxxxxxx 2017-05-29 23:15:38.465 Requested order.sushi
Author And Source
この問題について(Dialogflow(旧:API.AI) のイベントをCloud functionsで受け取りユーザーにテキストを返してみる #dialogflow), 我々は、より多くの情報をここで見つけました https://qiita.com/flatfisher/items/c96959a0d8d2daf619d2著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .