Δημιουργήστε ένα AI-Powered Chatbot

Sep 11, 2025

πως να

An illustration showing an android with an electronic brain in front of a globe marked with symbols indicated technological advancement, such as binary code, molecules and communications relays.

Η τεχνητή νοημοσύνη (AI) μας δίνει τη δυνατότητα να δημιουργήσουμε νέους τρόπους να εξετάσουμε τα υπάρχοντα προβλήματα, από την επανεξέταση των περιβαλλοντικών στρατηγικών στο πώς μαθαίνουμε. Τα έργα σας - Είτε οι εφαρμογές, οι ιστοσελίδες ή τα παιχνίδια - μπορεί να αξιοποιήσει το AI για να τους κάνει πιο εμπλοκή, ευκολότερη τη χρήση και να έχει πιο πολύτιμα αποτελέσματα. Μια τέτοια μέθοδος περιλαμβάνει τη δημιουργία ενός συνομιλητή φυσικής γλώσσας για να βοηθήσει τους χρήστες να αλληλεπιδρούν με τον ιστότοπό σας.

Για να δημιουργήσετε το πρώτο σας Chatbot, θα χρησιμοποιήσουμε το νέο εργαλείο διαλόγου της Google. Καλύπτει ισχυρή μάθηση μηχανής καθώς και ομιλία σε κείμενο. Μπορεί να ενσωματωθεί απευθείας στον ιστότοπό σας ως γραφικό στοιχείο ή προσαρμοσμένο στις ανάγκες σας.

Εάν βρίσκεστε στη διαδικασία προγραμματισμού ενός νέου ιστότοπου, θα χρειαστείτε συμβουλές για τα πάντα, από το ιδανικό οικοδόμος ιστότοπου στην οποία web hosting Υπηρεσία για να επιλέξετε, οπότε ελέγξτε τους οδηγούς μας. Δημιουργία νέου συστήματος σχεδιασμού; Αποθηκεύστε το ασφαλώς μέσα αποθήκευση σύννεφων Έτσι είναι προσβάσιμο σε ολόκληρη την ομάδα σας. Τώρα πάνω στο πώς να δημιουργήσετε ένα chatbot ...

01. Δημιουργία λογαριασμού

Παω σε dialogflow.com και να δημιουργήσετε το λογαριασμό σας. Συνδεθείτε και συμφωνείτε με τις άδειες για να ενεργοποιήσετε τη διαλόγου να έχετε πρόσβαση στο λογαριασμό σας.

02. Δημιουργήστε έναν πράκτορα

Η διάλογος χρησιμοποιεί τον όρο «πράκτορα» για να αντιπροσωπεύει περιπτώσεις του ΑΙ. Σκεφτείτε τον πράκτορα ως εικονική νοημοσύνη που δημιουργείτε. Θα μπορούσατε να έχετε πολλούς πράκτορες που εργάζονται για εσάς, το καθένα με τη δική του προσωπικότητα και το σκοπό.

Κάντε κλικ στο κουμπί "Δημιουργία πράκτορα" και εισάγετε ένα όνομα για τον πράκτορά σας: 'hal 9000'.

03. Δημιουργήστε μια πρόθεση

Πρώτον, πρέπει να δημιουργήσετε μια πρόθεση. Ορίζουμε την «πρόθεση» των εισροών του χρήστη. Κάντε κλικ στην επιλογή "Δημιουργία πρόθεσης" και ονομάστε το 'Ανοίξτε τις πόρτες'. Πατήστε 'Αποθήκευση'.

04. Εκπαιδεύστε το AI για την πρόθεση αυτή

An image showing the Google Dialogflow interface – in the box that's marked 'USER SAYS', it reads 'open the door hal' and in the box marked 'DEFAULT RESPONSE', it reads 'Sorry Dave. I can't do that now'. — Εκπαιδεύστε το AI για μια πρόθεση παρέχοντας φράσεις που μπορεί να χρησιμοποιήσει ένας χρήστης

Εκπαιδεύστε το AI για αυτή την πρόθεση παρέχοντας φράσεις που μπορεί να χρησιμοποιήσει ένας χρήστης. Το NLP AI θα χρησιμοποιήσει αυτές και προερχόμενες παραλλαγές για να εκπαιδεύσει τον παράγοντα. Προσθέστε τις ακόλουθες φράσεις κατάρτισης στο παράθυρο "Κατάρτισης φράσης" και προσθέστε όσες δικές σας όπως θέλετε:

«Ανοίξτε τις πόρτες του Pod Bay, Hal».
«Ανοίξτε τις πόρτες».
«Επιτρέψτε μου, να είμαι!»

05. Προσθέστε απαντήσεις

Στη συνέχεια, πρέπει να προσθέσετε κάποιες απαντήσεις που ο πράκτορας θα απαντήσει με. Εισάγετε αυτά στο παράθυρο "Απάντηση". Δοκιμάστε κάποια σαν αυτό:

«Φοβάμαι ότι δεν μπορώ να το κάνω αυτό, ο Ντέιβ».
«Δεν μπορώ να το κάνω αυτή τη στιγμή».

Στη συνέχεια, πατήστε "Προσθήκη αποκρίσεων" και 'Αποθήκευση' επάνω ξανά στην κορυφή. Θα δείτε ειδοποιήσεις ότι ο πράκτορας εκπαιδεύεται και στη συνέχεια είναι έτοιμη.

06. Δοκιμάστε το chatbot

Στη δεξιά πλευρά της οθόνης υπάρχει ένα εργαλείο δοκιμής. Ο Chatbot θα χρησιμοποιήσει την υπηρεσία ομιλίας της Google για να μεταφράσει τη φωνή σας σε κείμενο εάν το δοκιμάσετε. Θα πρέπει να δείτε τα αποτελέσματα του αιτήματός σας και την απόκριση του επιλεγμένου αντιπροσώπου AI. Πολύ κουλ!

07. Δημιουργήστε και χρησιμοποιήστε μια οντότητα

Οι οντότητες είναι έννοιες που μπορούν να καθοριστούν και να επαναχρησιμοποιηθούν στις απαντήσεις του πράκτορα ως μεταβλητές. Ας εκπαιδεύσουμε το AI να καταλάβουμε πότε ένας χρήστης εκφράζει ένα συναίσθημα τότε χρησιμοποιήστε το ότι στην απάντησή του στον χρήστη.

Στο αριστερό μενού, κάντε κλικ στην επιλογή "Οθόνες". Πληκτρολογήστε 'συναίσθημα' για το όνομα της νέας σας οντότητας. Διατηρήστε να ελέγξετε τα συνώνυμα των συνώνυμων. Κάντε κλικ στον παρακάτω πίνακα και πληκτρολογήστε 'θυμωμένος' ως το πρώτο συναίσθημα. Στη συνέχεια, κάντε κλικ στα δεξιά αυτού και προσθέστε συνώνυμα όπως το "MAD", 'DISSET' και ούτω καθεξής. Στη συνέχεια, προσθέστε μια άλλη καταχώρηση για το «φοβισμένο» και να χρησιμοποιήσετε συνώνυμα «φοβισμένα», «τρομοκρατημένα» κ.λπ., που σας αρέσει. Πατήστε 'Αποθήκευση' όταν τελειώσετε.

Αυτό έχει εκπαιδεύσει τώρα τον πράκτορα για να καταλάβει ότι «θυμωμένος» και «φοβισμένος» είναι συναισθήματα που ένας χρήστης μπορεί να επικοινωνήσει. Όλα αυτά τα συνώνυμα είναι παραλλαγές που ενδέχεται να προκύψουν. Το AI θα δημιουργήσει μερικά.

08. Δημιουργήστε μια νέα πρόθεση

Τώρα πρόκειται να δημιουργήσουμε μια νέα πρόθεση να χρησιμοποιήσουμε την οντότητα «συγκίνηση» που δημιουργήσαμε. Καλέστε αυτά τα συναισθήματα και κάντε κλικ στην επιλογή "Αποθήκευση".

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

Θα παρατηρήσετε ότι το σύστημα υπογραμμίζει τις φοβισμένες και θυμωμένες λέξεις για εσάς. Έχει ήδη επισημάνει αυτούς ως οντότητες. Έχει επίσης προσθέσει μια είσοδο στο παράθυρο "Ενέργειες και παράμετροι". Αυτό σας δίνει τη δυνατότητα να χρησιμοποιήσετε αυτές τις οντότητες στις απαντήσεις σας.

09. Προσθέστε μια απάντηση χρησιμοποιώντας τη νέα οντότητα "συναίσθημα"

Στο παράθυρο απαντήσεων, προσθέστε νέες απαντήσεις που χρησιμοποιούν αυτή τη νέα οντότητα. Σημειώστε το «$» για να δηλώσετε την οντότητα "$ Emotion". Προσπαθήστε να προσθέσετε αυτές τις απαντήσεις:

«Λυπάμαι που αισθάνεστε $ συγκίνηση, Dave».
«Αίσθημα $ συγκίνηση είναι μια ανθρώπινη απάντηση, ο Dave».

Κάντε κλικ στην επιλογή "Προσθήκη αποκρίσεων" και πατήστε το κουμπί "Αποθήκευση" στο επάνω μέρος της οθόνης για να αποθηκεύσετε ολόκληρη την πρόθεση.

10. Δοκιμάστε ξανά το chatbot σας

Δοκιμάστε να πείτε ή πληκτρολογήσετε τις ακόλουθες φράσεις στο εργαλείο δοκιμής.

«Με κάνει πολύ θυμωμένο hal».
«Με ξεχειλίζετε».

Παρατηρήστε πώς απάντησε χρησιμοποιώντας το «φοβισμένο» με το δεύτερο; Χρησιμοποίησε το συνώνυμο μας, «freaked έξω» για να μάθει ότι εννοούσαμε φοβισμένα. Πολύ κουλ.

Μη διστάσετε να παίξετε γύρω από αυτό καθώς και να προσθέσετε κάποιες πιο προθέσεις και τις απαντήσεις που σας αρέσει και στη συνέχεια θα προσθέσουμε αυτό σε μια ιστοσελίδα.

11. Ενεργοποιήστε την ολοκλήρωση του ιστού

An image showing Google Dialogflow's pop-up featuring a direct link and embeddable HTML snippet for a created chatbot. — Κάνοντας κλικ στο Demo Web θα εμφανιστεί ένα απόσπασμα κώδικα που μπορείτε να χρησιμοποιήσετε για να ρίξετε το widget στον δικτυακό τόπο σας

Για να το προσθέσετε στην ιστοσελίδα σας, κάντε κλικ στην επιλογή "Ενσωμάτωση" στο αριστερό μενού. Στη συνέχεια, κάντε κλικ στο πλαίσιο "Web Demo" για να ενεργοποιήσετε αυτήν την επιλογή.

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

12. Δημιουργήστε μια βασική ιστοσελίδα και προσθέστε το απόσπασμα

Δημιουργήστε μια βασική σελίδα HMTL και συμπεριλάβετε το απόσπασμα κώδικα στη συνέχεια. Δοκιμάστε τον ακόλουθο κώδικα και ανεβάστε το στο διακομιστή σας ή εκτελέστε το στον τοπικό σας διακομιστή. Αντικαταστήστε το απόσπασμα παρακάτω με αυτό που αντιγράφετε από τον παράγοντα διαλόγου:

 & lt;! Doctype html & gt;
& lt; html & gt;
& lt; κεφάλι & gt;
& LT; τίτλος & GT; Net - Ai Chatbot & LT; / Title & GT;
& lt; / head & gt;
& lt; body & gt;
& lt; iframe
    Αφήστε = "μικρόφωνο". Width = "350" Ύψος = "430" SRC = "https://console.dialogflow.com/ap-client/demo/Embedded/BBD27D04-5546-4B62-85A5-C373575A33AA" & GT;
& lt; / iframe & gt;
& lt; / Body & GT;
& lt; / html & gt;

Το άρθρο αυτό δημοσιεύθηκε αρχικά στο θέμα 312 του Net, το περιοδικό Best-Selling στον κόσμο για τους σχεδιαστές και τους προγραμματιστές ιστοσελίδων. Αγοράστε τεύχος 312 ή Εγγραφείτε στο NET .

Πρόθυμοι να μάθετε περισσότερα για το πώς μπορείτε να φέρετε ai στους ιστότοπους και τις εφαρμογές σας;

An image promoting generate New York 2019 from April 24th -25th and speaker Josh Clark's keynote 'AI is your new design material'. — Δημιουργία, το βραβευμένο συνέδριο για τους σχεδιαστές ιστοσελίδων, επιστρέφει στη Νέα Υόρκη στις 24-25 Απριλίου! Για να κάνετε κράτηση εισιτηρίων επισκεφθείτε τη διεύθυνση www.generateconf.com

Πρόθυμοι να μάθετε περισσότερα για το πώς μπορείτε να φέρετε ai στα σχέδιά σας; Ο Josh Clark, ο ιδρυτής του μεγάλου μέσου, θα δώσει το Keynote του «AI είναι το νέο σας υλικό σχεδιασμού» στη δημιουργία της Νέας Υόρκης στις 25 Απριλίου, στην οποία θα σας διδάξει να χρησιμοποιήσετε περιεχόμενο που παράγεται από μηχανή, διορατικότητα και αλληλεπίδραση ως υλικό σχεδιασμού την καθημερινή σας εργασία.

Δημιουργήστε τη Νέα Υόρκη Runs από τις 24-25 Απριλίου - Πάρτε τα εισιτήριά σας τώρα !

Σχετικά Άρθρα:

Ένας οδηγός για την όραση σύννεφων της Google
7 τεράστιες τάσεις τεχνολογίας το 2019 ότι οι σχεδιαστές πρέπει να γνωρίζουν
Οι σχεδιαστές θα αντικατασταθούν από ρομπότ;

Δημιουργήστε ένα AI-Powered Chatbot

01. Δημιουργία λογαριασμού

02. Δημιουργήστε έναν πράκτορα

03. Δημιουργήστε μια πρόθεση

04. Εκπαιδεύστε το AI για την πρόθεση αυτή

05. Προσθέστε απαντήσεις

06. Δοκιμάστε το chatbot

07. Δημιουργήστε και χρησιμοποιήστε μια οντότητα

08. Δημιουργήστε μια νέα πρόθεση

09. Προσθέστε μια απάντηση χρησιμοποιώντας τη νέα οντότητα "συναίσθημα"

10. Δοκιμάστε ξανά το chatbot σας

11. Ενεργοποιήστε την ολοκλήρωση του ιστού

12. Δημιουργήστε μια βασική ιστοσελίδα και προσθέστε το απόσπασμα

Πρόθυμοι να μάθετε περισσότερα για το πώς μπορείτε να φέρετε ai στους ιστότοπους και τις εφαρμογές σας;

πως να - Τα πιο δημοφιλή άρθρα

Χρησιμοποιήστε το Adobe XD για τη δημιουργία μικρο-αλληλεπιδράσεις

Χρησιμοποιήστε το Framer X για την κατασκευή διαδραστικών πρωτοτύπων

Εύκολη θέτοντας τεχνικές για 3D μοντέλα

Ελέγξτε το VR ART

Πώς να οικοδομήσουμε σύνθετες διατάξεις χρησιμοποιώντας το CSS

Πώς να επηρεάσετε την κατάταξη της Google με το περιεχόμενό σας

Τέσσερις αρχές στρατηγικής UX

Κορυφαίες συμβουλές για γλυπτική ένα πλάσμα σε ZBrush

Κατηγορίες