i chatbot

saya-chatbot

Komponen sederhana dan elegan untuk membangun antarmuka percakapan di React. ??

Memulai

Instalasi

 npm i i-chatbot --save

Penggunaan Dasar

Impor komponen

 import ChatBot, { ChatBotUtil } from 'i-chatbot'

Buat metode yang akan menangani kejadian postback dari chatbot. Ini harus mengembalikan array objek pesan untuk membalas tindakan pengguna dengan panggilan balik.

  getStarted () {
    return [
      ChatBotUtil.textMessage(['Hi!', 'Hey there!'].any()),
      ChatBotUtil.textMessage(['How is life?', 'What's up?'].any(),
        ChatBotUtil.makeReplyButton('Great!', this.intro))
    ]
  }

  intro () {
    return [
      ChatBotUtil.textMessage('That's good to hear!')
    ]
  }

Render ChatBot dengan metode panggilan balik memulai dan tombol mulai.

 <ChatBot onGetStarted={this.getStarted}
         getStartedButton={ChatBotUtil.makeGetStartedButton('Get Started')} />

ObrolanBot

Alat peraga

Menopang	Bawaan	Jenis	Keterangan
diGetStarted	-	fungsi	Metode panggilan balik awal untuk mengembalikan pesan pertama
getStartedButton	-	obyek	Parameter tombol mulai

Metode

startOver (pesan)

Menyetel ulang status obrolan dan menambahkan objek pesan jika tombol memulai tidak disetel.

ObrolanBotUtil

Metode

textMessage (teks, ...tindakan)

Buat objek pesan teks.

Parameter:

Nama	Jenis	Keterangan
teks	rangkaian	Teks pesan
tindakan	objek	Objek tombol balas cepat

penggunaTextMessage (teks)

Buat objek pesan teks pengguna.

Parameter:

Nama	Jenis	Keterangan
teks	rangkaian	Teks pesan

makeReplyButton (judul)

Buat tombol memulai.

Parameter:

Nama	Jenis	Keterangan
judul	rangkaian	Judul

makeReplyButton (judul, postback)

Buat tombol balas cepat.

Parameter:

Nama	Jenis	Keterangan
judul	rangkaian	Judul
pos balik	rangkaian	Nilai pasca balik

makeTextInputField (judul, postback)

Buat bidang masukan teks.

Parameter:

Nama	Jenis	Keterangan
mengirim	rangkaian	Judul tombol kirim
pengganti	rangkaian	Placeholder untuk bidang masukan
pos balik	rangkaian	Nilai pasca balik

Gaya

Karena pra-prosesor CSS digunakan KURANG. Salin dan modifikasi gaya dari demo/src/i-chatbot.less lalu impor ke aplikasi Anda.

Dibangun dengan i-chatbot ?

• Website pribadi Oleh Stasula
• Halaman arahan Justin Case

Sudahkah Anda membuat sesuatu yang keren dengan i-chatbot ? Kirimkan permintaan tarik dan tambahkan ke daftar ini!

Agenda?

• Arah obrolan dari bawah ke atas
• Validasi masukan yang lebih baik
• Pengganti avatar

Kontribusi?

Kontribusi Anda disambut baik, tidak peduli seberapa besar atau kecilnya!

Silakan lihat panduan kontribusi untuk detail tentang struktur proyek, lingkungan pengembangan, rangkaian pengujian, gaya kode, dll. Semua pembaruan versi disebutkan di log perubahan.

Lisensi?

Perpustakaan tersedia sebagai sumber terbuka berdasarkan ketentuan Lisensi MIT.