chatbot ui
1.0.0
誰でも使えるオープンソースの AI チャット アプリ。
最新のデモはこちらからご覧ください。
やあ、みんな！皆さんのフィードバックを聞き、大型アップデートに向けて鋭意取り組んでいます。
導入の簡素化、バックエンドの互換性の向上、モバイル レイアウトの改善などが予定されています。
すぐに戻ってきてください。
-- マッケイ
自分でホストしなくてもチャットボット UI を使用できます。
ここでチャットボット UI の公式ホスト バージョンを見つけてください。
Chatbot UI が役立つと思われる場合は、私のオープンソースの研究をサポートするために私をスポンサーすることを検討してください :)
「問題」は、コードベースに関連する実際の問題に限定されます。
機能リクエストやクラウドプロバイダーの問題などに相当する問題が過剰に発生しています。
セットアップなどで問題が発生した場合は、上の「ディスカッション」タブの「ヘルプ」セクションを参照してください。
コードベースに関係のない問題は、すぐに解決される可能性があります。
上の「ディスカッション」タブに参加することを強くお勧めします。
ディスカッションは、質問したり、アイデアを共有したり、助けを得たりするのに最適な場所です。
あなたが質問があるなら、他の誰かも同じ質問をしている可能性があります。
チャットボット UI は最近 2.0 バージョンに更新されました。
1.0 のコードはlegacyブランチにあります。
ローカル Chatbot UI リポジトリのルートにあるターミナルで、次のコマンドを実行します。
npm run updateホストされたインスタンスを実行する場合は、以下も実行する必要があります。
npm run db-push最新の移行をライブ データベースに適用します。
次の手順に従って、独自の Chatbot UI インスタンスをローカルで実行します。
完全なビデオチュートリアルはここでご覧いただけます。
git clone https://github.com/mckaywrigley/chatbot-ui.gitローカル Chatbot UI リポジトリのルート ディレクトリでターミナルを開き、次を実行します。
npm install以前は、ローカル ブラウザ ストレージを使用してデータを保存していました。ただし、これはいくつかの理由から良い解決策ではありませんでした。
私たちは現在、使いやすく、オープンソースであり、Postgres であり、ホストされたインスタンスの無料枠があるため、Supabase を使用しています。
将来的には他のプロバイダーもサポートし、より多くのオプションを提供する予定です。
Supabase をローカルで実行するには、Docker をインストールする必要があります。ここから無料でダウンロードできます。
MacOS/Linux
brew install supabase/tap/supabase窓
scoop bucket add supabase https://github.com/supabase/scoop-bucket.git
scoop install supabaseローカル Chatbot UI リポジトリのルートにあるターミナルで、次のコマンドを実行します。
supabase startローカル Chatbot UI リポジトリのルートにあるターミナルで、次のコマンドを実行します。
cp .env.local.example .env.local以下を実行して必要な値を取得します。
supabase status注: NEXT_PUBLIC_SUPABASE_URLには、 supabase statusのAPI URLを使用してください
次に、 .env.localファイルに移動し、値を入力します。
環境変数が設定されている場合、ユーザー設定での入力が無効になります。
最初の移行ファイルsupabase/migrations/20240108234540_setup.sqlで、2 つの値を上記で取得した値に置き換える必要があります。
project_url (53 行目): http://supabase_kong_chatbotui:8000 (デフォルト) は、 config.tomlファイルのproject_id変更しない場合、変更しないままにすることができます。service_role_key (行 54): この値は、実行中のsupabase statusから取得しました。これにより、ストレージ ファイルが適切に削除されないという問題が回避されます。
ここの指示に従ってください。
ローカル Chatbot UI リポジトリのルートにあるターミナルで、次のコマンドを実行します。
npm run chatChatbot UI のローカル インスタンスは http://localhost:3000 で実行されているはずです。必ず互換性のあるノード バージョン (v18 など) を使用してください。
バックエンド GUI は http://localhost:54323/project/default/editor で表示できます。
独自の Chatbot UI インスタンスをクラウドで実行するには、次の手順に従います。
ビデオチュートリアルは近日公開予定です。
上記の「ローカル クイックスタート」の手順 1 ～ 4 を繰り返します。
ローカル インスタンスとホストされたインスタンスには別のリポジトリが必要になります。
GitHub 上に Chatbot UI のホストされたインスタンス用の新しいリポジトリを作成し、そこにコードをプッシュします。
Supabase に移動し、新しいプロジェクトを作成します。
プロジェクト ダッシュボードを開いたら、左下端にある [プロジェクト設定] アイコン タブをクリックします。
ここでは、次の環境変数の値を取得します。
Project Ref : 「一般設定」に「参照 ID」として見つかります。
Project ID : プロジェクト ダッシュボードの URL にあります (例: https://supabase.com/dashboard/project/<YOUR_PROJECT_ID>/settings/general)
[設定] を開いたまま、左側の [API] テキスト タブをクリックします。
ここでは、次の環境変数の値を取得します。
Project URL : 「API 設定」に「プロジェクト URL」として表示されます。
Anon key : 「プロジェクト API キー」に「anon public」として見つかります。
Service role key : 「プロジェクト API キー」に「service_role」として見つかります (注意: これはパスワードのように扱ってください!)
次に、左端の「認証」アイコンタブをクリックします。
テキストタブで「プロバイダー」をクリックし、「電子メール」が有効になっていることを確認します。
個人のインスタンスでは、「メールの確認」をオフにすることをお勧めします。
Chatbot UI のホストされたインスタンスのリポジトリを開きます。
最初の移行ファイルsupabase/migrations/20240108234540_setup.sqlで、2 つの値を上記で取得した値に置き換える必要があります。
project_url (行 53): 上記のProject URL値を使用します。service_role_key (54 行目): 上記のService role key値を使用します。次に、ローカル Chatbot UI リポジトリのルート ディレクトリでターミナルを開きます。ここでいくつかのコマンドを実行します。
次のコマンドを実行して、Supabase にログインします。
supabase login次に、上で取得した「プロジェクト ID」を使用して次のコマンドを実行して、プロジェクトをリンクします。
supabase link --project-ref < project-id >これでプロジェクトがリンクされるはずです。
最後に、以下を実行してデータベースを Supabase にプッシュします。
supabase db pushこれで、ホストされたデータベースがセットアップされるはずです。
Vercel に移動し、新しいプロジェクトを作成します。
セットアップ ページで、Chatbot UI のホストされたインスタンスの GitHub リポジトリをインポートします。プロジェクト設定内の「ビルドと開発設定」セクションで、フレームワーク プリセットを「Next.js」に切り替えます。
環境変数に、上記で取得した値から次の値を追加します。
NEXT_PUBLIC_SUPABASE_URLNEXT_PUBLIC_SUPABASE_ANON_KEYSUPABASE_SERVICE_ROLE_KEYNEXT_PUBLIC_OLLAMA_URL (ローカル Ollama モデルを使用する場合にのみ必要。デフォルト: http://localhost:11434 )API キーを環境変数として追加することもできます。
OPENAI_API_KEYAZURE_OPENAI_API_KEYAZURE_OPENAI_ENDPOINTAZURE_GPT_45_VISION_NAME環境変数の完全なリストについては、「.env.local.example」ファイルを参照してください。 APIキーに環境変数が設定されている場合、ユーザー設定での入力が無効になります。
「デプロイ」をクリックし、フロントエンドがデプロイされるまで待ちます。
デプロイが完了すると、Vercel が提供する URL を介して Chatbot UI のホストされたインスタンスを使用できるようになります。
私たちは寄付のためのガイドを作成中です。
Twitter/X でマッケイにメッセージを送信する
