差分

このページの2つのバージョン間の差分を表示します。

--- z_blog:2018:181026_ionic4_dialogflowv2 [2018/10/28] – [Dialogflow V2 APIのAuth(認証)のセットアップ] adash333
+++ z_blog:2018:181026_ionic4_dialogflowv2 [2018/10/28] (現在) – [施行錯誤中。Dialogflowのdocumentを読んでみる] adash333
@@ 行 8: / 行 8: @@
 [[:ionic4とdialogflow_v1_でチャットボットアプリ|Ionic4とDialogflow(V1)でチャットボットアプリ]]の続き
+===== 開発環境 =====
+Windows 8.1 Pro
 ===== Dialogflow V2 APIのAuth(認証)のセットアップ =====
@@ 行 40: / 行 43: @@
 {{:z_blog:2018:pasted:20181028-215116.png}}
-サービスアカウントをDialogFlow　API管理者として作成。
+サービスアカウント名を適当に入力して、作成をクリック。
-サービスアカウント名は適当に入力。
 {{:z_blog:2018:pasted:20181028-215337.png}}
+サービスアカウントをDialogFlow　API管理者として作成。
+{{:z_blog:2018:pasted:20181028-215527.png}}
+続行　をクリック
+{{:z_blog:2018:pasted:20181028-215618.png}}
+キーの作成　をクリック
+{{:z_blog:2018:pasted:20181028-215720.png}}
+JSONが選択されていることを確認して、作成　をクリック
+{{:z_blog:2018:pasted:20181028-215838.png}}
+JSONファイルがダウンロードされるので、安全な場所（？）に保存。この保存した場所（例えば、C:/xxxxx.json）は控えておく。
+{{:z_blog:2018:pasted:20181028-215953.png}}
+===== DialogFlowをコマンドプロンプトから実行するためのSDKをインストール =====
+https://cloud.google.com/sdk/docs/?hl=jaにアクセスし、SDKのインストーラーをダウンロードしてインストール
+{{:z_blog:2018:pasted:20181028-220620.png}}
+exeファイルがダウンロードされるので、ダブルクリックしてインストール。
+{{:z_blog:2018:pasted:20181028-220712.png}}
+ちょっと時間がかかる。
+{{:z_blog:2018:pasted:20181028-220759.png}}
+{{:z_blog:2018:pasted:20181028-223934.png}}
+自動的にコマンドプロンプトが開くので、y + Enter
+{{:z_blog:2018:pasted:20181028-224126.png}}
+すると、自動的にChromeが開くので、アカウントを選択して、
+{{:z_blog:2018:pasted:20181028-224229.png}}
+下の方の、許可　をクリック。
+{{:z_blog:2018:pasted:20181028-224316.png}}
+{{:z_blog:2018:pasted:20181028-224353.png}}
+自動的に開かれたコマンドプロンプトの画面で、以下を入力。
+（コマンドプロンプトに、「ログインしました、アプリを選んでください」的なことが書かれているので、選択した。）
+<code>
+set GOOGLE_APPLICATION_CREDENTIALS=C:/（ダウンロードしたjsonファイルの場所）/（ダウンロードしたjsonファイル名）.json
+gcloud auth application-default print-access-token
+</code>
+これにより、表示されるアクセストークンを、テキストファイルに保存しておく。
+{{:z_blog:2018:pasted:20181028-231725.png}}
+しかし、この後、AngularやIonicへアクセストーくんを入力して、アプリを作成するやり方が分からない。。。
+Dialogflow V2とIonic4を利用したアプリのソースコードは以下にあるのだが、、、
+https://github.com/adash333/ionic4-dialogflowV1
+とりあえず、上記コードのsrc/environments/environment.ts のtoken の中身だけ、上記アクセストークンに変更。
+（Dialogflow V2では、まず、このアクセストークンを得るまでに、上記の通り、かなり苦労した。）
+===== 施行錯誤中。Dialogflowのdocumentを読んでみる =====
+Dialogflow V1で動いたコードを変更して、V2で動くようにしたい。
+以下のDialogflow V1用のコードを、Dialogflow V2用に変更したい。
+{{:z_blog:2018:pasted:20181029-001445.png}}
+とりあえず、https://api.dialogflow.com/v1/query?v=20150910 の /query を変更しなければと思い、公式docを検索。
+https://dialogflow.com/docs/reference/v1-v2-migration-guide-api
+{{:z_blog:2018:pasted:20181029-001530.png}}
+https://dialogflow.com/docs/reference/v1-v2-migration-guide-api#query_to_detectintent
+{{:z_blog:2018:pasted:20181029-001701.png}}
+この後のリンク先が、v2beta1を見ればよいのか、v2を見ればよい二かさっぱりわからない。両方読んでも分からない。
+https://dialogflow.com/docs/reference/api-v2/rest/v2beta1/projects.agent.sessions/detectIntent
+https://dialogflow.com/docs/reference/api-v2/rest/#v2.projects
+おそらく、以下のページが参考になりそうだが、、、
+https://stackoverflow.com/questions/50545943/dialogflow-easy-way-for-authorization/51941682#51941682
+https://medium.com/@tzahi/how-to-setup-dialogflow-v2-authentication-programmatically-with-node-js-b37fa4815d89