dialogflow web v2

Alur dialog untuk Web v2

Dialogflow memungkinkan Anda membangun antarmuka percakapan di atas produk dan layanan Anda dengan menyediakan mesin pemahaman bahasa alami (NLU) yang kuat untuk memproses dan memahami masukan bahasa alami

Ini adalah Integrasi Web tidak resmi untuk Dialogflow V2

Pemberitahuan : Agustus 2021, saya memutakhirkan aplikasi web ke Vue 3, memperbaiki kerentanan keamanan dan memperbarui dependensi. Perangkat lunak ini gratis, tetapi waktu saya tidak. Pertimbangkan untuk mendukung saya melalui PayPal atau melalui perjanjian komersial

Fitur

• Aplikasi Web Progresif (skor Lighthouse 100/100)
• Fitur Aksesibilitas
• Dukungan Browser yang Luas (IE8+), kemampuan offline (riwayat) dan SEO yang hebat
• UI & UX yang familier, berdasarkan Spesifikasi Desain Asisten Google resmi
• Mode & Tema Gelap
• Interaksi hands-free dengan Input Suara dan Umpan Balik Ucapan (dengan SSML)
• Mandiri bahasa
• Dukungan Docker dan Kubernetes
• Komponen kaya, Webhook, dan Dukungan Actions on Google (demo)
• Widget Mengambang untuk disematkan di situs web (repo dan demo)
• Berdasarkan Vue 3 , Webpack, Babel dan PostCSS
• Ringan (build berukuran ~50KB gzip)
• Gratis dan Terdokumentasi sepenuhnya
• Dibuat di Jerman
• Direkomendasikan oleh Dialogflow dan MadeWithVueJS

disponsori oleh Vokode - sebuah studio pemasaran audio dari Paris, yang menangani: desain suara, podcast, dan aplikasi suara

Instalasi

Persyaratan

• NodeJS
• npm atau benang
• Akun Google dan Agen Dialogflow V2 (jika Anda mencari V1, silakan gunakan repo lama saya)

Bagian belakang

Dialogflow Gateway memungkinkan integrasi pihak ketiga seperti ini untuk mengakses API Dialogflow V2 dengan aman

• Dokumentasi
• Implementasi

AD Dialogflow Gateway oleh Ushakov (Dihosting) adalah cara tercepat untuk memulai Dialogflow untuk Web v2

Kloning repositori

Anda dapat menggunakan git atau mengunduh dari GitHub

Instal dependensinya

Buka folder yang dikloning. Kemudian, menggunakan manajer paket Anda, instal dependensinya

Menggunakan npm

npm i

Menggunakan benang

yarn

Hubungkan Agen

Buka src/config/index.js dan ubah variabel endpoint menjadi URL Gerbang Dialogflow Anda

Petunjuk: URL untuk Dialogflow Gateway yang Dihosting oleh Ushakov selalu berupa id proyek google cloud Anda + .core.ushaflow.io . Jika Anda mengalami masalah, pastikan Anda menghubungkan Agen Anda ke Gateway, lalu kunjungi konsol, klik "Kelola" dan salin URL Gateway

Contoh

 export default {
    endpoint : 'https://dialogflow-web-v2.core.ushaflow.io'
    [ ... ]
}

[ ... ]

Logo, nama agen, deskripsi, dan bahasa yang tersedia diambil dari Dialogflow. Ubah di Dialogflow dan itu akan disinkronkan ke UI. Harap diperhatikan, saat menambahkan bahasa baru, Anda mungkin harus menerjemahkan beberapa UI juga ( translations.json di src/translations )

Mengembangkan

Buka folder kloning Anda. Kemudian, menggunakan manajer paket favorit Anda, jalankan perintah serve

Menggunakan npm

npm run serve

Menggunakan benang

yarn serve

Browser default Anda akan terbuka dan dialihkan ke localhost:8080 . Jika port 8080 sudah digunakan, Anda dapat memberikan argumen port untuk terhubung pada port yang ditentukan

Menggunakan npm

npm run serve --port 9090

Menggunakan benang

yarn serve --port 9090

TOLONG JANGAN GUNAKAN SERVER PENGEMBANGAN UNTUK MELAYANI APLIKASI ANDA BAGI PENGUNJUNG, SERVER PENGEMBANGAN DIMAKSUDKAN UNTUK PENGEMBANGAN. HARAP UPLOAD BUILD ARTIFAK KE SERVER WEB STATIS

Tema

Anda dapat membuat tema khusus untuk Dialogflow for Web v2, sesuai spesifikasi:

Untuk menerapkan variabel, buka src/style/theme.sass dan ubah di pemilih :root

Anda juga dapat mengoptimalkan tema Anda untuk klien yang mengaktifkan mode Gelap dalam file dan pemilih yang sama di bawah @media (prefers-color-scheme: dark)

Membangun

Aplikasi Anda akan dibundel ke direktori dist

Untuk membangunnya Anda bisa menggunakan npm atau benang

Menggunakan npm

npm run build

Menggunakan benang

yarn build

Memperbarui

Jalankan git pull origin master untuk mengintegrasikan perubahan

Selain itu, selalu perbarui paket vue

 vue upgrade

Pertanyaan yang Sering Diajukan

• T: Saya tidak melihat perubahan apa pun
• J: Pastikan Anda membersihkan cache dan membangun kembali aplikasi . Di Safari, buka "Kembangkan" > "Kosongkan Cache". Di Chrome: "Alat Pengembang" > "Aplikasi" > "Hapus penyimpanan" > "Hapus data situs"

Pertanyaan

Hubungi pengembang atau buka masalah