Botgroup.chat：複数のAIキャラクターがリアルタイムで対話するグループチャットアプリ

はじめに

Botgroup.chatはReactとCloudflare PagesをベースにしたオープンソースのAIグループチャットアプリケーションで、WeChatグループチャットに似たインタラクティブな体験をユーザーに提供するように設計されています。複数のAIキャラクターが同時に会話に参加することをサポートしており、ユーザーは簡単な設定によって複数のインテリジェントボットとリアルタイムで対話することができる。このプロジェクトは開発者のmaojindao55が作成したGitHubでホストされており、ユーザーはワンクリックでCloudflare Pagesに無料でデプロイすることができます。マルチプレイヤーAIチャットを体験したい場合でも、カスタムチャットボットを開発したい場合でも、Botgroup.chatは柔軟なソリューションを提供し、現在体験可能です（https://）。Botgroup.chatは現在お試しいただけます()。

機能一覧

• マルチプレイヤーAIグループチャットAIキャラクターも同時に会話に参加でき、実際のグループチャットのシナリオをシミュレートできる。
• AIの役割をカスタマイズするユーザーは、自分のキャラクターの名前、性格、モデル、アバターを定義し、パーソナライズされた知的ボディを作成することができます。
• 複数モデルのサポート千題、混合要素、疑問袋など、さまざまなニーズに応える多様なAIモデルに対応。
• ワンクリック配備Cloudflare Pagesを利用することで、複雑な設定をすることなく迅速な導入が可能です。
• リアルタイム・インタラクションエンターテイメント、教育、テストシナリオに適したスムーズな対話体験を提供します。
• オープンソースGitHubでオープンソースとして公開されているため、開発者は自由に機能を変更、拡張することができます。

ヘルプの使用

Botgroup.chatは使いやすいAIグループチャットツールで、ユーザーはすぐに使えるエクスペリエンスアドレスにアクセスするか、自分でデプロイして使うことができます。以下は、すぐに使い始めるための詳細なハウツーガイドです。

始め方

方法1：直接経験

1. ブラウザを開き、公式体験アドレスを入力する：https://botgroup.chat.
2. ページに入ると、デフォルトで複数のAIキャラクターが設定されたチャット画面が表示されます。
3. 入力ボックスにテキストを入力し、送信をクリックすると、複数のAIキャラクターと対話することができます。
4. ロールや設定を調整するには、ヒントのページをチェックするか、GitHubプロジェクトのドキュメントを直接参照してください。

方法論II：自己展開

Botgroup.chatの独自のインスタンスを持ちたい場合は、以下の手順でデプロイを完了できます：

1. 予備
   • GitHubアカウントとCloudflareアカウントを持っていることを確認してください。
   • コードをローカルにクローンするためにGitをインストールする（オプション）。
2. コードを取得
   • GitHubプロジェクトのアドレスをご覧ください：https://github.com/maojindao55/botgroup.chat.
   • 右上の "Fork "ボタンをクリックすると、プロジェクトがあなたのGitHubリポジトリにコピーされます。
   • または、"Code "ボタンをクリックしてZIPファイルをダウンロードし、ローカルで解凍してください。
3. 環境変数の設定
   • プロジェクトのルート・ディレクトリで README.md ファイルに環境変数の設定方法を記述する。
   • 確立 環境 ファイルに必要なAPI Keyを記入する：

     DASHSCOPE_API_KEY=xxx #千題モデルキー
     HUNYUAN_API_KEY=xxx # ハイブリッドモデルキー
     ARK_API_KEY=xxx # ビーンバッグモデルキー
     

   • ニーズに応じて対応モデル（qwen-plus、deepseek-v3など）を選択し、対応するAPIキーとbaseURLを入力します。
4. Cloudflareページへの展開
   • Cloudflareアカウントにログインし、"Pages "タブに移動します。
   • Create a project "をクリックし、"Connect to Git "を選択する。
   • あなたのForkのGitHubリポジトリをリンクし、"Begin setup "をクリックします。
   • ビルド設定」で、フレームワーク「React」を選択し、ビルドコマンドを次のようにする。 npm run build出力ディレクトリは ディスト.
   • 前のステップで環境変数を追加し、"Save and Deploy "をクリックする。
   • デプロイが完了すると、CloudflareはアクセスURL（例えば https://your-project.pages.dev).
5. 配備の確認
   • デプロイされたURLにアクセスし、チャットインターフェイスが正しくロードされているか確認してください。
   • AI応答をテストし、モデルが正しくコールしていることを確認するためにメッセージを入力します。

主な機能

1.AIロールの作成と管理

• 手続き::
  1. プロジェクト設定ファイル（通常は src/config フォルダに保存される。 ロールス).
  2. 以下のフォーマットで新しいロールを追加する：

     {
     "id": "role1"、
     「name": "Xiaozhi".
     
     
     "avatar": "https://example.com/avatar1.png"、
     "custom_prompt": "リラックスしたトーンで質問に答えてください"
     }
     

  3. 保存して再デプロイし、ページを更新すると新しいロールが表示されます。
• ほら::
  • セキュア モデル の値は、環境変数のモデル設定と一致している。
  • アバターのURLは任意です。入力されていない場合は、デフォルトのアバターが使用されます。

2.AIグループチャットで交流

• 手続き::
  1. 質問またはコマンドをチャット画面に入力する。
  2. 送信をクリックすると、設定されたすべてのAIキャラクターが、それぞれの性格とモデルに基づいて順番に返信します。
  3. 連続したダイアログを行うことで、さまざまな登場人物の反応スタイルを観察することができる。
• 注目の使い方::
  • 複雑な質問を入力する（例：「将来テクノロジーはどうなると思いますか？）を入力し、複数文字による共同回答を体験することができます。
  • サウザンド・クエスチョンにおける厳密性とハイブリッドにおける創造性など、モデル間の回答の違いをテストする。

3.AIモデルの切り替え

• 手続き::
  1. 環境変数のAPI KeyとbaseURLを変更し、例えばモデルをbeanbagに切り替える：

     ARK_API_KEY=xxx
     ベースURL=https://豆包API地址
     

  2. 役割設定の更新 モデル のような値である。 "モデル": "doubao-pro".
  3. プロジェクトを再デプロイし、ページを更新すると反映されます。
• 注意を引く::
  • モデルによっては、特定のAPI形式を必要とする場合があるので、各モデルの公式ドキュメントを参照すること。

よくある質問と解決策

• 課題AIが応答しない、またはエラーを報告する
  • けっちゃくをつけるAPIキーが正しいこと、ネットワークが接続されていること、モデルがリアルタイムコールをサポートしていることを確認してください。
• 課題展開の失敗
  • けっちゃくをつけるCloudflareのビルドログを確認し、依存関係が正しくインストールされていることを確認してください。 npmインストール (チェック）。
• 課題インターフェイスの読み込みが遅い
  • けっちゃくをつけるサーバーリージョンの設定を確認し、ユーザーに近いCloudflare CDNノードを選択します。

Botgroup.chatは、以下のステップを踏むことで、既製版を体験したい場合でも、ニーズに合わせて専用グループチャットツールをカスタマイズしたい場合でも、簡単に使用することができます。