Πρόσθεσε λειτουργίες AI στην εφαρμογή σου με το m77.ai

Για να προσθέσεις AI σε μια εφαρμογή, συνήθως πρέπει να γραφτείς σε έναν πάροχο μοντέλων, να αποθηκεύσεις ένα κλειδί API σε server και να γράψεις ένα backend endpoint ώστε το κλειδί να μη φτάσει ποτέ στον browser. Στο builder77 αυτό είναι ήδη έτοιμο. Κάθε εφαρμογή έχει το m77.ai.chat και οι κλήσεις χρεώνονται στα credits ενσωματώσεων του κατόχου της εφαρμογής — 1 credit ανά 500 tokens (είσοδος + έξοδος, ελάχιστο 1 ανά κλήση).

Τα βασικά

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.' }
);

Πέρασε ένα string για ένα μεμονωμένο prompt ή έναν πίνακα μηνυμάτων για μια συνομιλία. Η προαιρετική οδηγία system ορίζει τον τόνο και τους κανόνες.

Δομημένη έξοδος με json: true

Οι περισσότερες χρήσιμες λειτουργίες AI δεν θέλουν πρόζα — θέλουν δεδομένα που μπορεί να εμφανίσει το UI σου. Όρισε json: true και περίγραψε τη μορφή που θέλεις. Παίρνεις πίσω ένα έτοιμο αντικείμενο.

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

Πέντε μοτίβα που δουλεύουν καλά

• Περίληψη: κάνε μεγάλες σημειώσεις, κριτικές ή tickets υποστήριξης μια σύντομη περίληψη στην κορυφή της σελίδας.
• Ταξινόμηση: βάλε ετικέτες στις εισερχόμενες υποβολές φορμών ανά θέμα ή επείγον και αποθήκευσε την ετικέτα με m77.db.update.
• Δημιουργία προσχεδίων: περιγραφές προϊόντων, posts για social media, απαντήσεις σε email — πάντα επεξεργάσιμα πριν την αποθήκευση.
• Εξαγωγή: τράβηξε ημερομηνίες, ποσά ή ονόματα από ελεύθερο κείμενο σε πεδία.
• Βοηθός: ένα μικρό πάνελ chat που απαντά σε ερωτήσεις για το περιεχόμενο της σελίδας.

Αποθήκευε τα αποτελέσματα για να μην πληρώνεις δύο φορές

Οι κλήσεις μετριούνται σε tokens: 1 credit ενσωματώσεων ανά 500 tokens (είσοδος + έξοδος, ελάχιστο 1 ανά κλήση), οπότε μια τυπική απάντηση κοστίζει περίπου 3–4 credits. Αν ένα αποτέλεσμα δεν αλλάζει συχνά — η περίληψη ενός εγγράφου, οι ετικέτες μιας εγγραφής — αποθήκευσέ το στη βάση δεδομένων και ξαναδημιούργησέ το μόνο όταν αλλάξει η πηγή.

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

Σχεδίασε για αναμονή και αποτυχία

Οι κλήσεις AI παίρνουν λίγο χρόνο, οπότε αντιμετώπισέ τες όπως κάθε αίτημα δικτύου: απενεργοποίησε το κουμπί, δείξε κατάσταση φόρτωσης και χειρίσου τα σφάλματα με ένα φιλικό μήνυμα. Το m77.toast('Something went wrong', 'error') είναι μια εύκολη εναλλακτική. Οι εφαρμογές που φτιάχνει το builder77 το κάνουν αυτό από προεπιλογή, αλλά αξίζει να το ελέγξεις όταν προσθέτεις λειτουργίες με το χέρι.

Γράφε τα prompts σαν προδιαγραφές

Οι ίδιες συμβουλές που ισχύουν για το χτίσιμο εφαρμογών ισχύουν και για τα prompts μέσα σε αυτές. Να είσαι συγκεκριμένος για το μήκος, τον τόνο, τη μορφή και το τι γίνεται όταν η είσοδος λείπει ή είναι παράξενη.

Γράφεις περιγραφές προϊόντων για ένα κατάστημα χειροποίητων κεραμικών. Έως 40 λέξεις. Ζεστό, συγκεκριμένο ύφος, χωρίς υπερθετικά. Αν η είσοδος δεν έχει λεπτομέρειες, γράψε μια σύντομη ουδέτερη περιγραφή αντί να επινοείς στοιχεία.

Χρησιμοποίησε υπεύθυνα το αποτέλεσμα του AI

• Ενημέρωνε τους χρήστες όταν το περιεχόμενο έχει δημιουργηθεί από AI, ειδικά σε περιβάλλοντα chat.
• Άφησε τους ανθρώπους να ελέγξουν και να επεξεργαστούν τα προσχέδια του AI πριν δημοσιευτούν ή σταλούν.
• Μη χρησιμοποιείς το αποτέλεσμα του AI ως τελευταία λέξη σε ζητήματα υγείας, νομικά ή οικονομικά.
• Απόφευγε να στέλνεις ευαίσθητα προσωπικά δεδομένα σε prompts, εκτός αν είναι απαραίτητο.

Ζήτα από το builder77 να το φτιάξει

Σπάνια χρειάζεται να γράψεις κάτι από αυτά μόνος σου. Δοκίμασε prompts όπως «πρόσθεσε ένα κουμπί AI που προτείνει ετικέτες για κάθε σημείωση και τις αποθηκεύει» ή «πρόσθεσε έναν βοηθό συνομιλίας που απαντά σε ερωτήσεις για το μενού». Ο builder ξέρει το m77.ai και θα συνδέσει για σένα το UI, τις καταστάσεις φόρτωσης και την αποθήκευση.