dialogflow web

PERINGATAN DESPRECATION: Proyek ini tidak lagi didukung, pindah ke dialogflow untuk Web V2

---

Dialogflow untuk web

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 input bahasa alami

Ini adalah klien web tidak resmi untuk dialogflow, itu dibangun, untuk mendukung respons kaya asisten Google dan untuk memaksimalkan platform yang tersedia untuk web

Apa yang termasuk

• 100% aplikasi web progresif, mengikuti pedoman materi Google
• Lingkungan yang dapat disesuaikan
• Bekerja offline dan tanpa javascript
• Desain responsif
• Berisi optimasi mesin pencari
• Berdasarkan Vuej dengan Webpack & Live Reload
• Webspeech API untuk input suara
• Output teks-ke-speech
• Aksesibilitas yang sempurna untuk pengguna yang dinonaktifkan

Persyaratan

• NodeJS
• NPM atau benang
• Pengetahuan Dasar dalam ES6 (JavaScript)
• Kunci API DialogFlow (Anda bisa mendapatkannya di sini)

Apa yang didukung

• Balas Dasar (sedang ditampilkan dan diucapkan)
• Respons sederhana (sedang diucapkan)
• Kartu
• Kartu korsel
• Daftar
• Saran chip
• Tautan chip
• Kombinasi dari semua di atas
• Animasi mewah dan umpan balik visual
• Mode widget, untuk info lebih lanjut lihat https://github.com/mishushakov/dialogflow-widget
• Googling permintaan yang tidak diketahui

Mulai

Klon Repositori ke Mesin Anda

Anda dapat menggunakan git atau mengunduhnya langsung dari github

Dapatkan dependensi

Buka folder kloning Anda. Kemudian, menggunakan manajer paket favorit Anda, dapatkan dependensi

Contoh Menggunakan NPM

npm install

Contoh menggunakan benang

yarn

Mulai Pengembangan Server & Bangun

Buka folder kloning Anda. Kemudian, menggunakan Paket Manajer Favorit Anda Jalankan perintah dev

Contoh Menggunakan NPM

npm run dev

Contoh menggunakan benang

yarn dev

Saat Anda melakukan langkah -langkah ini, browser default Anda harus membuka dan mengarahkan Anda ke localhost:8080 . Jika port 8080 sudah digunakan, Anda dapat memberikan argumen port untuk terhubung di port yang ditentukan

Contoh Menggunakan NPM

npm run dev --port 9090

Contoh menggunakan benang

yarn dev --port 9090

Tolong jangan gunakan server pengembangan untuk melayani aplikasi Anda, server pengembangan dimaksudkan untuk pengembangan. Sebaliknya silakan unggah Bangun Artefak ke Server Web Statis

Membangun untuk produksi

Aplikasi Anda akan dibundel untuk dist/build.js untuk membangunnya Anda dapat menggunakan NPM atau benang

Contoh Menggunakan NPM

npm run build

Contoh menggunakan benang

yarn build

Menyesuaikan Aplikasi & Menghubungkan Agen Anda

Untuk menghubungkan bot Anda, pertama -tama Anda harus membuatnya. Anda dapat melakukannya dengan mengunjungi situs web dialogflow. Kemudian buat niat Anda dan tambahkan tanggapan Google Assistant

Buka config.js dan ubah variabel token , untuk menghubungkan bot Anda. Anda juga dapat menerjemahkan string ke bahasa Anda

Contoh

 export default {
    app : {
        token : "9d686a47b1de48bab431e94750d1cd87"
    }
}

Jika Anda ingin mengubah warna aksen terbuka src/App.sass dan ubah variabel $color

Pertanyaan yang sering diajukan

• T: Saya mengubah token dan tanggapannya sama seperti dengan token sebelumnya
• A: Pastikan Anda telah membersihkan cache dan membangun kembali aplikasi Anda . Di Safari pergi ke "kembangkan"> "cache kosong". Dalam Chrome: "Pengembang Alat"> "Aplikasi"> "Clear Storage"> "Clear Situs Data"

Terima kasih, tetap diperbarui!