Εγκαταστήστε την εφαρμογή ChatGPT τοπικά: Γιατί και πώς να το κάνετε

ChatGPT έχει σχεδιαστεί για να παρέχει γρήγορες απαντήσεις στα ερωτήματά σας. Μπορείτε να αποκτήσετε πρόσβαση στο ChatGPT online. Ωστόσο, εάν προτιμάτε να εγκαταστήσετε την εφαρμογή, αυτός ο οδηγός μπορεί να σας βοηθήσει.

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

Γιατί να εγκαταστήσετε την εφαρμογή ChatGPT τοπικά;

Υπάρχουν πολλά πλεονεκτήματα από την εγκατάσταση του μοντέλου AI στον υπολογιστή σας, μερικά από τα οποία αναφέρονται εδώ:

• Γρήγορο και με απόκριση – Μπορείτε να το εκτελέσετε απευθείας στη συσκευή σας. Αυτό σημαίνει ότι η εφαρμογή θα χρησιμοποιεί τον επεξεργαστή και τη μνήμη της συσκευής, τα οποία θα λειτουργούν πιο αποτελεσματικά από ό, τι όταν εργάζεστε στον απομακρυσμένο διακομιστή.
• Αυξημένη ιδιωτικότητα και ασφάλεια – Η τοπική χρήση της εφαρμογής θα ενισχύσει το απόρρητο και την ασφάλεια των προσωπικών σας δεδομένων. Τα δεδομένα δεν θα μεταφέρονται πλέον από τη συσκευή σας σε απομακρυσμένο διακομιστή.
• Προσαρμόσιμο – Η εγκατάσταση της εφαρμογής τοπικά θα σας επιτρέψει να προσαρμόσετε την εφαρμογή σύμφωνα με τις προτιμήσεις και τις απαιτήσεις σας. Μπορείτε να αλλάξετε τη διεπαφή χρήστη, τις λειτουργίες της εφαρμογής και πολλά άλλα.
• Δεν χρειάζεται να αντιμετωπίσετε χρόνο διακοπής λειτουργίας – Εάν η εφαρμογή είναι εγκατεστημένη τοπικά, δεν θα χρειαστεί να συνδεθείτε ξανά ή να περιμένετε να απαντήσει ο διακομιστής εάν είναι απασχολημένος. Επομένως δεν υπάρχει χρόνος διακοπής λειτουργίας.

Πώς μπορώ να εγκαταστήσω την εφαρμογή ChatGPT τοπικά;

Πριν ξεκινήσετε τα βήματα για την εγκατάσταση της εφαρμογής ChatGPT τοπικά, θα πρέπει να εξετάσετε το ενδεχόμενο να εκτελέσετε τους ακόλουθους ελέγχους:

• Αρχικά, εγκαταστήστε την επέκταση Node.js στον κώδικα VS.
• Στη συνέχεια, αποκτήστε την επέκταση Git σε κώδικα VS.

1. Δημιουργήστε έναν φάκελο και ανοίξτε τον στον κώδικα του Visual Studio

1. Κάντε δεξί κλικ στον κενό χώρο στην επιφάνεια εργασίας, επιλέξτε Νέος, έπειτα Ντοσιέ.
2. Μετονομάστε το φάκελο ως Open_AI_ChatGPT εφαρμογή.
3. Πάτα το Windows κλειδί, τύπος Κωδικός Visual Studioκαι κάντε κλικ Ανοιξε.
4. μεταβείτε στο Αρχείο μενού και επιλέξτε Ανοιχτός φάκελος.
5. Επιλέξτε το φάκελο και κάντε κλικ Επιλέξτε φάκελο.
6. Στη συνέχεια, μεταβείτε στο Θέα μενού και επιλέξτε Τερματικό.

2. Ελέγξτε εάν το Node.js είναι εγκατεστημένο

1. Πληκτρολογήστε τον ακόλουθο κώδικα για να ελέγξετε αν έχετε εγκαταστήσει το node.js και πατήστε Enter: κόμβος -v
2. Εάν συνοδεύεται από σφάλμα, προχωρήστε στο επόμενο βήμα.
3. μεταβείτε στο Ιστότοπος Node.js και κατεβάστε το Node.js
4. Κάντε διπλό κλικ για να ανοίξετε το αρχείο εγκατάστασης. Κάντε κλικ Επόμενο.
5. Τώρα αποδεχτείτε όλους τους όρους και τις προϋποθέσεις και κάντε κλικ Επόμενο.
6. Κάντε κλικ Επόμενο σε όλα τα παρακάτω παράθυρα και μετά κάντε κλικ Εγκαθιστώ για να ξεκινήσει η εγκατάσταση.
7. Τώρα κάντε επανεκκίνηση του Visual Studio Code.
8. Μόλις τελειώσετε, επιστρέψτε στο τερματικό, πληκτρολογήστε τον ακόλουθο κωδικό για να δημιουργήσετε ένα Αποθετήριο JavaScript Vanillaκαι πατήστε Enter: npm δημιουργία [email προστατευμένο] πελάτη --πρότυπο βανίλια
9. Στη συνέχεια, πληκτρολογήστε Υ και πατήστε Enter.
10. Επιλέγω Βανίλια ως πλαίσιο όταν σας ζητηθεί.
11. Επιλέγω JavaScript ως παραλλαγή όταν ρωτήθηκε. Θα δείτε πολλά αρχεία και φακέλους που δημιουργούνται στον φάκελο της εφαρμογής Open_AI_ChatGPT.

3. Εγκαταστήστε εξαρτήσεις

1. Πληκτρολογήστε την ακόλουθη εντολή για να εισέλθετε στον κατάλογο πελάτη και πατήστε Enter: cd .\client\
2. Στη συνέχεια, αντιγράψτε και επικολλήστε την ακόλουθη εντολή και πατήστε Enter: npm εγκατάσταση
3. Μεταβείτε σε αυτόν τον σύνδεσμο και πραγματοποιήστε λήψη του συμπιεσμένου φακέλου με το όνομα assets.
4. Τώρα αντιγράψτε τον φάκελο των εξαγόμενων στοιχείων στον φάκελο πελάτη.
5. Στη συνέχεια, αφαιρέστε τα αρχεία vite.svg και counter.js.
6. Τέλος, μετακινήστε το αρχείο favicon από το περιουσιακά στοιχεία φάκελο στο δημόσιο ντοσιέ.

4. Γράψτε κώδικα στο style.css

1. Αντιγράψτε και επικολλήστε τον παρακάτω κώδικα όπως είναι στον φάκελο style.css:
   @import url(" https://fonts.googleapis.com/css2?family=Alegreya+Sans:[email προστατευμένο];300;400;500;700;800;900&display=swap");
* {
 περιθώριο: 0;
 γέμιση: 0;
 box-sizing: border-box;
 γραμματοσειρά-οικογένεια: "Alegreya Sans", sans-serif;
}
σώμα {
φόντο: #343541;
}
#εφαρμογή {
πλάτος: 100vw;
Ύψος: 100vh;
φόντο: #343541;
οθόνη: flex;
flex-direction: στήλη;
στοίχιση-στοιχεία: κέντρο;
justify-content: space-mes?
}
#chat_container {
flex: 1;
πλάτος: 100%;
ύψος: 100%;
υπερχείλιση-y: κύλιση;
οθόνη: flex;
flex-direction: στήλη;
κενό: 10 px;
-ms-overflow-style: κανένα;
scrollbar-width: κανένας;
padding-bottom: 20px;
κύλιση-συμπεριφορά: ομαλή;
}
/* κρύβει τη γραμμή κύλισης */
#chat_container::-webkit-scrollbar {
οθόνη: καμία;
}
.περιτύλιγμα {
πλάτος: 100%;
padding: 15px;
}
.ai {
φόντο: #40414F;
}
.κουβέντα {
πλάτος: 100%;
μέγιστο πλάτος: 1280 px;
περιθώριο: 0 αυτόματο;
 οθόνη: flex;
flex-direction: σειρά;
align-item: flex-start;
κενό: 10 px;
}
.Προφίλ {
πλάτος: 36 px;
ύψος: 36px;
περίγραμμα-ακτίνα: 5px;
φόντο: #5436DA;
οθόνη: flex;
justify-content: κέντρο;
στοίχιση-στοιχεία: κέντρο;
}
.ai .προφίλ {
φόντο: #10a37f;
}
.profile img {
πλάτος: 60%;
ύψος: 60%;
αντικειμενική προσαρμογή: περιέχει;
}
.message {
flex: 1;
χρώμα: #dcdcdc;
μέγεθος γραμματοσειράς: 20 px;
μέγιστο πλάτος: 100%;
υπερχείλιση-x: κύλιση;
/*
* Το λευκό διάστημα αναφέρεται σε τυχόν κενά, καρτέλες ή χαρακτήρες νέας γραμμής που χρησιμοποιούνται για τη μορφοποίηση του κώδικα CSS
* καθορίζει τον τρόπο χειρισμού του λευκού χώρου μέσα σε ένα στοιχείο. Είναι παρόμοια με την τιμή "pre", η οποία λέει στο πρόγραμμα περιήγησης να αντιμετωπίζει όλο το λευκό διάστημα ως σημαντικό και να το διατηρεί ακριβώς όπως εμφανίζεται στον πηγαίο κώδικα.
* Η τιμή pre-wrap επιτρέπει στο πρόγραμμα περιήγησης να αναδιπλώσει μεγάλες γραμμές κειμένου σε πολλές γραμμές, εάν είναι απαραίτητο.
* Η προεπιλεγμένη τιμή για την ιδιότητα λευκού διαστήματος στο CSS είναι "κανονική". Αυτό λέει στο πρόγραμμα περιήγησης να συμπτύξει πολλούς χαρακτήρες λευκού διαστήματος σε ένα ενιαίο κενό και να αναδιπλώσει το κείμενο σε πολλές γραμμές όπως απαιτείται για να χωρέσει στο κοντέινερ του.
*/
λευκό διάστημα: προ-τύλιγμα?
-ms-overflow-style: κανένα;
scrollbar-width: none;}
/* κρύβει τη γραμμή κύλισης */
.message::-webkit-scrollbar {
οθόνη: καμία;
}
μορφή {
πλάτος: 100%;
μέγιστο πλάτος: 1280 px;
περιθώριο: 0 αυτόματο;
padding: 10px;
φόντο: #40414F;
οθόνη: flex;
flex-direction: σειρά;
κενό: 10 px;
}
textarea {
πλάτος: 100%;
χρώμα: #fff;
μέγεθος γραμματοσειράς: 18 px;
padding: 10px;
φόντο: διαφανές;
περίγραμμα-ακτίνα: 5px;
σύνορα: κανένα;
περίγραμμα: κανένας;
}
κουμπί {
περίγραμμα: 0;
περίγραμμα: 0; δρομέας: δείκτης;
φόντο: διαφανές;
}
φόρμα img {
πλάτος: 30 px;
ύψος: 30 px;
}

5. Γράψτε κώδικα στο Index.html

1. Πληκτρολογήστε τον ακόλουθο κώδικα στο αρχείο index.html:
   
   
   
   
   
   
   
   
   
   
   
   
   
   

   
   
   
   

   
   
   
   
   
   
2. Πατήστε Ctrl + S για να αποθηκεύσετε το σενάριο.
3. Μεταβείτε στο αριστερό παράθυρο του Visual Studio Code και μετονομάστε το main.js σε script.js.

6. Εκτελέστε εντολές στο τερματικό

1. Μεταβείτε στο τερματικό και πατήστε Ctrl + ντο για να δεις που θα έγραφες εντολές. Θα πρέπει να βρίσκεστε στον φάκελο πελάτη. Εάν όχι, πληκτρολογήστε την ακόλουθη εντολή και πατήστε Enter: πελάτης cd
2. Πληκτρολογήστε την παρακάτω εντολή και πατήστε Enter: npm εκτέλεση dev
3. Θα λάβετε μια διεύθυνση ιστού για να δείτε πώς φαίνεται μέχρι στιγμής. Εάν λάβετε το σφάλμα που αναφέρεται στο στιγμιότυπο οθόνης, προχωρήστε.

7. Γράψτε κώδικα στο αρχείο script.js

1. Καταργήστε το περιεχόμενο που υπάρχει στο αρχείο script.js και αντιγράψτε και επικολλήστε τον ακόλουθο κώδικα:
   εισαγωγή bot από το './assets/bot.svg'
   εισαγωγή χρήστη από το './assets/user.svg'
   const form = document.querySelector('form');
   const chatContainer = document.querySelector('#chat_container');
   ας loadInterval?
   φορτωτής συνάρτησης (στοιχείο) {
   element.textContent = '';
   loadInterval = setInterval(() => {
   // Ενημερώστε το περιεχόμενο κειμένου της ένδειξης φόρτωσης
   element.textContent += '.';
   // Εάν η ένδειξη φόρτωσης έχει φτάσει τις τρεις τελείες, επαναφέρετέ την
   if (element.textContent '...') {
   element.textContent = '';
   }
   }, 300)
   }
   συνάρτηση typeText (στοιχείο, κείμενο) {
   έστω δείκτης = 0;
   let interval = setInterval(() => {
   αν (ευρετήριο < text.length) {
   element.innerHTML += text.charAt (ευρετήριο);
   ευρετήριο++;
   } αλλο {
   clearInterval (διάστημα);
   }
   }, 20)
   }
   συνάρτηση generateUniqueId() {
   const timestamp = Date.now();
   const randomNumber = Math.random();
   const hexadecimalString = randomNumber.toString (16);
   επιστροφή `id-${timestamp}-${hexadecimalString}`;
   }
   συνάρτηση chatStripe (isAi, τιμή, μοναδικό αναγνωριστικό) {
   ΕΠΙΣΤΡΟΦΗ (
   `
   
   
   

   
   

   
   src=${isAi; bot: χρήστη}
   alt="${isAi? 'bot': 'user'}"
   />
   

   
   

   ${value}

   
   

   
   
   
   `
   )
   }
   const handleSubmit = async (e) => {
   e.preventDefault();
   const data = new FormData (φόρμα);
   // chatstripe του χρήστη
   chatContainer.innerHTML += chatStripe (false, data.get('prompt'));
   // για να διαγράψετε την είσοδο της περιοχής κειμένου
   form.reset();
   // chatstripe του bot
   const uniqueId = generateUniqueId();
   chatContainer.innerHTML += chatStripe (true, " ", uniqueId);
   // για εστίαση μετακινηθείτε προς τα κάτω
   chatContainer.scrollTop = chatContainer.scrollHeight;
   // συγκεκριμένο μήνυμα div
   const messageDiv = document.getElementById (uniqueId);
   // messageDiv.innerHTML = "..."
   φορτωτής (messageDiv);
   const απάντηση = αναμονή λήψης(' http://localhost: 8001/', {
   μέθοδος: 'POST',
   κεφαλίδες: {
   'Content-Type': 'application/json'
   },
   σώμα: JSON.stringify({
   prompt: data.get('prompt')
   })
   })
   clearInterval (loadInterval);
   messageDiv.innerHTML = '';
   if (response.ok) {
   const data = await response.json();
   const parsedData = data.bot.trim();
   typeText (messageDiv, parsedData);
   } αλλο {
   const err = await response.text();
   messageDiv.innerHTML = "Κάτι πήγε στραβά";
   συναγερμός (σφάλμα);
   }
   }
   form.addEventListener('submit', handleSubmit);
   form.addEventListener('keyup', (e) => {
   εάν (e.keyCode 13) {
   handleSubmit (e);
   }
   })
2. Στη συνέχεια, πατήστε Ctrl + μικρό για να αποθηκεύσετε το σενάριο.

8. Δημιουργήστε έναν νέο φάκελο μέσα στο φάκελο της εφαρμογής Open_AI_ChatGPT και εγκαταστήστε λειτουργικές μονάδες

1. Δημιουργήστε ένα φάκελο στο Ανοίξτε την εφαρμογή_AI_ChatGPT φάκελο και ονομάστε τον Υπηρέτης.
2. Ανοιξε Τερματικό και πατήστε Crtl + ντο για να διακόψετε την εφαρμογή που εκτελείται.
3. Πληκτρολογήστε την ακόλουθη εντολή και πατήστε Enter για να βγείτε από το φάκελο Client: cd..
4. Αντιγράψτε και επικολλήστε την ακόλουθη εντολή για να εισαγάγετε το Υπηρέτης κατάλογο και πατήστε Enter: διακομιστή cd
5. Πληκτρολογήστε την ακόλουθη εντολή και πατήστε Enter για να δημιουργήσετε ένα αρχείο package.json στο φάκελο διακομιστή: npm init -y
6. Για να εγκαταστήσετε εξαρτήσεις, πληκτρολογήστε την παρακάτω εντολή και πατήστε Enter. Αυτό θα δημιουργήσει ένα νέο αρχείο με το όνομα package-lock.json: npm εγκατάσταση cors dotenv express nodemon openai

9. Δημιουργήστε το κλειδί API και αναφέρετέ το στο .env

1. μεταβείτε στο Ανοίξτε τον ιστότοπο API και συνδεθείτε.
2. Τώρα κάντε κλικ Προσωπικός και επιλέξτε Προβολή κλειδιών API.
3. Κάντε κλικ Δημιουργήστε νέο μυστικό κλειδί και αντιγράψτε το κλειδί.
4. Στο υπηρέτης φάκελο, δημιουργήστε ένα νέο αρχείο και ονομάστε το .env.
5. Στο .env αρχείο, πληκτρολογήστε τον ακόλουθο κώδικα αφού αντικαταστήσετε το κλειδί API με το κλειδί που αντιγράψατε από τον ιστότοπο Open API και πατήστε Enter: OPENAI_API_KEY="Το κλειδί API"

10. Δημιουργήστε νέο file server.js και γράψτε ένα σενάριο

1. Δημιουργήστε ένα νέο αρχείο στο φάκελο διακομιστή και μετονομάστε το server.js.
2. Αντιγράψτε και επικολλήστε την παρακάτω δέσμη ενεργειών μέσα σε αυτό το αρχείο και πατήστε Ctrl+μικρό για να αποθηκεύσετε το αρχείο:

Εισαγωγή express από το 'express'.
εισαγωγή * ως dotenv από το 'dotenv';
εισαγωγή cors από «cors».
εισαγωγή { Configuration, OpenAIApi } από το 'openai';
dotenv.config();
const configuration = νέα διαμόρφωση({
apiKey: process.env. OPENAI_API_KEY,
});
const openai = νέο OpenAIApi (διαμόρφωση).
const app = express();
app.use (cors());
app.use (express.json());
app.get('/', ασύγχρονα (απαιτ., res) => {
res.status (200).send({
μήνυμα: 'Γεια από το GPT!',
})
});
app.post('/', async (απαιτ., res) => {
δοκιμάστε {
const prompt = req.body.prompt;
const answer = await openai.createCompletion({
μοντέλο: "text-davinci-003",
προτροπή: `${prompt}`,
θερμοκρασία: 0, // Υψηλότερες τιμές σημαίνει ότι το μοντέλο θα αναλάβει περισσότερους κινδύνους.
max_tokens: 3000, // Ο μέγιστος αριθμός διακριτικών που θα δημιουργηθούν κατά την ολοκλήρωση. Τα περισσότερα μοντέλα έχουν μήκος περιβάλλοντος 2048 διακριτικών (εκτός από τα νεότερα μοντέλα, τα οποία υποστηρίζουν 4096).
top_p: 1, // εναλλακτική στη δειγματοληψία με θερμοκρασία, που ονομάζεται δειγματοληψία πυρήνων
συχνότητα_ποινή: 0,5, // Αριθμός μεταξύ -2,0 και 2,0. Οι θετικές τιμές τιμωρούν νέα διακριτικά με βάση η υπάρχουσα συχνότητά τους στο κείμενο μέχρι τώρα, μειώνοντας την πιθανότητα του μοντέλου να επαναλάβει την ίδια γραμμή κατά λέξει.
παρουσία_ποινή: 0, // Αριθμός μεταξύ -2,0 και 2,0. Οι θετικές τιμές τιμωρούν τα νέα διακριτικά με βάση το αν εμφανίζονται στο κείμενο μέχρι στιγμής, αυξάνοντας την πιθανότητα του μοντέλου να μιλήσει για νέα θέματα.
});
res.status (200).send({
bot: answer.data.choices[0].text
});
} catch (σφάλμα) {
console.log (σφάλμα);
res.status (500).send (σφάλμα || 'Κάτι πήγε στραβά');
}
});
app.listen (5000, () => console.log('Ο διακομιστής AI ξεκίνησε http://localhost: 8001'));

11. Γράψτε κώδικα στο πακέτο.json

1. Αντιγράψτε και επικολλήστε τον παρακάτω κώδικα και πατήστε Ctrl + μικρό να σώσω:

{
"όνομα": "διακομιστής",
"έκδοση": "1.0.0",
"περιγραφή": "",
"type": "module",
"σενάρια":{
"server": "nodemon server"
},
"λέξεις-κλειδιά": [],
"συγγραφέας": "",
"άδεια": "ISC",
"εξαρτήσεις": {
"cors": "^2.8.5",
"dotenv": "^16.0.3",
"express": "^4.18.2",
"nodemon": "^2.0.20",
"openai": "^3.1.0"
}
}

12. Δοκιμάστε τον κωδικό

1. Τώρα, κάντε κλικ στο μενού Terminal στο Visual Studio Code και επιλέξτε Spilled Terminal.
2. Θα έχετε δύο τερματικά. ας τους ονομάσουμε Terminal Server και Terminal Client.
3. Στον Terminal Server, πατήστε Ctrl + C. Πληκτρολογήστε την ακόλουθη εντολή για να εισέλθετε στον κατάλογο διακομιστή και πατήστε Enter: διακομιστής cd
4. Στη συνέχεια, αντιγράψτε και επικολλήστε την ακόλουθη εντολή και πατήστε Enter για να εκτελέσετε τον διακομιστή: διακομιστής εκτέλεσης npm
5. Κάντε κλικ στον σύνδεσμο που παρουσιάζεται και θα δείτε το μήνυμα Hello from GPT στη σελίδα
6. Τώρα στο Terminal Client, πατήστε Ctrl + C. Πληκτρολογήστε την ακόλουθη εντολή για να εισέλθετε στον κατάλογο πελάτη και πατήστε Enter: πελάτης cd
7. Αντιγράψτε και επικολλήστε την ακόλουθη εντολή και πατήστε Enter για να εκτελέσετε τον πελάτη: npm εκτέλεση dev
8. Στη συνέχεια, κάντε κλικ στον σύνδεσμο και πληκτρολογήστε Γεια σου. Τι κάνεις; μπορείτε να δείτε ότι το bot ψάχνει για μια απάντηση.

13. Εγκαταστήστε την εφαρμογή Git Bash και διαμορφώστε την με τον λογαριασμό σας στο GitHub

1. Μπορείτε να παραλείψετε αυτό το βήμα εάν το έχετε ήδη διαμορφώσει. Κατεβάστε την εφαρμογή Git Bash.
2. Συνδεθείτε στο δικό σας Λογαριασμός GitHub.
3. Κατά τη στιγμή της εγκατάστασης, αποθηκεύστε το στον φάκελο Open_AI_ChatGPT.
4. Στη συνέχεια, πατήστε το πλήκτρο Windows, πληκτρολογήστε επεξεργασία των μεταβλητών περιβάλλοντος συστήματος και κάντε κλικ στο Άνοιγμα.
5. Κάντε διπλό κλικ στη διαδρομή και κάντε κλικ στην Επεξεργασία.
6. Προσθέστε τη διαδρομή του αρχείου git εδώ και, στη συνέχεια, κάντε κλικ στο OK και στο OK.
7. Εκκινήστε το Git Bash, πληκτρολογήστε την ακόλουθη εντολή αφού αντικαταστήσετε το όνομα χρήστη με το όνομα χρήστη του λογαριασμού σας στο GitHub και πατήστε Enter: git config --global user.name "username"
8. Αντιγράψτε και επικολλήστε την ακόλουθη εντολή αφού αντικαταστήσετε τη διεύθυνση email με τη διεύθυνση email σας και πατήστε Enter: git config --global user.email "διεύθυνση email"
9. Μεταβείτε στον λογαριασμό GitHub, κάντε κλικ στο αναπτυσσόμενο βέλος και επιλέξτε Ρυθμίσεις. Τώρα μεταβείτε στις ρυθμίσεις προγραμματιστή.
10. Αναπτύξτε το Personal access tokens και επιλέξτε Fine-grained tokens. Κάντε κλικ στην επιλογή Δημιουργία νέου διακριτικού.
11. Μετονομάστε το και επιλέξτε την εγκυρότητα. Στη συνέχεια, αντιγράψτε το διακριτικό και αποθηκεύστε το σε ένα σημειωματάριο.
12. Πληκτρολογήστε μία προς μία τις ακόλουθες εντολές και πατήστε Enter: git config --global credential.helper wincredgit credential-manager-core configure
13. Ακολουθήστε τις οδηγίες για να το διαμορφώσετε και επικολλήστε το διακριτικό που δημιουργήθηκε όταν σας ζητηθεί ο κωδικός πρόσβασής σας.
14. Κλείστε την εφαρμογή Git Bash.

14. Δημιουργήστε ένα αποθετήριο και δημοσιεύστε τον κώδικα

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

1. Συνδεθείτε στο δικό σας Λογαριασμός GitHub.
2. Εντοπίστε το αναπτυσσόμενο βέλος δίπλα στην εικόνα του προφίλ σας και επιλέξτε Τα αποθετήρια σας.
3. Κάντε κλικ Νέος.
4. Πληκτρολογήστε το Όνομα αποθετηρίου, επιλέξτε Δημόσιοκαι κάντε κλικ Δημιουργία αποθετηρίου.
5. Μεταβείτε στον κωδικό VS, πατήστε Ctrl + ντοκαι βεβαιωθείτε ότι βρίσκεστε στην εφαρμογή Open_AI_ChatGPT ή στον ριζικό φάκελο. Εάν όχι, πληκτρολογήστε τον παρακάτω κωδικό και πατήστε Enter: CD
6. Στη συνέχεια, στο υπηρέτης φάκελο, προσθέστε ένα νέο αρχείο και ονομάστε το .gitignore.
7. Στο .gitignore αρχείο, πληκτρολογήστε τον παρακάτω κώδικα για να βεβαιωθείτε .env και node_modules δεν ωθούνται προς τα μέσα GitHub:
   .env
node_modules

14.2 Δημοσιεύστε τον κωδικό σας στο αποθετήριο

1. Μεταβείτε στον κώδικα VS, αντιγράψτε και επικολλήστε τις ακόλουθες εντολές μία προς μία και πατήστε Enter μετά από κάθε εντολή: git initgit commit -m "πρώτη δέσμευση"git κλαδί -M κύριος
2. Πληκτρολογήστε την ακόλουθη εντολή αφού αντικαταστήσετε το https://github.com/SrishtiSisodia/CHAT-BOT-APP με τη διεύθυνση του αποθετηρίου σας που αναφέρεται στο GitHub:
   git remote προσθήκη προέλευσης https://github.com/SrishtiSisodia/CHAT-BOT-APP
3. Τώρα για να πιέσετε τον κώδικα, πληκτρολογήστε την ακόλουθη εντολή και πατήστε Enter: git push -u προέλευση κύριος
4. Επαναλάβετε τη φόρτωση της σελίδας σας στο GitHub και ο κώδικάς σας θα μεταφορτωθεί εκεί.
5. Στον κωδικό VS, πατήστε Ctrl + ντο τόσο στον Terminal Server όσο και στον Terminal Client για να σταματήσουν να εκτελούνται.

15. Αναπτύξτε τον διακομιστή

1. Μεταβείτε για απόδοση του ιστοσελίδα και εγγραφείτε χρησιμοποιώντας το GitHub.
2. Θα δείτε τον Πίνακα ελέγχου, κάντε κλικ στο Νέο και, στη συνέχεια, επιλέξτε Υπηρεσίες Ιστού.
3. Εντοπίστε Σύνδεση ενός νέου αποθετηρίου, εισαγάγετε τη διεύθυνση URL του αποθηκευτικού χώρου σας στο αποθετήριο Public Git και κάντε κλικ στην επιλογή Σύνδεση.
4. Στην επόμενη σελίδα, προσθέστε Όνομα, επιλέξτε την περιοχή, επιλέξτε Υποκατάστημα ως κύρια, επιλέξτε Κατάλογος ρίζας ως διακομιστής, επιλέξτε Περιβάλλον ως κόμβος και πληκτρολογήστε Εντολή έναρξης - εκτέλεση διακομιστή npm
5. Κάντε κλικ στην επιλογή Δωρεάν και κάντε κλικ στην επιλογή Δημιουργία υπηρεσίας Web.
6. Ο διακομιστής θα αναπτυχθεί. Περιμένετε έως ότου η κατάσταση ανάπτυξης είναι Ζωντανή.
7. Μεταβείτε στο Περιβάλλον. για το κλειδί, πληκτρολογήστε OpenAI_API_Key και για τιμή, πληκτρολογήστε το μυστικό κλειδί API που δημιουργήσατε στο βήμα 9.
8. Τώρα θα έχετε μια διεύθυνση web. προσθέστε το στο αρχείο script.js. Στη συνέχεια, στον κώδικα VS, μεταβείτε στο αρχείο script.js και αντικαταστήστε τη διεύθυνση ιστού στον κώδικα που αναφέρεται παρακάτω με τη νέα διεύθυνση ιστού από τον ιστότοπο που αποδόθηκε:
   const απάντηση = αναμονή λήψης(' http://localhost: 8001/'const απάντηση = αναμονή λήψης(' https://chatgptapp-lswi.onrender.com/'
9. Στο Τερματικό κωδικού VS, πληκτρολογήστε μία προς μία τις ακόλουθες εντολές και πατήστε Enter μετά από κάθε εντολή: git προσθήκη.git commit -m "ενημέρωση της διεύθυνσης URL του διακομιστή"git push

16. Αναπτύξτε το μπροστινό άκρο

1. Μεταβείτε στον ιστότοπο της Vercel.
2. Κάντε κλικ Ξεκινήστε την ανάπτυξη.
3. Κάτω από Εισαγωγή αποθετηρίου Git, Κάντε κλικ Συνεχίστε με το GitHub.
4. Πληκτρολογήστε το δικό σας Όνομα χρήστη GitHub και επιλέξτε το όνομα του αποθετηρίου και κάντε κλικ Εισαγωγή.
5. Κάτω από Διαμόρφωση έργου, επιλέξτε ένα όνομα.
6. Αλλαξε το ριζικός κατάλογος από / προς την πελάτης, Κάντε κλικ Να συνεχίσει και Αναπτύσσω.
7. Επιστρέψτε στον πίνακα ελέγχου και κάντε κλικ Επίσκεψη.
8. Τώρα μπορείτε να δείτε την εφαρμογή.

Λοιπόν, αυτά είναι τα λεπτομερή βήματα για να εγκαταστήσετε την εφαρμογή ChatGPT τοπικά στη συσκευή σας. Κολλήθηκε κάπου; Αναφέρετε τις ερωτήσεις ή τις ανησυχίες σας στην παρακάτω ενότητα σχολίων.