Com afegir funcions d'IA a la teva app amb m77.ai

Afegir IA a una app sol voler dir donar-se d'alta en un proveïdor de models, desar una clau d'API en un servidor i escriure un endpoint de backend perquè la clau no arribi mai al navegador. A builder77 això ja està fet. Totes les apps tenen m77.ai.chat, i les crides es cobren dels crèdits d'integració del propietari de l'app: 1 crèdit per cada 500 tokens (entrada + sortida, mínim 1 per crida).

El bàsic

const reply = await m77.ai.chat('Suggest three names for a coffee shop by the sea');

const answer = await m77.ai.chat(
  [{ role: 'user', content: question }],
  { system: 'You are a friendly barista. Answer in two sentences.' }
);

Passa-hi un text per a una instrucció puntual o un array de missatges per a una conversa. La instrucció opcional system defineix el to i les regles.

Sortida estructurada amb json: true

Les funcions d'IA més útils no volen prosa: volen dades que la teva interfície pugui mostrar. Activa json: true i descriu la forma que vols. Rebràs un objecte ja interpretat.

const recipe = await m77.ai.chat(
  `Create a recipe using: ${ingredients.join(', ')}.
   Return JSON: { "title": string, "minutes": number, "steps": string[] }`,
  { json: true }
);
renderRecipe(recipe);

Cinc patrons que funcionen bé

• Resumir: converteix notes llargues, ressenyes o tiquets de suport en un resum breu a dalt de la pàgina.
• Classificar: etiqueta els formularis rebuts per tema o urgència i desa l'etiqueta amb m77.db.update.
• Generar esborranys: descripcions de producte, publicacions per a xarxes socials, respostes a correus, sempre editables abans de desar-les.
• Extreure: treu dates, imports o noms d'un text lliure i posa'ls en camps.
• Assistir: un petit tauler de xat que respon preguntes sobre el contingut de la pàgina.

Desa els resultats per no pagar dues vegades

Les crides es mesuren en tokens: 1 crèdit d'integració per cada 500 tokens (entrada + sortida, mínim 1 per crida), així que una resposta típica costa uns 3–4 crèdits. Si un resultat no canvia gaire (el resum d'un document, les etiquetes d'un registre), desa'l a la base de dades i torna'l a generar només quan canviï l'original.

if (!note.summary) {
  const summary = await m77.ai.chat(`Summarize in one sentence: ${note.body}`);
  await m77.db.update('notes', note.id, { summary });
}

Dissenya pensant en l'espera i en els errors

Les crides d'IA triguen una mica, així que tracta-les com qualsevol petició de xarxa: desactiva el botó, mostra un estat de càrrega i gestiona els errors amb un missatge amable. m77.toast('Something went wrong', 'error') és una alternativa senzilla. Les apps que crea builder77 ho fan per defecte, però val la pena comprovar-ho quan afegeixes funcions a mà.

Escriu les instruccions com especificacions

El mateix consell que serveix per crear apps serveix per a les instruccions que hi ha a dins. Sigues concret amb la llargada, el to, el format i què cal fer quan l'entrada falta o és estranya.

Escrius descripcions de producte per a una botiga de ceràmica feta a mà. Màxim 40 paraules. Càlides, concretes, sense superlatius. Si falten detalls, escriu una descripció breu i neutra en lloc d'inventar-te fets.

Fes servir els resultats de la IA amb responsabilitat

• Avisa els usuaris quan un contingut està generat per IA, sobretot en interfícies de xat.
• Deixa que la gent revisi i editi els esborranys de la IA abans de publicar-los o enviar-los.
• No facis servir la resposta de la IA com a última paraula en qüestions de salut, legals o financeres.
• Evita enviar dades personals sensibles a les instruccions si no és imprescindible.

Demana a builder77 que ho construeixi

Poques vegades hauràs d'escriure res d'això tu mateix. Prova instruccions com «afegeix un botó d'IA que suggereixi etiquetes per a cada nota i les desi» o «afegeix un assistent de xat que respongui preguntes sobre la carta». L'editor coneix m77.ai i connectarà per tu la interfície, els estats de càrrega i l'emmagatzematge.