WebMCP என்பது React செயலிகள் (apps) கட்டமைக்கப்பட்ட கருவி API-களை (tool APIs) நேரடியாக AI முகவர்களுக்கு (agents) வெளிப்படுத்துவதற்கு அனுமதிக்கிறது, இது பலவீனமான UI-scraping முறைக்கு மாற்றாக நம்பகமான, UI-சார்பற்ற அழைப்புகளை வழங்குகிறது. இந்த அம்சம் Chrome 149 மற்றும் அதற்கு மேற்பட்ட பதிப்புகளில் origin-trial மூலம் கிடைக்கிறது, மேலும் நீங்கள் chrome://flags/#enable-webmcp-testing மூலம் இதை இயக்கலாம்.

முகவர்களுக்குக் கிளிக் செய்யக் கற்றுக்கொடுப்பதில் உள்ள சிக்கல்

AI முகவர்கள் ஒரு வலைப்பக்கத்துடன் தொடர்பு கொள்ளும் தற்போதைய பெரும்பாலான முயற்சிகள் காட்சித் தூண்டுதல்களை (visual cues) நம்பியிருக்கின்றன. ஒரு முகவர் DOM-ஐப் பகுப்பாய்வு செய்து, எந்த உறுப்பு (element) ஒரு பொத்தான் என்று ஊகித்து, கிளிக் செய்தல், ஸ்க்ரோல் செய்தல் மற்றும் படிவத் புலங்களை (form fields) நிரப்புதல் போன்றவற்றைச் செய்கிறது. ஒரு பொத்தான் நகர்ந்தாலோ, லேபிள் மாறினாலோ அல்லது லேஅவுட் மாற்றப்பட்டாலோ, அந்த ஸ்கிரிப்ட் தோல்வியடைகிறது. ஒவ்வொரு படிநிலையையும் உலாவியின் (browser) ரெண்டரிங் (render) செய்யும் வரை காத்திருக்க வேண்டியிருப்பதால் இந்த அணுகுமுறை மெதுவானது, மேலும் ஒரு வழக்கமான மறுவடிவமைப்பு (redesign) முழு ஆட்டோமேஷன் செயல்முறையையும் (automation pipeline) உடைத்துவிடும்.

WebMCP மாதிரியை மாற்றியமைக்கிறது

WebMCP என்பது Google Chrome ஆல் அறிமுகப்படுத்தப்பட்ட ஒரு புதிய வலைத் தரமாகும் (web standard). முகவர் ஆராய ஒரு காட்சிப் பரப்பை (visual surface) வெளிப்படுத்துவதற்குப் பதிலாக, ஒரு பக்கம் சில கருவிகளை (tools) விளம்பரப்படுத்துகிறது—அதாவது அந்தப் பக்கம் செய்யக்கூடிய பெயரிடப்பட்ட, வகைப்படுத்தப்பட்ட செயல்பாடுகள் (named, typed operations). ஒரு AI முகவர் முதலில் “என்ன கருவிகள் உள்ளன?” என்று கேட்கும்; அதற்குப் பக்கம் “searchProducts” அல்லது “checkout” போன்ற பட்டியலை வழங்கும். பின்னர் முகவர், கருவியின் அறிவிக்கப்பட்ட உள்ளீட்டு ஸ்கீமாவிற்கு (input schema) பொருந்தக்கூடிய ஒரு JSON payload-ஐ அனுப்புவதன் மூலம் கருவியை அழைக்கும், உதாரணத்திற்கு searchProducts(query: "jacket"). உலாவியானது இந்த கோரிக்கையை நேரடியாகப் பக்கத்தின் JavaScript-க்கு வழிநடத்துகிறது, இது எந்த UIத் தொடர்பும் இன்றி அடிப்படையான தர்க்கத்தை (underlying logic) இயக்குகிறது.

இதன் விளைவாக, உடனடித் தொடர்பும், CSS மாற்றங்கள் எதுவாக இருந்தாலும் வேலை செய்யும் மற்றும் கருவி வரையறைகள் (tool definitions) நிலையாக இருக்கும் வரை செயல்பாட்டில் இருக்கும் ஒரு தொடர்பு கிடைக்கிறது.

டெவலப்பர்களுக்கு முக்கியமான நன்மைகள்

  • வேகம் – தகவல் தொடர்பு உலாவியின் செய்தித் தொடர்பு அமைப்பிற்குள்ளேயே (messaging system) இருப்பதால், கிளிக் செய்வதையும் பக்கப் புதுப்பிப்புகளுக்காகக் காத்திருப்பதையும் தவிர்க்க முடிகிறது.
  • நம்பகத்தன்மை – கருவிகள் அந்தத் தளம் ஏற்கனவே தனது UI-க்காகப் பயன்படுத்தும் அதே செயல்பாடுகளையே (functions) அழைப்பதால், மறுவடிவமைப்பு API-யைப் பாதிக்காது.
  • கட்டுப்பாடு – எந்தச் செயல்பாடுகள் வெளிப்படுத்தப்பட வேண்டும், அவை எந்த அளவுருக்களை (parameters) ஏற்க வேண்டும் மற்றும் பதிலில் முகவர் எதைப் பார்க்க முடியும் என்பதை டெவலப்பர்களே தீர்மானிக்கிறார்கள்.
  • UI சார்பற்ற தன்மை – ஸ்டைலிங் (styling), லேஅவுட் அல்லது கூறுகளை மறுசீரமைப்பது (component refactoring) இனி ஒரு அம்சத்தை அழைக்கும் முகவரின் திறனைப் பாதிக்காது.

WebMCP என்பது சர்வர் பக்கத்தில் பயன்படுத்தப்படும் தற்போதைய MCP (Message-Channel-Protocol)-ஐ மாற்றாது. MCP தொடர்ந்து கனமான தரவுப் பெறுதல் (data fetching) மற்றும் பேக்எண்ட் ஒருங்கிணைப்பை (backend orchestration) கையாளுவதோடு, WebMCP நேரடி, டேப்-உள் (in-tab) தொடர்புகளைக் கையாள்கிறது.

React டெவலப்பர்கள் எவ்வாறு தொடங்கலாம்

React குறியீட்டை (code) ஒரு imperative JavaScript API அல்லது ஒரு declarative HTML form-based API மூலம் கருவிகளைப் பதிவு செய்யப் பயன்படுத்தலாம். ஒரு பொதுவான முறை என்பது பதிவை ஒரு custom hook-க்குள் வைப்பதாகும்:

  1. கருவியின் பெயர் மற்றும் ஒரு சிறிய விளக்கத்துடன் பதிவு செய்யும் செயல்பாட்டை (registration function) அழைக்கவும்.
  2. ஒரு உள்ளீட்டு ஸ்கீமாவை (input schema) வழங்கவும் (உதாரணமாக, தேவையான புலங்களை விவரிக்கும் ஒரு JSON schema).
  3. ஏற்கனவே உள்ள பிசினஸ் லாஜிக்கை (business logic) இயக்கும் ஒரு execute callback-ஐ வழங்கவும்—இது பெரும்பாலும் ஒரு பொத்தான் கிளிக் செய்யும் போது இயங்கும் அதே செயல்பாடாக இருக்கும்.

இந்த hook இயங்கும்போது, உலாவியானது பக்கத்தின் WebMCP manifest-இல் கருவியைச் சேர்க்கிறது. அந்த manifest-ஐக் கண்டறியும் ஒரு AI முகவர், DOM-ஐத் தொடாமலேயே கருவியை அழைக்க முடியும்.

பதிவு என்பது component mount நேரத்தின் போது நடப்பதால், கருவிகளை குறிப்பிட்ட ரூட்கள் (routes) அல்லது feature flags-களுக்கு உட்படுத்த முடியும். இது டெவலப்பர்கள் தயாரிப்புச் சூழலில் (production) AI என்ன செய்ய முடியும் மற்றும் சோதனைச் சூழலில் (test environment) என்ன செய்ய முடியும் என்பதைக் துல்லியமாகக் கட்டுப்படுத்த உதவுகிறது.

எச்சரிக்கைகள் மற்றும் கவனிக்க வேண்டியவை

WebMCP இன்னும் ஒரு origin trial நிலையில் உள்ளது. இது Chrome 149+ பதிப்புகளில் மட்டுமே வேலை செய்யும் மற்றும் ஒரு flag மூலம் கைமுறையாக இயக்கப்பட வேண்டும்.

அடுத்து என்ன?

AI-நேட்டிவ் வலை அனுபவங்களை (AI-native web experiences) சோதிக்க விரும்பும் டெவலப்பர்களுக்காக Google இந்த சோதனையைத் திறந்துவிட்டுள்ளது. ஆர்வமுள்ளவர்கள் செய்ய வேண்டிய அடுத்த கட்டங்கள்:

  • Chrome-இல் flag-ஐ இயக்கி, இலக்குத் தளத்தை (target site) ரீலோட் செய்யவும்.
  • ஒரு React component-இல் எளிய கருவிப் பதிவைச் சேர்த்து, உலாவியின் devtools-இல் manifest தோன்றுவதைக் கவனிக்கவும்.
  • கருவியை அழைத்து அதன் பதிலைச் சரிபார்க்க ஒரு AI client-ஐ (உதாரணமாக, WebMCP புரோட்டோகாலைப் பின்பற்றும் ஒரு லோக்கல் ஸ்கிரிப்ட்) சோதிக்கவும்.
  • நிலையான வெளியீடு (stable shipping) குறித்த புதுப்பிப்புகளுக்கு சோதனை நிலைப்பக்கத்தைக் (trial’s status page) கண்காணிக்கவும்.

சுருக்கம்: WebMCP என்பது React டெவலப்பர்கள் தங்கள் செயலிகளை AI முகவர்கள் நேரடியாக அழைக்கும் வகையில் மாற்ற ஒரு வழியை வழங்குகிறது, இது UI கூறுகளை நிலையான, வகைப்படுத்தப்பட்ட சேவைகளாக (typed services) மாற்றுகிறது. இந்த மாற்றம், ஸ்கிரீன்-ஸ்க்ரேப்பிங் (screen-scraping) பராமரிப்புச் சிக்கலை நீக்குகிறது மற்றும் உண்மையான AI-நேட்டிவ் வலைச் செயலிகளை நோக்கிய பாதையைத் திறக்கிறது—டெவலப்பர்கள் சோதனை ரீதியான Chrome சூழலில் வேலை செய்யத் தயாராக இருந்தால் மட்டுமே இது சாத்தியம்.