Σε αυτό το σεμινάριο, θα σας δείξουμε πώς να χρησιμοποιείτε το API του OpenAI για να επεξεργάζεστε τα μηνύματα των χρηστών. Στο προηγούμενο βίντεο χρησιμοποιήσαμε ένα σταθερό κείμενο ("hello"), αλλά τώρα θέλουμε να εισαγάγουμε τη δυνατότητα να περάσουμε ένα κείμενο που παρέχεται από τον χρήστη μέσω URL. Είναι σημαντικό να κατανοήσετε τα βασικά για το πώς να εξάγετε παραμέτρους URL και να τις μεταβιβάζετε στο API για να επιτρέψετε εξατομικευμένες αλληλεπιδράσεις με την ΤΝ.

Βασικά συμπεράσματα

  • Θα μάθετε πώς να περνάτε το κείμενο του χρήστη ως παράμετρο ερώτησης στο URL και να επικοινωνείτε με το API του OpenAI.
  • Θα μάθετε επίσης ποιες ρυθμίσεις είναι απαραίτητες στο έργο σας για την υποστήριξη αυτής της λειτουργικότητας.

Οδηγίες βήμα προς βήμα

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

Βήμα 1: Προετοιμασίες

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

OpenAI API: Μεταφορά μηνυμάτων χρήστη μέσω URL

Βήμα 2: Πέρασμα κειμένου χρήστη μέσω URL

Τώρα θέλουμε να καταστήσουμε δυνατή τη μεταφορά ενός δυναμικού κειμένου. Αυτό μεταφέρεται στην εφαρμογή μας μέσω της διεύθυνσης URL ως παράμετρος ερωτήματος. Οι παράμετροι μετά το ερωτηματικό στο URL είναι κρίσιμες για αυτή τη μέθοδο.

Σε αυτό το βήμα, ενσωματώνουμε λογική για την εξαγωγή της αναμενόμενης παραμέτρου μηνύματος από το URL. Η παράμετρος που θέλουμε να χρησιμοποιήσουμε ονομάζεται msg και ανακτάται από την url.searchParams.get("msg").

Βήμα 3: Επεξεργασία του μηνύματος

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

OpenAI API: Μεταφορά μηνυμάτων χρήστη μέσω URL

Εάν λάβουμε ένα σφάλμα όπως "Bad Request" κατά τη διάρκεια της δοκιμής, αυτό υποδεικνύει πρόβλημα με τη μετάδοση του μηνύματος. Ελέγξτε ότι η νέα παράμετρος του μηνύματος έχει μεταβιβαστεί σωστά στην αίτηση.

OpenAI API: Μεταφορά μηνυμάτων χρήστη μέσω URL

Βήμα 4: Αντιμετώπιση προβλημάτων

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

OpenAI API: Μεταφορά μηνυμάτων χρήστη μέσω URL

Βήμα 5: Προσαρμογή της διαμόρφωσης του Astro

Ένα σημαντικό στοιχείο είναι η διαμόρφωση του έργου σας στο Astro. Πρέπει να βεβαιωθείτε ότι η τιμή εξόδου έχει οριστεί σε διακομιστή. Αυτό επιτρέπει την απόδοση από την πλευρά του διακομιστή και επομένως τη σωστή ανάγνωση των παραμέτρων URL.

Αυτή η αλλαγή είναι ζωτικής σημασίας, καθώς σας επιτρέπει να διαβάζετε σωστά τις παραμέτρους και να τις μεταβιβάζετε στο API.

OpenAI API: Μεταφορά μηνυμάτων χρήστη μέσω URL

Βήμα 6: Δοκιμή της εφαρμογής

Τώρα θα πρέπει να δοκιμάσετε την εφαρμογή. Δοκιμάστε διαφορετικές εισόδους στη διεύθυνση URL για να δείτε τι απαντήσεις λαμβάνετε από το API. Ένα παράδειγμα αίτησης θα μπορούσε να είναι: ?msg=Hello World.

OpenAI API: Μεταφορά μηνυμάτων χρήστη μέσω URL

Η απόκριση θα εμφανιστεί στο πρόγραμμα περιήγησης και θα πρέπει να απαντήσει σωστά στο αίτημά σας. Αν όλα λειτουργούν σωστά, μπορείτε ήδη να δείτε τις πρώτες αλληλεπιδράσεις με την ΤΝ εδώ.

Βήμα 7: Επεκτάσεις και συμπεράσματα

Στο τελευταίο βήμα, θέλουμε να επεκτείνουμε το σύστημα. Αντί να στέλνετε μόνο ένα απλό κείμενο στο API, μπορείτε τώρα επίσης να εκτελέσετε ολόκληρο το ιστορικό συνομιλιών. Αυτό σας επιτρέπει να έχετε μια πιο φυσική συνομιλία.

OpenAI API: Μεταφορά μηνυμάτων χρήστη μέσω URL

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

OpenAI API: Μεταφορά μηνυμάτων χρήστη μέσω URL

Περίληψη

Σε αυτό το σεμινάριο, μάθατε πώς να χρησιμοποιείτε το OpenAI API για να περνάτε μηνύματα χρηστών μέσω παραμέτρων URL. Τώρα κατανοείτε σημαντικά βήματα για την προετοιμασία, την επεξεργασία και τη δοκιμή της εφαρμογής σας.

Συχνές ερωτήσεις

Τι είναι το OpenAI API;Το OpenAI API είναι μια υπηρεσία που σας επιτρέπει να έχετε πρόσβαση σε μοντέλα τεχνητής νοημοσύνης και να τους απευθύνετε αιτήματα με βάση το κείμενο.

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

Χρειάζομαι ειδικές γνώσεις για να χρησιμοποιήσω το API;Οι βασικές γνώσεις JavaScript και σχεδιασμού εφαρμογών ιστού είναι πλεονέκτημα, αλλά όχι απαραίτητες.