1. El “Cervell” a Apps Script
Primer de tot, vaig necessitar que el xatbot tingués un lloc on “pensar” sense exposar la meva API Key. Vaig anar a Google Apps Script i vaig crear el projecte que veus a la imatge:
He programat la funció
doPost(e): Aquesta funció és la que rep els missatges des de la web.He definit el rol de la IA: Com pots veure al codi, li he dit explícitament que és l’Assistent de la LAN Party de Castellbisbal i que ha de ser breu.
He publicat l’script: Vaig clicar a “Nuevo despliegue”, el vaig configurar com a “Aplicación web” i vaig posar que “Cualquiera” hi tingués accés. Al final, vaig copiar l’URL que em va donar (l’endpoint).
2. Preparant la interfície a Google Sites
Amb l’URL del script copiada, vaig anar al meu editor de Google Sites.
He fet servir l’eina “Insereix”: Al menú lateral dret, vaig triar l’opció amb la icona
< >.He enganxat el meu codi HTML/CSS: Vaig triar la pestanya “Insereix codi” i vaig posar-hi tota la part visual: els estils Dark Mode i la lògica de JavaScript.
He connectat el front amb el back: Dins d’aquest codi, vaig buscar la línia
const SCRIPT_URLi hi vaig enganxar l’URL que havia tret de l’Apps Script. Sense això, el xat no enviaria res enlloc!
