ai-agents-for-beginners

Изградња агената за коришћење рачунара (CUA)

Агенти за коришћење рачунара могу да комуницирају са вебсајтовима на исти начин као и особа: отварањем прегледача, прегледањем странице и предузимањем најбоље следеће радње на основу онога што виде. У овој лекцији направићете агента за аутоматизацију прегледача који претражује Airbnb, извлачи структуиране податке о огласима и идентификује најјефтинији смештај у Стокхолму.

Лекција комбинује Browser-Use за навигацију вођену вештачком интелигенцијом, Playwright и Chrome DevTools Protocol (CDP) за контролу прегледача, Azure OpenAI за разматрање уз визуелне податке и Pydantic за структуирано извлачење.

Увод

Ова лекција обухваћа:

Циљеви учења

Након завршетка ове лекције, знаћете како да:

Пример кода

Ова лекција укључује један уџбенички бележник:

Претпоставке

Постављање

Инсталирајте пакете коришћене у бележнику:

pip install browser_use playwright python-dotenv
playwright install chromium

Поставите Azure OpenAI променљиве окружења коришћене у бележнику:

AZURE_OPENAI_ENDPOINT=...
AZURE_OPENAI_API_KEY=...
AZURE_OPENAI_CHAT_DEPLOYMENT_NAME=...
# Опционо: подразумева најновију верзију API-ја када се прескочи
AZURE_OPENAI_API_VERSION=...

Преглед архитектуре

Бележник демонстрира хибридни радни процес аутоматизације прегледача:

  1. Chrome почиње са CDP омогућеним тако да и Playwright и Browser-Use могу делити исту сесију прегледача.
  2. Agent Browser-Use рукује отвореним навигационим задацима као што су отварање Airbnb, одбацивање искачућих прозора и претрага за Стокхолмом.
  3. Активна страница се прегледа користећи структуиран Pydantic шему за извлачење наслова огласа, ноћних цена, рејтинга и URL-ова.
  4. Python логика упоређује извучене огласе и истиче најјефтинији резултат.

Овај приступ задржава флексибилно, на визију засновано разматрање у чему је Browser-Use добар, а истовремено вам пружа детерминистичку контролу над прегледачем кад вам је потребна.

Кључне поуке и добре праксе

Када користити агента уместо глумца

Сценарио Користити Агента Користити Глумца
Динамични распореди Да, ВИ адаптира на промене странице Не, крхки селектори могу да се сломе
Позната структура Не, агент је спорији од директне контроле Да, брз и прецизан
Пронаћи елементе Да, природни језик добро функционише Не, захтевају се тачни селектори
Контрола времена Не, мање предвидљиво Да, потпуна контрола над чекањима и поновним покушајима
Комплексни радни токови Да, рукује неочекиваним UI стањима Не, захтева експлицитне разгранате функције

Најбоље праксе за Browser-Use

  1. Почните са агентом за истраживање и динамичку навигацију.
  2. Пребаците се на директну контролу странице када интеракција постане предвидљива.
  3. Користите моделе структуираног извода тако да су извучени подаци валидирани и типски безбедни.
  4. Додајте кашњења стратешки након акција које покрећу видљиве промене UI.
  5. Снимајте снимке екрана током итерација тако да су грешке лакше за дебаговање.
  6. Очекујте промене вебсајтова и осмислите резервне стратегије за искачуће прозоре и промене распореда.
  7. Комбинујте агентске и глумачке моделе за добијање и флексибилности и прецизности.

Безбедносни оквири за агенате прегледача

Агенти прегледача раде на живим вебсајтовима, па им је потребно строжије ограничење него скрипти која само позива познати API. Пре преласка са демо бележника на прави радни ток, дефинишите контроле око тога шта агент може да види, клика и подноси.

  1. Ограничи окружење прегледања. Покрећите агента у посебном профилу прегледача или сандбоксу, и ограничите га само на домене потребне за задатак.
  2. Одвојите посматрање од акције. Нека агент прво претражује, чита и извлачи податке; захтевајте експлицитни корак одобрења пре него што подноси формуларе, шаље поруке, резервише путовања, обавља куповине, брише записе или мења подешавања налога.
  3. Чувајте тајне изван упита и трагова. Не стављајте лозинке, платне детаље, сесион колачиће или сирове личне податке у контекст модела. Нека корисник преузме контролу за аутентификацију и црта осетљива поља из записа.
  4. Третирајте садржај странице као непоуздан унос. Вебсајт може садржати инструкције намењене агенту, а не кориснику. Агент треба да игнорише текст странице који му наређује да промени свој циљ, открије податке, онемогући безбедносне мере или посети неповезане странице.
  5. Користите детерминистичке провере око ризичних корака. Проверите тренутни URL, наслов странице, изабрани елемент, цену, примаоца и резиме акције помоћу кода пре него што тражите од корисника да одобри завршни корак.
  6. Поставите буџете и услове за заустављање. Ограничите број акција, поновних покушаја, табова и минута које агент може да користи. Стопирајте када је стање странице нејасно уместо да наставите са кликовима.
  7. Снимајте корисне доказе, не све. Чувајте резиме акција, временске ознаке, URL-ове, описе изабраних елемената и референце снимка екрана тако да се грешке могу прегледати без чувања непотребног осетљивог садржаја странице.

У примеру са Airbnb, безбедна подразумевана радња је претраживање огласа и извлачење цена. Пријава, контактирање домаћина или завршавање резервације треба да буде посебна радња коју одобри корисник.

Примена у реалном свету

Пример из стварног света: Microsoft Project Opal

Агент који правите у овој лекцији је мала, локална верзија агента за коришћење рачунара (CUA) — програма који управља прегледачем као што би то чинила особа. Microsoft уноси ову идеју у предузећа са Project Opal (Frontier), могућношћу у оквиру Microsoft 365 Copilot.

Са Project Opal-ом, описујете задатак, а агент ради у ваше име користећи коришћење рачунара на безбедном Windows 365 Cloud PC, делујући кроз апликације, сајтове и податке засноване на прегледачу ваше организације. Ради асинхроно у позадини, а ви можете усмеравати рад или преузети контролу у било ком тренутку. Примери послова укључују:

Opal је корисна референца шта изгледа као производно квалитетан, поуздан агент за коришћење рачунара — и појачава концепте из претходних лекција:

Концепт у овом курсу Како Project Opal то примењује
Човек у петљи (Лекција 06) Opal пуза за пријавне податке, осетљиве податке или неодређене инструкције и никада не уноси лозинке или подноси формуларе без експлицитног потврђивања. Можете Преузети Контролу и Вратити Контролу током задатка.
Поуздани и безбедни агенти (Лекције 06 и 18) Ради у изолованом Windows 365 Cloud PC, подразумевано је само прегледач (други приступ рачунару блокиран, омогућен преко Intune), користи ваш идентитет тако да приступа само овлашћеном, и бележи сваку акцију ради ревизије.
Планирање и метакогниција (Лекције 07 и 09) Opal прво генерише план за посао, затим надгледа сопствено размишљање у сваком кораку и пуза ако уочи сумњиву активност.
Поново употребљиве могућности / алати (Лекција 04) Вештине вам омогућавају да напишете упутства за понављајуће задатке (импортоване из .md фајла или написане са Opal-ом) и поново их користите у разговорима.

Доступност: Project Opal је тренутно доступан корисницима у Frontier програму раног приступа уз Microsoft 365 Copilot претплату, и ваш администратор мора завршити подешавање. Пошто је експериментална Frontier функција, могућности се могу мењати током времена.

Додатни ресурси

Претходна лекција

Истраживање Microsoft Agent Framework

Следећа лекција

Деплојовање скалабилних агената


Изјава о одрицању одговорности: Овај документ је преведен коришћењем услуге за аутоматски превод Co-op Translator. Иако тежимо тачности, имајте у виду да аутоматски преводи могу садржати грешке или нетачности. Оригинални документ на његовом изворном језику треба сматрати ауторитативним извором. За критичне информације препоручује се професионални људски превод. Нисмо одговорни за било каква неспоразума или погрешна тумачења која произилазе из коришћења овог превода.