dialogflow web v2
1.0.0
Dialogflow を使用すると、自然言語入力を処理および理解するための強力な自然言語理解 (NLU) エンジンを提供することで、製品やサービスの上に会話型インターフェイスを構築できます。
これは、Dialogflow V2 の非公式 Web 統合です。
お知らせ: 2021 年 8 月、Web アプリを Vue 3 にアップグレードし、セキュリティの脆弱性を修正し、依存関係を更新しました。ソフトウェアは無料で提供されますが、私の時間は無料ではありません。 PayPal または商業契約を通じて私をサポートすることを検討してください
Vokode がスポンサー - サウンド デザイン、ポッドキャスト、音声アプリを行うパリ発のオーディオ マーケティング スタジオ
Dialogflow Gateway を使用すると、このようなサードパーティ統合が Dialogflow V2 API に安全にアクセスできるようになります。
Ushakov のAD Dialogflow Gateway (ホスト型) は、Dialogflow for Web v2 を使い始める最も簡単な方法です
git を使用するか、GitHub からダウンロードできます
クローン作成したフォルダーを開きます。次に、パッケージ マネージャーを使用して依存関係をインストールします。
npmの使用
npm i
糸を使う
yarn
src/config/index.jsを開き、 endpoint変数を Dialogflow ゲートウェイ URL に変更します。
ヒント: Ushakov がホストする Dialogflow Gateway の URL は、常に Google Cloud プロジェクト ID + .core.ushaflow.ioです。問題が発生した場合は、エージェントがゲートウェイに接続されていることを確認してから、コンソールにアクセスし、[管理] をクリックしてゲートウェイ URL をコピーしてください。
例
export default {
endpoint : 'https://dialogflow-web-v2.core.ushaflow.io'
[ ... ]
}
[ ... ]ロゴ、エージェント名、説明、および利用可能な言語は Dialogflow から取得されます。 Dialogflow でそれらを変更すると、UI に同期されます。新しい言語を追加するときは、UI の一部も翻訳する必要がある場合があることに注意してください ( src/translationsのtranslations.json )
クローン作成したフォルダーを開きます。次に、お気に入りのパッケージ マネージャーを使用して、 serveコマンドを実行します。
npmの使用
npm run serve
糸を使う
yarn serve
デフォルトのブラウザが開き、 localhost:8080にリダイレクトされるはずです。ポート 8080 がすでに使用されている場合は、 port引数を指定して、指定したポートに接続できます。
npmの使用
npm run serve --port 9090
糸を使う
yarn serve --port 9090
訪問者にアプリを提供するために開発サーバーを使用しないでください。開発サーバーは開発用です。ビルド アーティファクトを静的 Web サーバーにアップロードしてください
仕様に従って、Dialogflow for Web v2 のカスタム テーマを作成できます。
変数を適用するには、 src/style/theme.sassを開き、 :rootセレクターで変数を変更します。
@media (prefers-color-scheme: dark)の下の同じファイルとセレクター内で、ダークモード対応クライアント用にテーマを最適化することもできます。
アプリはdistディレクトリにバンドルされます
ビルドするにはnpmまたはyarnを使用できます
npmの使用
npm run build
糸を使う
yarn build
git pull origin master実行して変更を統合します
さらに、vue パッケージを最新の状態に保ちます
vue upgrade
開発者に連絡するか、問題をオープンしてください
