CopilotテクノロジーによるAI CoAgentとアプリケーションの開発

ステップ1: CopilotKitをインストールする

最初の前提条件は、Node.jsとnpmを活用したCopilotKitのインストールです。Reactアプリケーション用の専用フォルダを用意してください（この時点では必須ではありません）。また、CopilotKitはオープンソースのLLMモデルに依存しているため、OpenAI APIキーも必要です。手順は以下のとおりです。

• Windows ターミナルを開き、ディレクトリを React アプリ フォルダーに変更します。

cd C:\React\myapplication

• コア ツールをインストールするには、次のコマンドを実行します。

npm install @copilotkit/react-core @copilotkit/react-ui @copilotkit/runtime

• OpenAI サポート パッケージをインストールします。

npm install openai

• 最後に、ルート ディレクトリの.envファイルに API キーを追加します。

OPENAI_API_KEY=your_api_key_here

プロのヒント:接続の問題を回避するために、API キーの正確さを必ず再確認してください。

ステップ2:リモートバックエンドエンドポイントを設定する

Copilot アプリケーションを Python ベースのサービス (ま​​たは互換性のある Node.js の代替サービス) にリンクするには、リモート バックエンド エンドポイントを確立する必要があります。

pip install copilotkit fastapi uvicorn --extra-index-url https://copilotkit.gateway.scarf.sh/simple/

それでは、FastAPI サーバーをセットアップしましょう。

mkdir my_copilotkit_remote_endpoint cd my_copilotkit_remote_endpoint echo.> server.py

echo コマンドで問題が発生した場合は、Visual Studio Code を使用して server.py ファイルを手動で作成できます。

次に、server.pyを開いて次のコードを挿入します。

from fastapi import FastAPIapp = FastAPI()@app.get("/")def read_root(): return {"Hello": "World"}

次に、Windowsターミナルに戻って実行します。

pip install fastapi uvicorn

完了したら、docs.copilot.aiにアクセスして詳細情報を確認してください。

ステップ3: LangGraphエージェントを統合する

最後のステップは、LangGraphエージェントをserver.pyファイルに追加することです。まず、Pythonリモートエンドポイント（通常はserver.pyスクリプト内）内でCopilotKitSDKインスタンスを見つけます。LangGraphエージェントを追加するには、以下のコードを修正してください。

agents=[LangGraphAgent(name="basic_agent", description="An agent that provides weather information", graph=the_langraph_graph, # Uncomment this line if using Google Gemini# "convert_messages": copilotkit_messages_to_langchain(use_function_call=True))],

この変更はCopilotKitSDKの定義の下に配置する必要があります。詳細なガイダンスについては、docs.copilotkit.ai/coagentsを参照してください。

CoAgent を使用するための前提条件は何ですか?

CoAgent は React 以外のフレームワークでも使用できますか?