Unduh chatbot ui - unduh kode sumber chatbot ui

chatbot ui

Kode sumber lainnya

1.0.0

Unduh

UI bot obrolan

Aplikasi obrolan AI sumber terbuka untuk semua orang.

UI bot obrolan

Demo

Lihat demo terbaru di sini.

Pembaruan

Hai semuanya! Saya telah mendengar tanggapan Anda dan saya sedang bekerja keras untuk membuat pembaruan besar.

Hal-hal seperti penerapan yang lebih sederhana, kompatibilitas backend yang lebih baik, dan tata letak seluler yang lebih baik sedang dalam proses.

Segera kembali.

-- Mckay

Versi Host Resmi

Gunakan Chatbot UI tanpa harus menghostingnya sendiri!

Temukan versi resmi Chatbot UI yang dihosting di sini.

Sponsor

Jika menurut Anda UI Chatbot berguna, mohon pertimbangkan untuk mensponsori saya untuk mendukung pekerjaan sumber terbuka saya :)

Masalah

Kami membatasi "Masalah" pada masalah aktual yang berkaitan dengan basis kode.

Kami mendapatkan banyak sekali masalah seperti permintaan fitur, masalah penyedia cloud, dll.

Jika Anda mengalami masalah dengan hal-hal seperti pengaturan, lihat bagian "Bantuan" pada tab "Diskusi" di atas.

Masalah yang tidak terkait dengan basis kode kemungkinan akan segera ditutup.

Diskusi

Kami sangat menganjurkan Anda untuk berpartisipasi dalam tab "Diskusi" di atas!

Diskusi adalah tempat yang tepat untuk mengajukan pertanyaan, berbagi ide, dan mendapatkan bantuan.

Kemungkinannya adalah jika Anda memiliki pertanyaan, orang lain juga memiliki pertanyaan yang sama.

Kode Warisan

Chatbot UI baru-baru ini diperbarui ke versi 2.0.

Kode untuk 1.0 dapat ditemukan di cabang legacy .

Memperbarui

Di terminal Anda di root repositori Chatbot UI lokal Anda, jalankan:

npm run update

Jika Anda menjalankan instance yang dihosting, Anda juga harus menjalankan:

npm run db-push

untuk menerapkan migrasi terbaru ke database langsung Anda.

Mulai Cepat Lokal

Ikuti langkah-langkah berikut untuk menjalankan instans UI Chatbot Anda secara lokal.

Anda dapat menonton video tutorial lengkapnya di sini.

1. Kloning Repo

git clone https://github.com/mckaywrigley/chatbot-ui.git

2. Instal Dependensi

Buka terminal di direktori root repositori Chatbot UI lokal Anda dan jalankan:

npm install

3. Instal Supabase & Jalankan Secara Lokal

Mengapa Supabase?

Sebelumnya, kami menggunakan penyimpanan browser lokal untuk menyimpan data. Namun, ini bukanlah solusi yang baik karena beberapa alasan:

Masalah keamanan
Penyimpanan terbatas
Membatasi kasus penggunaan multimodal

Kami sekarang menggunakan Supabase karena mudah digunakan, bersumber terbuka, Postgres, dan memiliki tingkat gratis untuk instance yang dihosting.

Kami akan mendukung penyedia lain di masa depan untuk memberi Anda lebih banyak pilihan.

1. Instal Docker

Anda perlu menginstal Docker untuk menjalankan Supabase secara lokal. Anda dapat mengunduhnya di sini secara gratis.

2. Instal Supabase CLI

MacOS/Linux

brew install supabase/tap/supabase

jendela

scoop bucket add supabase https://github.com/supabase/scoop-bucket.git
scoop install supabase

3. Mulai Supabase

Di terminal Anda di root repositori Chatbot UI lokal Anda, jalankan:

supabase start

4. Isi Rahasia

1. Variabel Lingkungan

Di terminal Anda di root repositori Chatbot UI lokal Anda, jalankan:

cp .env.local.example .env.local

Dapatkan nilai yang diperlukan dengan menjalankan:

supabase status

Catatan: Gunakan API URL dari supabase status untuk NEXT_PUBLIC_SUPABASE_URL

Sekarang buka file .env.local Anda dan isi nilainya.

Jika variabel lingkungan disetel, itu akan menonaktifkan input di pengaturan pengguna.

2. Pengaturan SQL

Dalam file migrasi pertama supabase/migrations/20240108234540_setup.sql Anda perlu mengganti 2 nilai dengan nilai yang Anda dapatkan di atas:

project_url (baris 53): http://supabase_kong_chatbotui:8000 (default) tidak akan berubah jika Anda tidak mengubah project_id di file config.toml
service_role_key (baris 54): Anda mendapatkan nilai ini dari menjalankan supabase status

Ini mencegah masalah dengan file penyimpanan yang tidak terhapus dengan benar.

5. Instal Ollama (opsional untuk model lokal)

Ikuti instruksi di sini.

6. Jalankan aplikasi secara lokal

Di terminal Anda di root repositori UI Chatbot lokal Anda, jalankan:

npm run chat

Instance lokal Chatbot UI Anda sekarang seharusnya berjalan di http://localhost:3000. Pastikan untuk menggunakan versi node yang kompatibel (yaitu v18).

Anda dapat melihat GUI backend Anda di http://localhost:54323/project/default/editor.

Mulai Cepat yang Dihosting

Ikuti langkah-langkah berikut untuk menjalankan instans UI Chatbot Anda di cloud.

Video tutorial segera hadir.

1. Ikuti Panduan Mulai Lokal

Ulangi langkah 1-4 pada "Mulai Cepat Lokal" di atas.

Anda memerlukan repositori terpisah untuk instans lokal dan yang dihosting.

Buat repositori baru untuk instance Chatbot UI yang Anda host di GitHub dan masukkan kode Anda ke sana.

2. Siapkan Backend dengan Supabase

1. Buat proyek baru

Buka Supabase dan buat proyek baru.

2. Dapatkan Nilai Proyek

Setelah Anda berada di dasbor proyek, klik tab ikon "Pengaturan Proyek" di ujung kiri bawah.

Di sini Anda akan mendapatkan nilai untuk variabel lingkungan berikut:

Project Ref : Ditemukan di "Pengaturan umum" sebagai "ID Referensi"
Project ID : Ditemukan di URL dasbor proyek Anda (Contoh: https://supabase.com/dashboard/project/<YOUR_PROJECT_ID>/settings/general)

Saat masih di "Pengaturan", klik tab teks "API" di sebelah kiri.

Di sini Anda akan mendapatkan nilai untuk variabel lingkungan berikut:

Project URL : Ditemukan di "Pengaturan API" sebagai "URL Proyek"
Anon key : Ditemukan di "Kunci API Proyek" sebagai "anon public"
Service role key : Ditemukan di "Kunci API Proyek" sebagai "service_role" (Pengingat: Perlakukan ini seperti kata sandi!)

3. Konfigurasikan Auth

Selanjutnya, klik tab ikon "Otentikasi" di paling kiri.

Di tab teks, klik "Penyedia" dan pastikan "Email" diaktifkan.

Kami menyarankan untuk menonaktifkan "Konfirmasi email" untuk kasus pribadi Anda.

4. Hubungkan ke DB yang Dihosting

Buka repositori Anda untuk instance Chatbot UI yang dihosting.

Dalam file migrasi pertama supabase/migrations/20240108234540_setup.sql Anda perlu mengganti 2 nilai dengan nilai yang Anda dapatkan di atas:

project_url (baris 53): Gunakan nilai Project URL dari atas
service_role_key (baris 54): Gunakan nilai Service role key dari atas

Sekarang, buka terminal di direktori root repositori Chatbot UI lokal Anda. Kami akan menjalankan beberapa perintah di sini.

Masuk ke Supabase dengan menjalankan:

supabase login

Selanjutnya, tautkan proyek Anda dengan menjalankan perintah berikut dengan "ID Proyek" yang Anda dapatkan di atas:

supabase link --project-ref < project-id >

Proyek Anda sekarang harus ditautkan.

Terakhir, dorong database Anda ke Supabase dengan menjalankan:

supabase db push

Basis data yang dihosting Anda sekarang sudah siap!

3. Atur Frontend dengan Vercel

Buka Vercel dan buat proyek baru.

Di halaman penyiapan, impor repositori GitHub Anda untuk instance Chatbot UI yang dihosting. Dalam Pengaturan proyek, di bagian "Pengaturan Pembuatan & Pengembangan", alihkan Framework Preset ke "Next.js".

Dalam variabel lingkungan, tambahkan nilai berikut dari nilai yang Anda dapatkan di atas:

NEXT_PUBLIC_SUPABASE_URL
NEXT_PUBLIC_SUPABASE_ANON_KEY
SUPABASE_SERVICE_ROLE_KEY
NEXT_PUBLIC_OLLAMA_URL (hanya diperlukan saat menggunakan model Ollama lokal; default: http://localhost:11434 )

Anda juga dapat menambahkan kunci API sebagai variabel lingkungan.

OPENAI_API_KEY
AZURE_OPENAI_API_KEY
AZURE_OPENAI_ENDPOINT
AZURE_GPT_45_VISION_NAME

Untuk daftar lengkap variabel lingkungan, lihat file '.env.local.example'. Jika variabel lingkungan disetel untuk kunci API, ini akan menonaktifkan input di pengaturan pengguna.

Klik "Deploy" dan tunggu hingga frontend Anda diterapkan.

Setelah diterapkan, Anda seharusnya dapat menggunakan instance Chatbot UI yang dihosting melalui URL yang diberikan Vercel kepada Anda.