dialogflow web
1.0.0
Dialogflowを使用する
これは、Google Assistant Rich-Responsesをサポートし、Webでプラットフォームを最大限に活用できるようにするために、Dialogflowの非公式のWebクライアントです。
gitを使用するか、githubから直接ダウンロードできます
クローン化されたフォルダーを開きます。次に、お気に入りのパッケージマネージャーを使用して依存関係を取得します
NPMを使用した例
npm install
糸を使用した例
yarn
クローン化されたフォルダーを開きます。次に、お気に入りのパッケージマネージャーRun devコマンドを使用します
NPMを使用した例
npm run dev
糸を使用した例
yarn dev
これらの手順を実行すると、デフォルトのブラウザが開いてlocalhost:8080にリダイレクトする必要があります。ポート8080がすでに使用されている場合、指定されたポートで接続するport引数を提供できます
NPMを使用した例
npm run dev --port 9090
糸を使用した例
yarn dev --port 9090
開発サーバーを使用するために開発サーバーを使用しないでください。開発サーバーは開発用です。代わりに、ビルドアーティファクトを静的なWebサーバーにアップロードしてください
アプリはdist/build.jsにバンドルされ、それを構築するためにnpmまたはyarnを使用できます
NPMを使用した例
npm run build
糸を使用した例
yarn build
ボットを接続するには、最初に作成する必要があります。 Dialogflow Webサイトにアクセスして、それを行うことができます。次に、意図を作成し、Google Assistant Responseを追加します
config.jsを開き、 token変数を変更してボットを接続します。文字列を言語に翻訳することもできます
例
export default {
app : {
token : "9d686a47b1de48bab431e94750d1cd87"
}
}アクセントカラーを変更したい場合はsrc/App.sassを開いて$color変数を変更します
