Įdiekite „ChatGPT“ programą vietoje: kodėl ir kaip tai padaryti

ChatGPT skirta greitai atsakyti į jūsų užklausas. ChatGPT galite pasiekti internetu; tačiau jei norite įdiegti programą, šis vadovas gali padėti.

Aptarsime nuoseklų „ChatGPT“ programos įdiegimo vietoje metodą, kad galėtumėte ją naudoti, kad gautumėte greitesnius atsakymus ir padidintume privatumą.

Kodėl „ChatGPT“ programą reikia įdiegti vietoje?

AI modelio įdiegimas kompiuteryje turi keletą privalumų, kai kurie iš jų paminėti čia:

• Greitai ir reaguoja - Galite tiesiogiai paleisti jį savo įrenginyje. Tai reiškia, kad programa naudos įrenginio procesorių ir atmintį, kuri veiks efektyviau nei dirbant nuotoliniame serveryje.
• Padidintas privatumas ir saugumas – Programėlės naudojimas vietoje padidins jūsų privačių duomenų privatumą ir saugumą. Duomenys nebebus perkeliami iš jūsų įrenginio į nuotolinį serverį.
• Pritaikoma – Įdiegę programą vietoje galėsite tinkinti programą pagal savo pageidavimus ir reikalavimus. Galite keisti vartotojo sąsają, programos funkcijas ir kt.
• Nereikia susidurti su prastovomis – Jei programa įdiegta vietoje, jums nereikės vėl prisijungti arba laukti, kol serveris atsakys, jei jis užimtas. Taigi nėra prastovų.

Kaip galiu įdiegti „ChatGPT“ programą vietoje?

Prieš imdamiesi veiksmų, kad įdiegtumėte „ChatGPT“ programą vietoje, turėtumėte atlikti šiuos patikrinimus:

• Pirmiausia įdiekite Node.js plėtinį VS kode.
• Tada gaukite „Git“ plėtinį VS kode.

1. Sukurkite aplanką ir atidarykite jį „Visual Studio Code“.

1. Dešiniuoju pelės mygtuku spustelėkite tuščią vietą darbalaukyje, pasirinkite Nauja, tada Aplankas.
2. Pervardykite aplanką kaip Open_AI_ChatGPT programėlė.
3. Paspauskite Windows raktas, tipas Visual Studio kodasir spustelėkite Atviras.
4. Eikite į Failas meniu ir pasirinkite Atidaryti katalogą.
5. Pasirinkite aplanką ir spustelėkite Pasirinkite Aplankas.
6. Toliau eikite į Žiūrėti meniu ir pasirinkite Terminalas.

2. Patikrinkite, ar Node.js yra įdiegtas

1. Įveskite šį kodą, kad patikrintumėte, ar įdiegtas node.js, ir paspauskite Enter: mazgas -v
2. Jei pateikiama klaida, pereikite prie kito veiksmo.
3. Eikite į Node.js svetainėje ir atsisiųskite Node.js
4. Dukart spustelėkite, kad atidarytumėte diegimo failą. Spustelėkite Kitas.
5. Dabar sutikite su visomis sąlygomis ir spustelėkite Kitas.
6. Spustelėkite Kitas visuose toliau pateiktuose languose, tada spustelėkite Diegti pradėti diegimą.
7. Dabar iš naujo paleiskite „Visual Studio Code“.
8. Baigę grįžkite į terminalą, įveskite šį kodą, kad sukurtumėte a Vanilla JavaScript saugyklair paspauskite Enter: npm sukurti [apsaugotas el. paštas] klientas – vanilės šablonas
9. Toliau įveskite Y ir paspauskite Enter.
10. Pasirinkite Vanilė kaip pagrindą, kai būsite paraginti.
11. Pasirinkite JavaScript kaip variantas paklausus. Pamatysite daug failų ir aplankų, sukurtų Open_AI_ChatGPT programos aplanke.

3. Įdiegti priklausomybes

1. Įveskite šią komandą, kad įeitumėte į kliento katalogą ir paspauskite Enter: CD .\klientas\
2. Tada nukopijuokite ir įklijuokite šią komandą ir paspauskite Enter: npm diegimas
3. Eikite į šią nuorodą ir atsisiųskite supakuotą aplanką, pavadintą ištekliai.
4. Dabar nukopijuokite ištrauktą išteklių aplanką į kliento aplanką.
5. Tada pašalinkite vite.svg ir counter.js failus.
6. Galiausiai perkelkite favicon failą nuo turto aplanką į viešas aplanką.

4. Parašykite kodą į style.css

1. Nukopijuokite ir įklijuokite toliau nurodytą kodą tokį, koks jis yra, aplanke style.css:
   @importuoti url(" https://fonts.googleapis.com/css2?family=Alegreya+Sans:[apsaugotas el. paštas];300;400;500;700;800;900&display=swap");
* {
 paraštė: 0;
 paminkštinimas: 0;
 dėžutės dydis: bortelis-dėžė;
 šriftų šeima: "Alegreya Sans", sans-serif;
}
kūnas {
fonas: #343541;
}
#app {
plotis: 100vw;
aukštis: 100vh;
fonas: #343541;
ekranas: lankstus;
lankstumo kryptis: stulpelis;
lygiuoti elementus: centre;
pateisinti-turinys: tarpas-tarp;
}
#chat_container {
lankstus: 1;
plotis: 100%;
aukštis: 100%;
perpildymas-y: slinkti;
ekranas: lankstus;
lankstumo kryptis: stulpelis;
tarpas: 10px;
-ms-overflow-style: nėra;
slinkties juostos plotis: nėra;
pamušalas-apačioje: 20px;
slinkties elgsena: sklandžiai;
}
/* slepia slinkties juostą */
#chat_container::-webkit-scrollbar {
ekranas: nėra;
}
.vyniojamasis popierius {
plotis: 100%;
pamušalas: 15px;
}
.ai {
fonas: #40414F;
}
.chat {
plotis: 100%;
maksimalus plotis: 1280 pikselių;
paraštė: 0 automatinis;
 ekranas: lankstus;
lankstumo kryptis: eilė;
align-items: flex-start;
tarpas: 10px;
}
.profile {
plotis: 36px;
aukštis: 36px;
kraštinės spindulys: 5 pikseliai;
fonas: #5436DA;
ekranas: lankstus;
pateisinti-turinys: centras;
lygiuoti elementus: centre;
}
.ai .profile {
fonas: #10a37f;
}
.profile img {
plotis: 60%;
aukštis: 60%;
objektui tinka: turi;
}
.message {
lankstus: 1;
spalva: #dcdcdc;
šrifto dydis: 20 pikselių;
maksimalus plotis: 100%;
perpildymas-x: slinkti;
/*
* tarpas reiškia bet kokius tarpus, skirtukus arba naujos eilutės simbolius, kurie naudojami formatuojant CSS kodą
* nurodo, kaip turi būti tvarkomi balti tarpai elemente. Ji panaši į reikšmę „pre“, kuri nurodo naršyklei visą baltą tarpą laikyti reikšminga ir išsaugoti tiksliai taip, kaip rodoma šaltinio kode.
* Išankstinio įvyniojimo vertė leidžia naršyklei, jei reikia, apvynioti ilgas teksto eilutes į kelias eilutes.
* Numatytoji tarpo reikšmė CSS yra "normali". Tai nurodo naršyklei sutraukti kelis tarpo simbolius į vieną tarpą ir apvynioti tekstą į kelias eilutes, kad tilptų į konteinerį.
*/
tarpas: pre-wrap;
-ms-overflow-style: nėra;
slinkties juostos plotis: nėra;}
/* slepia slinkties juostą */
.message::-webkit-scrollbar {
ekranas: nėra;
}
forma {
plotis: 100%;
maksimalus plotis: 1280 pikselių;
paraštė: 0 automatinis;
pamušalas: 10px;
fonas: #40414F;
ekranas: lankstus;
lankstumo kryptis: eilė;
tarpas: 10px;
}
textarea {
plotis: 100%;
spalva: #fff;
šrifto dydis: 18 pikselių;
pamušalas: 10px;
fonas: skaidrus;
kraštinės spindulys: 5 pikseliai;
kraštinė: nėra;
kontūras: nėra;
}
mygtukas {
kontūras: 0;
kraštinė: 0; žymeklis: rodyklė;
fonas: skaidrus;
}
form img {
plotis: 30px;
aukštis: 30px;
}

5. Įrašykite kodą į Index.html

1. Į failą index.html įveskite šį kodą:
   
   
   
   
   
   
   
   
   
   
   
   
   
   

   
   
   
   

   
   
   
   
   
   
2. Norėdami išsaugoti scenarijų, paspauskite Ctrl + S.
3. Eikite į kairiąją „Visual Studio Code“ sritį ir pervardykite main.js į script.js.

6. Vykdykite komandas terminale

1. Eikite į terminalą ir paspauskite Ctrl + C kad pamatytumėte, kur rašytumėte komandas. Turėtumėte būti kliento aplanke. Jei ne, įveskite šią komandą ir paspauskite Enter: cd klientas
2. Įveskite šią komandą ir paspauskite Enter: npm paleisti dev
3. Gausite interneto adresą, kad pamatytumėte, kaip jis atrodo iki šiol. Jei gaunate ekrano kopijoje paminėtą klaidą, judėkite pirmyn.

7. Įrašykite kodą į script.js failą

1. Pašalinkite turinį, esantį script.js faile, ir nukopijuokite bei įklijuokite šį kodą:
   importuoti robotą iš „./assets/bot.svg“
   importuoti naudotoją iš „./assets/user.svg“
   const forma = document.querySelector('forma');
   const chatContainer = document.querySelector('#chat_container');
   tegul loadInterval;
   funkcijų krautuvas (elementas) {
   element.textContent = '';
   loadInterval = setInterval(() => {
   // Atnaujinkite įkėlimo indikatoriaus tekstinį turinį
   element.textContent += '.';
   // Jei įkėlimo indikatorius pasiekė tris taškus, nustatykite jį iš naujo
   if (element.textContent '...') {
   element.textContent = '';
   }
   }, 300)
   }
   function typeText (elementas, text) {
   tegul indeksas = 0;
   tegul intervalas = setInterval(() => {
   if (index < text.length) {
   element.innerHTML += text.charAt (indeksas);
   indeksas++;
   } Kitas {
   clearInterval (intervalas);
   }
   }, 20)
   }
   function generateUniqueId() {
   const timestamp = Data.dabar();
   const atsitiktinisSkaičius = Math.random();
   const hexadecimalString = atsitiktinisSkaičius.toString (16);
   return `id-${timestamp}-${hexadecimalString}`;
   }
   function chatStripe (isAi, vertė, unikalusId) {
   grįžti (
   `
   
   
   

   
   

   
   src=${isAi? botas: vartotojas}
   alt="${isAi? 'bot': 'user'}"
   />
   

   
   

   ${value}

   
   

   
   
   
   `
   )
   }
   const handleSubmit = async (e) => {
   e.preventDefault();
   const data = new FormData (forma);
   // vartotojo pokalbių juosta
   chatContainer.innerHTML += chatStripe (false, data.get('prompt'));
   // norėdami išvalyti tekstinės srities įvestį
   form.reset();
   // boto pokalbių juosta
   const unikalusId = generuotiUniqueId();
   chatContainer.innerHTML += chatStripe (true, " ", unikalusId);
   // norėdami sufokusuoti, slinkite į apačią
   chatContainer.scrollTop = chatContainer.scrollHeight;
   // konkretus pranešimas div
   const messageDiv = document.getElementById (uniqueId);
   // messageDiv.innerHTML = "..."
   krautuvas (messageDiv);
   const atsakymas = laukti fetch(' http://localhost: 8001/', {
   metodas: „POST“,
   antraštės: {
   „Content-Type“: „application/json“
   },
   body: JSON.stringify({
   raginimas: data.get('prompt')
   })
   })
   clearInterval (loadInterval);
   messageDiv.innerHTML = '';
   if (response.ok) {
   const data = laukti atsakymo.json();
   const parsedData = data.bot.trim();
   typeText (messageDiv, parsedData);
   } Kitas {
   const err = laukti atsakymo.text();
   messageDiv.innerHTML = "Kažkas ne taip";
   perspėjimas (err);
   }
   }
   form.addEventListener('pateikti', handleSubmit);
   form.addEventListener('keyup', (e) => {
   if (e.keyCode 13) {
   rankenaPateikti (e);
   }
   })
2. Tada paspauskite Ctrl + S kad išsaugotumėte scenarijų.

8. Sukurkite naują aplanką Open_AI_ChatGPT programos aplanke ir įdiekite modulius

1. Sukurkite aplanką Atidaryti_AI_ChatGPT programą aplanką ir pavadinkite jį Serveris.
2. Atviras Terminalas ir paspauskite Crtl + C norėdami sustabdyti veikiančią programą.
3. Įveskite šią komandą ir paspauskite Enter, kad išeitumėte iš aplanko Klientas: cd..
4. Nukopijuokite ir įklijuokite šią komandą, kad įvestumėte Serveris katalogą ir paspauskite Enter: cd serveris
5. Įveskite šią komandą ir paspauskite Enter, kad serverio aplanke sugeneruotumėte paketą.json failą: npm init -y
6. Norėdami įdiegti priklausomybes, įveskite šią komandą ir paspauskite Enter. Taip bus sukurtas naujas failas, pavadintas package-lock.json: npm įdiegti cors dotenv express nodemon openai

9. Sugeneruokite API raktą ir paminėkite jį .env

1. Eikite į Atidarykite API svetainę ir prisijunk.
2. Dabar spustelėkite Asmeninis ir pasirinkite Peržiūrėkite API raktus.
3. Spustelėkite Sukurkite naują slaptą raktą ir nukopijuokite raktą.
4. Viduje serveris aplanką, sukurkite naują failą ir pavadinkite jį .env.
5. Viduje .env failą, pakeitę API raktą raktu, kurį nukopijavote iš Open API svetainės, įveskite šį kodą ir paspauskite Enter: OPENAI_API_KEY="API raktas"

10. Sukurkite naują failą server.js ir parašykite scenarijų

1. Sukurkite naują failą serverio aplanke ir pervardykite jį server.js.
2. Nukopijuokite ir įklijuokite šį scenarijų šiame faile ir paspauskite Ctrl+S norėdami išsaugoti failą:

importuoti greitąjį iš 'express';
importuoti * as dotenv iš 'dotenv';
importuoti cors iš „cors“;
importuoti { Configuration, OpenAIApi } iš 'openai';
dotenv.config();
const configuration = new Configuration({
apiKey: process.env. OPENAI_API_KEY,
});
const openai = naujas OpenAIApi (konfigūracija);
const programa = express ();
app.use (cors());
app.use (express.json());
app.get('/', async (req, res) => {
res.status (200).send({
žinutė: „Sveiki iš GPT!“,
})
});
app.post('/', async (req, res) => {
bandyti {
const prompt = req.body.prompt;
const atsakymas = laukti openai.createCompletion({
modelis: "text-davinci-003",
raginimas: „${prompt}“,
temperatūra: 0, // Didesnės reikšmės reiškia, kad modelis imsis daugiau rizikos.
max_tokens: 3000, // Maksimalus žetonų skaičius, kurį reikia sugeneruoti užbaigiant. Daugumos modelių kontekstinis ilgis yra 2048 žetonai (išskyrus naujausius modelius, kurie palaiko 4096).
top_p: 1, // alternatyva mėginių ėmimui su temperatūra, vadinama branduolio mėginių ėmimu
dažnio_bauda: 0,5, // Skaičius nuo -2,0 iki 2,0. Teigiamos vertės baudžia už naujus žetonus remiantis jų esamas dažnis tekste iki šiol, sumažinant modelio tikimybę kartoti tą pačią eilutę pažodžiui.
buvimo_penalty: 0, // Skaičius nuo -2,0 iki 2,0. Teigiamos vertės baudžia naujus žetonus pagal tai, ar jie iki šiol pasirodė tekste, todėl modelio tikimybę kalbėti naujomis temomis.
});
res.status (200).send({
bot: response.data.choices[0].text
});
} sugauti (klaida) {
console.log (klaida);
res.status (500).send (klaida || 'Kažkas ne taip');
}
});
app.listen (5000, () => console.log('AI serveris paleistas http://localhost: 8001'));

11. Įrašykite kodą pakete.json

1. Nukopijuokite ir įklijuokite šį kodą ir paspauskite Ctrl + S išsaugoti:

{
"name": "serveris",
"versija": "1.0.0",
"apibūdinimas": "",
"tipas": "modulis",
"skriptai":{
"serveris": "nodemon serveris"
},
"raktiniai žodžiai": [],
"autorius": "",
"licencija": "ISC",
"priklausomybės": {
"cors": "^2.8.5",
"dotenv": "^16.0.3",
"Express": "^4.18.2",
"nodemon": "^2.0.20",
"openai": "^3.1.0"
}
}

12. Išbandykite kodą

1. Dabar „Visual Studio Code“ spustelėkite meniu Terminalas ir pasirinkite „Spilled Terminal“.
2. Turėsite du terminalus; pavadinkime juos terminalo serveriu ir terminalo klientu.
3. Terminalo serveryje paspauskite Ctrl + C. Įveskite šią komandą, kad įeitumėte į serverio katalogą ir paspauskite Enter: cd server
4. Tada nukopijuokite ir įklijuokite šią komandą ir paspauskite Enter, kad paleistumėte serverį: npm paleisti serverį
5. Spustelėkite pateiktą nuorodą ir puslapyje pamatysite pranešimą Sveiki iš GPT
6. Dabar terminalo kliente paspauskite Ctrl + C. Įveskite šią komandą, kad įeitumėte į kliento katalogą, ir paspauskite Enter: cd klientas
7. Nukopijuokite ir įklijuokite šią komandą ir paspauskite Enter, kad paleistumėte klientą: npm paleisti dev
8. Tada spustelėkite nuorodą ir įveskite Sveiki, kaip sekasi; matote, kad robotas ieško atsakymo.

13. Įdiekite „Git Bash“ programą ir sukonfigūruokite ją naudodami „GitHub“ paskyrą

1. Galite praleisti šį veiksmą, jei jį jau sukonfigūravote. Atsisiųskite „Git Bash“ programą.
2. Prisijunkite prie savo GitHub paskyra.
3. Diegimo metu išsaugokite jį aplanke Open_AI_ChatGPT.
4. Tada paspauskite Windows klavišą, įveskite redaguoti sistemos aplinkos kintamuosius ir spustelėkite Atidaryti.
5. Dukart spustelėkite kelią ir spustelėkite Redaguoti.
6. Čia pridėkite git failo kelią, tada spustelėkite Gerai ir Gerai.
7. Paleiskite „Git Bash“, pakeiskite naudotojo vardą savo „GitHub“ paskyros naudotojo vardu įveskite šią komandą ir paspauskite Enter: git config -- globalus user.name "naudotojo vardas"
8. Nukopijuokite ir įklijuokite šią komandą, pakeitę el. pašto adresą savo el. pašto adresu ir paspauskite Enter: git config -- global user.email "el. pašto adresas"
9. Eikite į „GitHub“ paskyrą, spustelėkite išskleidžiamąją rodyklę ir pasirinkite Nustatymai. Dabar eikite į kūrėjo nustatymus.
10. Išskleiskite Asmeninės prieigos prieigos raktai ir pasirinkite Smulkūs prieigos raktai. Spustelėkite Sugeneruoti naują prieigos raktą.
11. Pervardykite jį ir pasirinkite galiojimą. Tada nukopijuokite žetoną ir išsaugokite jį užrašų knygelėje.
12. Įveskite šias komandas po vieną ir paspauskite Enter: git config -- global credential.helper wincredgit credential-manager-core konfigūracija
13. Vykdykite raginimus, kad jį sukonfigūruotumėte ir įklijuokite prieigos raktą, sugeneruotą, kai būsite paraginti įvesti slaptažodį.
14. Uždarykite „Git Bash“ programą.

14. Sukurkite saugyklą ir paskelbkite kodą

14.1 Sukurkite saugyklą

1. Prisijunkite prie savo GitHub paskyra.
2. Raskite išskleidžiamoji rodyklė šalia savo profilio nuotraukos ir pasirinkite Jūsų saugyklos.
3. Spustelėkite Nauja.
4. Įveskite Saugyklos pavadinimas, pasirinkite Viešasir spustelėkite Sukurti saugyklą.
5. Eikite į VS kodą, paspauskite Ctrl + C, ir įsitikinkite, kad esate Open_AI_ChatGPT programoje arba šakniniame aplanke. Jei ne, įveskite šį kodą ir paspauskite Enter: cd
6. Tada, į serveris aplanką, pridėkite naują failą ir pavadinkite jį .gitignore.
7. Viduje .gitignore failą, įveskite šį kodą, kad įsitikintumėte .env ir mazgų_moduliai nėra įstumiami GitHub:
   .env
mazgų_moduliai

14.2 Paskelbkite savo kodą saugykloje

1. Eikite į VS kodą, po vieną nukopijuokite ir įklijuokite šias komandas ir po kiekvienos komandos paspauskite Enter: git initgit commit -m "pirmas įsipareigojimas"git filialas -M pagrindinis
2. Pakeitę komandą įveskite šią komandą https://github.com/SrishtiSisodia/CHAT-BOT-APP su jūsų saugyklos adresu, paminėtu „GitHub“:
   git nuotolinio pridėti kilmę https://github.com/SrishtiSisodia/CHAT-BOT-APP
3. Dabar norėdami paspausti kodą, įveskite šią komandą ir paspauskite Enter: git push -u kilmės pagrindinis
4. Iš naujo įkelkite „GitHub“ puslapį ir jūsų kodas bus įkeltas ten.
5. Ant VS kodo paspauskite Ctrl + C tiek terminalo serveryje, tiek terminalo kliente, kad jie neveiktų.

15. Įdiekite serverį

1. Eikite, kad pateiktumėte svetainę ir prisiregistruokite naudodami „GitHub“.
2. Pamatysite prietaisų skydelį, spustelėkite Naujas, tada pasirinkite Web Services.
3. Raskite „Prisijungti“ naują saugyklą, „Public Git“ saugykloje įveskite saugyklos URL ir spustelėkite „Prisijungti“.
4. Kitame puslapyje pridėkite pavadinimą, pasirinkite regioną, kaip pagrindinį filialą, kaip serverį pasirinkite šakninį katalogą, pasirinkite aplinką kaip mazgą ir įveskite Start Command – paleiskite npm serverį
5. Spustelėkite Nemokama ir spustelėkite Sukurti žiniatinklio paslaugą.
6. Serveris bus įdiegtas; palaukite, kol Diegimo būsena bus Tiesioginė.
7. Eikite į Aplinka; Raktui įveskite OpenAI_API_Key, o norėdami gauti vertę įveskite slaptą API raktą, kurį sugeneravote 9 veiksme.
8. Dabar turėsite interneto adresą; pridėkite jį prie script.js failo. Tada naudodami VS kodą eikite į failą script.js ir pakeiskite žiniatinklio adresą toliau minėtame kode nauju žiniatinklio adresu iš pateiktos svetainės:
   const atsakymas = laukti fetch(' http://localhost: 8001/'const atsakymas = laukti fetch(' https://chatgptapp-lswi.onrender.com/'
9. Ant VS kodo terminalas, po vieną įveskite šias komandas ir po kiekvienos komandos paspauskite Enter: git pridėti.git commit -m 'atnaujinti serverio URL'git stumti

16. Išdėstykite priekinę dalį

1. Eikite į „Vercel“ svetainę.
2. Spustelėkite Pradėkite diegti.
3. Pagal Importuokite „Git“ saugyklą, spustelėkite Tęskite naudodami „GitHub“..
4. Įveskite savo GitHub vartotojo vardas ir pasirinkite saugyklos pavadinimą ir spustelėkite Importuoti.
5. Pagal Konfigūruoti projektą, pasirinkite pavadinimą.
6. Pakeisti šakninis katalogas iš / į klientas, spustelėkite Tęsti ir Dislokuoti.
7. Grįžkite į savo prietaisų skydelį ir spustelėkite Apsilankykite.
8. Dabar galite pamatyti programą.

Taigi, tai yra išsamūs veiksmai, kaip įdiegti „ChatGPT“ programą savo įrenginyje. Užstrigo kažkur? Prašome paminėti savo klausimus ar rūpesčius toliau pateiktame komentarų skyriuje.