Összes munka

// Esettanulmány

Beágyazható AI chat widget

Egyetlen script tag, amitől bármelyik oldal AI-chatet kap, az észt pedig a szerver oldalán tartottuk.

Scope
Webkomponens + backend szolgáltatás
Terjesztés
Egyetlen beágyazó tag
AI
AWS Bedrock, teljesen szerveroldalon
  • Stencil
  • Web Component
  • Laravel
  • AWS Bedrock

A feladat

A cél: bármelyik oldal kaphasson AI-chatet egyetlen tag beillesztésével, ahogy egy analitikát adsz hozzá. Semmi keretrendszer-függés, semmi átépítés a fogadó oldalon, és semmilyen API-kulcs nem szivárog a böngészőbe.

Amit építettünk

Keretrendszer-független webkomponens Stencilben. Szabványos custom elementre fordul, így ugyanaz a letesztelt artefaktum kerül WordPressbe, Reactbe, Vue-ba vagy sima HTML-be.

Mögötte egy Laravel szolgáltatás birtokol mindent, ami érzékeny: API-kulcsokat, promptokat, beszélgetésállapotot és rate limitet. A válaszokat az AWS Bedrock generálja. A beágyazás vékony héj marad; a termék a szerveren él.

Kulcsdöntések

  • Webkomponens, nem N darab SDK

    Egyetlen szabványalapú custom element szállítása jobb volt, mint keretrendszerenkénti wrappereket karbantartani. Minden oldal ugyanazt az egyszer letesztelt artefaktumot kapja.

  • Semmi titok a böngészőben

    A kulcsok, a promptok és a modellválasztás a Laravel szolgáltatásban élnek. A modellek cserélhetők és a promptok hangolhatók anélkül, hogy az ügyfelek valaha hozzányúlnának a beágyazó kódjukhoz.

  • Menedzselt modellek Bedrockon

    A Bedrock modellválasztékot adott egyetlen AWS-natív API mögött, dajkálandó GPU-flotta nélkül, tiszta IAM-alapú hozzáférés-kezeléssel.

Eredmény

  • Egy tag a beágyazáshoz bármilyen stacken, a CMS-oldalaktól az SPA-kig.
  • Nulla hitelesítő adat a böngészőben; az AI a szerveré.
  • A promptok és a modellek az ügyféloldalak érintése nélkül cserélhetők.

Gyakori kérdések

Hogyan lehet AI-chatbotot tenni egy weboldalra átépítés nélkül?
Szabványalapú webkomponensként kell szállítani. A widget custom elementre fordul, így a telepítés egyetlen script tag beillesztése, ahogy egy analitikát adsz hozzá. Ugyanaz a letesztelt artefaktum működik WordPressen, Reactben, Vue-ban vagy sima HTML-ben.
Biztonságos AI API-kulcsot tenni egy weboldal-widgetbe?
Nem. Ami a böngészőbe kerül, az nyilvános. Ebben a buildben a beágyazás vékony héj; az API-kulcsok, a promptok, a beszélgetésállapot és a rate limit mind egy Laravel szolgáltatásban élnek, a válaszokat pedig az AWS Bedrock generálja szerveroldalon.
Változhat az AI-modell vagy a prompt, miután az ügyfelek beágyazták a widgetet?
Igen. A modellválasztás és a promptok a szerveren élnek, így bármikor cserélhetők vagy hangolhatók anélkül, hogy az ügyfelek hozzányúlnának a beágyazó kódjukhoz.

// Kapcsolat

Van mit megépíteni?

Írd meg, min dolgozol. Egy munkanapon belül válaszolunk.

Kérésre NDA · Teljes IP-átadás neked.