Toolhouse SDK를 사용하여 함수 호출을 위한 AI 도구 관리

AI 에이전트를 구축할 때 가장 강력한 측면 중 하나는 도구(함수 호출)를 관리하고 실행하는 능력입니다. 도구는 상담원이 데이터 스크랩, 콘텐츠 요약, 복잡한 워크플로 해결 등의 작업을 수행하는 데 도움이 될 수 있습니다. 그러나 AI 에이전트의 규모와 기능이 성장함에 따라 여러 도구를 관리/유지하는 것이 점점 더 어려워지고 있습니다.
이 튜토리얼에서는 Toolhouse SDK를 사용하여 도구를 효과적으로 관리하는 방법과 플랫폼을 사용하여 모든 단일 도구 호출을 추적하는 방법을 보여주는 데 중점을 둘 것입니다.

이 예에서는 사용자가 URL과 프롬프트를 입력할 수 있는 매우 간단한 인터페이스를 구축하고 AI 에이전트는 도구를 사용하여 웹페이지를 스크랩하고 데이터를 처리합니다.

AI 에이전트에서 도구 관리가 중요한 이유

AI 에이전트는 도구가 없으면 아무것도 아닙니다. AI 에이전트의 팔과 다리와 같습니다. 각 도구는 AI가 특정 작업을 완료하기 위해 사용하는 특수 기술 또는 기능입니다.
사용자 대면 AI 에이전트는 다양한 작업을 완벽하게 실행해야 합니다. 그리고 API 통합 또는 웹 스크래핑 로직을 구현하기 위해 처음부터 AI 도구를 작성하는 것은 개발팀이 장기적으로 유지 관리해야 하는 바퀴를 다시 발명하는 것과 같습니다.

이러한 문제는 Toolhouse에서 해결됩니다. 다음을 수행하는 데 도움이 됩니다.

• 웹 스크래핑, 이메일 보내기, 스크린샷 찍기, LinkedIn에서 프로필 검색을 위한 LinkedIn API와 같은 API 통합 등의 작업을 위한 다양한 전문 AI 도구 중에서 선택하세요.
• Toolhouse 앱에서 AI 에이전트의 도구 호출을 추적하세요.
• Toolhouse SDK를 사용하여 강력한 AI 기능을 즉시 구현하세요.

이러한 기능을 사용하면 도구 관리가 단순화되고 도구 구축/유지 관리에 대해 걱정할 필요 없이 더 스마트한 AI 에이전트 구축에 집중할 수 있습니다.

도구집 시작하기

그럼 AI 기반 웹 스크레이퍼를 만들어 보겠습니다. 화려하게 들리지만 스크랩할 URL과 스크랩한 데이터와 함께 실행할 선택적 프롬프트를 입력할 수 있는 단일 페이지 앱일 뿐입니다.
필요한 것은 다음과 같습니다.

1. Node.js(v16 이상).
2. OpenAI API 키
3. Toolhouse API 키

1단계: React 프로젝트 설정

React를 사용하여 도구 호출 관리를 위한 간단한 프런트엔드를 만들어 보겠습니다. 새로운 React 애플리케이션을 초기화하는 데 사용할 create-react-app이 설치되어 있는지 확인하세요. 설치되어 있지 않은 경우 다음을 실행하여 설치할 수 있습니다.

npm install -g create-react-app

좋아하는 코드 편집기를 열고 터미널 내부에 다음을 입력하세요.

npx create-react-app ai-scraper

새 앱 생성이 완료되면 프로젝트 디렉토리로 변경하세요.

cd ai-scraper

ai-scraper 폴더를 확장하면 다음과 같습니다.

좋아요! 이제 서버를 시작해 보겠습니다.

npm install -g create-react-app

localhost:3000:
에서 새 앱이 자동으로 시작됩니다.

깔끔해요! 이제 필수 라이브러리를 모두 설치해 보겠습니다.

2단계: Toolhouse 및 OpenAI SDK 설치

이 SDK를 사용하면 앱이 Toolhouse 플랫폼 및 OpenAI 모델과 상호 작용할 수 있습니다.

npx create-react-app ai-scraper

3단계: API 키 추가

프로젝트 폴더 ai-scraper 내에 새 .env를 만들고 다음 API 키를 추가하세요.

cd ai-scraper

OpenAI API 키는 platform.openai.com/api-keys에서 찾을 수 있습니다. .env 파일에서 "your_openai_api_key"를 실제 OpenAI 키로 바꾸세요.

이제 AI 웹 스크래핑 앱을 위한 Toolhouse 계정을 설정하는 방법을 살펴보겠습니다. Toolhouse API 키를 얻으려면 먼저 Toolhouse.ai에서 계정을 만들어야 합니다.

가입한 후 API 키 페이지로 이동하세요. 이 페이지는 다음과 같습니다.

눈 아이콘을 클릭하면 API 키가 표시됩니다. 이것을 복사하여 .env 파일의 "your_toolhouse_api_key" 위치에 붙여넣으세요.

4단계: Toolhouse에서 번들 생성 및 설정

대시보드는 다음과 같습니다.

왼쪽 메뉴에서 '번들'을 클릭하세요. 그러면 새 번들을 생성할 수 있는 새 페이지로 이동됩니다. 번들의 목적은 AI 도구를 그룹이나 팩으로 구성하는 것입니다.

생성되면 이 페이지로 이동하여 미리 만들어진 다양한 도구를 찾아 번들에 추가할 수 있습니다.

더 아래로 스크롤하면 Tavily 웹 검색이라는 도구를 찾을 수 있습니다. 이 도구를 활성화하면 번들에 추가됩니다:

5단계: App.js 구성 요소 구축

이제 앱으로 돌아와 도구 관리 및 실행 방법을 보여주는 간단한 React 구성 요소를 만들어 보겠습니다. src 폴더 내의 App.js 파일(또는 TypeScript를 사용하는 경우 App.ts)로 이동하여 내부의 전체 코드를 다음 코드로 바꿉니다.

npm install -g create-react-app

7단계: 앱 다시 시작

이미 실행 중인 React 서버는 터미널에 Ctrl C를 입력하여 중지합니다. 환경 변수를 로드하려면 다음 명령을 실행하여 서버를 다시 시작하십시오.

npx create-react-app ai-scraper

최종 앱

앱은 다음과 같습니다.

어떤 URL이든 입력한 다음 프롬프트를 입력하면 AI 에이전트가 URL을 스크랩하고 웹페이지를 요약합니다. microsoft.com과 같은 일부 웹사이트에서는 스크래핑을 허용하지 않으므로 이러한 경우 스크레이퍼가 실패하므로 사용하는 URL이 스크래핑을 허용하는지 확인하세요.

저는 스크레이퍼를 가지고 놀고 있습니다.

Toolhouse의 실행 로거를 사용한 모니터링 도구 호출

또한 Toolhouse에 호스팅된 도구에 대한 모든 단일 도구 호출을 모니터링할 수도 있습니다. 이를 통해 도구 호출 횟수를 추정하고 도구 호출을 최적화하여 시간과 비용을 절약할 수 있습니다.
실행 로그는 다음과 같습니다.

보시다시피 실행 로그에서 각 도구 호출의 정확한 시간과 각 도구 호출의 출력을 확인할 수 있습니다.

이 튜토리얼은 여기까지입니다. AI 에이전트 구축에 대해 자세히 알아보려면 여기나 LinkedIn에서 저를 팔로우하세요.

위 내용은 Toolhouse SDK를 사용하여 함수 호출을 위한 AI 도구 관리의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!