Coagentエージェントネイティブアプリケーションを構築するために、ラングラフエージェントをReactアプリに統合するために必要なツールキットを提供します。この投稿では、このツールについて話し、あなたがどのようにできるかを見ていきますCopilotを搭載したAI CoagentsまたはAppsを構築します。
一coagentsとは何ですか?
前述のように、CoagentはAIエージェントをアプリに統合してエージェントネイティブアプリケーションを作成できるツールキットです。今度はその機能について話しましょう。
- Coagentsには呼ばれる機能があります共有状態、そのため、単一のコード行でさえ、アプリケーションがエージェントの洞察を取得できるようになり、エージェントは同期してリアルタイムで対話できる洞察アプリケーションを取得できます。
- それはあなたにも与えますリアルタイムフロントエンドユーザーが提供するコンテキストとアプリケーションのステータスに従ってフロントエンドアクションとバックエンドアクションの両方を実行できるエージェントは、生成的なUIであるため、これらのツール呼び出しは要件に従って自動的に播種されます。
- ループの人間人間の監視とAIワークフローへの介入のシームレスな統合を可能にし、安全性とパフォーマンスを向上させるための入力または承認のブレークポイントを指定します。
- 私たちも持っています中間エージェント状態をストリーミングしますエージェントの思考プロセスをリアルタイムで視覚化し、透明性を提供し、ユーザーエクスペリエンスを魅力的に提供します。これは、エージェントのパフォーマンスに不可欠であり、ユーザーの期待を満たすUXです。
- Coagent'sエージェント生成UIユーザーのニーズやエージェントの出力に適応する動的でAIに生成されたインターフェイスを作成し、エージェントの状態とビルディングトラストを可視化します。
前に述べた機能が気に入っている場合は、ビジネスに凝り子を使用することを検討してください。その方法を見てみましょう。
Copilotを搭載したAI CoagentsまたはAppsを構築します
以下の手順に従って、Copilotを搭載したAIコージャンまたはアプリを構築します。
- Copilotkitをインストールします
- リモートバックエンドエンドポイントを構成します
- Langgraphエージェントを追加します
それらについて詳しく話しましょう。
1] Copilotkitをインストールします
おいしいものから始める前に、最初にデバイスにCopilotkitをインストールする必要があります。私たちはあなたがすでに持っていると推定していますnode.jsとnpmをインストールしましたただし、コンピューターでReactアプリケーション用のフォルダーを作成した場合、最後の部分はこのステップでオプションです。 CopilotkitはオープンソースLLMモデルを使用しています。このチュートリアルでは、Openai APIキー。これ以上苦労せずに、始めましょう。
- 開けるWindowsターミナルそして、Reactアプリを使用して作成した場所に移動しますCD(ディレクトリの変更)指示。
cd C:\React\myapplication
- 次に、次のコマンドを実行します。
npm install @copilotkit/react-core @copilotkit/react-ui @copilotkit/runtime
- 次に、以下のコマンドを実行して、OpenAIをインストールします。
npm install openai
- あなたのプロジェクトで、に行きます。イブファイル、ルートに配置され、次の行を追加します。
OPENAI_API_KEY=your_api_key_here
ファイルを変更した後、次のようにナビゲートすることをお勧めしますdocs.copilot.ai/quickstartエンドポイントを構成し、プロジェクトでCopilotkitプロバイダーを構成する方法を知るため。
2]リモートバックエンドエンドポイントを構成します
Pythonベースのサービス(またはその他のnode.jsの代替)を統合するには、Copilotアプリをリモートバックエンドエンドポイントに接続する必要があります。それを行うには、最初に次のクエリを使用してWindowsターミナルにCopilot依存関係をインストールしましょう。
pip install copilotkit fastapi uvicorn --extra-index-url https://copilotkit.gateway.scarf.sh/simple/
次に、FastAiサーバーをセットアップする必要があります。そのためには、以下のコマンドを実行する必要があります。
mkdir my_copilotkit_remote_endpoint
cd my_copilotkit_remote_endpoint
echo. > server.py
の場合エコー動作しませんでした、Visual Studioコードでフォルダを開いてから作成できますserver.pyファイル。
開きますserver.pyvscodeにファイルし、次のコード行を貼り付けます。
from fastapi import FastAPI app = FastAPI() @app.get("/") def read_root(): return {"Hello": "World"}
さて、戻ってくださいWindowsターミナルFastapiとUvicornをインストールします。
pip install fastapi uvicorn
それが終わったら、行きますdocs.copilot.ai詳細を学ぶためのガイド。
読む:Visual Studioコード用の最高の無料AI拡張機能
3] Langgraphエージェントを追加します
次に、langgraphエージェントをserver.pyファイルに統合する必要があります。まず、通常はserver.pyにあるpythonリモートエンドポイント内にCopilotkitsdkインスタンスを見つけます。次に、Langgraphエージェントに対応するために、Copilotkitsdkインスタンス(前のステップで確立)を調整します。次のコード行を追加する必要があります。
agents=[
LangGraphAgent(
name="basic_agent",
description="Agent that answers questions about the weather",
graph=the_langraph_graph,
# copilotkit_config={ # if you use Google Gemini, uncomment this code (and import `copilotkit_messages_to_langchain`, see above)
# "convert_messages": copilotkit_messages_to_langchain(use_function_call=True)
# }
)
],
これは、copilotkitsdkタグに囲まれている必要があります。
もっと知るために、上記のガイドに従うことをお勧めしますdocs.copilotkit.ai/coagents。
関連する読み取り: Microsoft AIを使用してCopilotエージェントを作成する方法
自分の副操縦士を作るにはどうすればよいですか?
新しいCopilotを作成するには、Copilot Studioのホームページ(/CopilotStudio.microsoft.com)にアクセスして選択します作成する左ナビゲーションで、次に選択しますco-パイロットページ。または、選択することもできます+新しい副操縦士Copilotsページ。チャットを使用して、指定された質問に導かれた、または選択するか、選択します。スキップして構成しますフォームに記入します。最後に、[作成]を選択してプロセスを完了します。
読む:開発者に最適なAIツール
Copilotはコードを生成できますか?
はい、Copilotはコードを生成できます。ただし、完璧ではありません。複数のグリッチとバグがあります。したがって、徹底的な手動検査なしに、AIチャットボットが提供するコードを統合しないでください。 Microsoftの副操縦士をEdge、組み込みアプリ、または拡張機能を使用して、Visual StudioでGitHub Copilotを使用します。