Инсталирајте апликацију ЦхатГПТ локално: зашто и како то учинити

ЦхатГПТ је дизајниран да пружи брзе одговоре на ваше упите. Можете приступити ЦхатГПТ-у на мрежи; међутим, ако више волите да инсталирате апликацију, овај водич може помоћи.

Разговараћемо о методи корак по корак за локално инсталирање апликације ЦхатГПТ како бисте је могли користити за добијање бржих одговора уз повећану приватност.

Зашто инсталирати апликацију ЦхатГПТ локално?

Постоји неколико предности инсталирања АИ модела на рачунар, од којих су неке наведене овде:

• Брз и одзиван – Можете га директно покренути на свом уређају. То значи да ће апликација користити процесор и меморију уређаја, што ће радити ефикасније него када ради на удаљеном серверу.
• Повећана приватност и сигурност – Коришћење апликације локално ће побољшати приватност и безбедност ваших приватних података. Подаци се више неће преносити са вашег уређаја на удаљени сервер.
• Прилагодљиво – Инсталирање апликације локално ће вам омогућити да прилагодите апликацију према вашим жељама и захтевима. Можете да промените кориснички интерфејс, функције апликације и још много тога.
• Нема потребе да се суочавате са застојима – Ако је апликација локално инсталирана, нећете морати поново да се пријављујете или чекате да сервер одговори ако је заузет. Отуда нема застоја.

Како могу да инсталирам апликацију ЦхатГПТ локално?

Пре него што се укључите у кораке за локално инсталирање апликације ЦхатГПТ, требало би да размислите о обављању следећих провера:

• Прво, инсталирајте екстензију Ноде.јс на ВС код.
• Затим набавите Гит екстензију на ВС коду.

1. Направите фасциклу и отворите је у Висуал Студио Цоде-у

1. Кликните десним тастером миша на празан простор на радној површини, изаберите Нова, онда Фолдер.
2. Преименујте фасциклу као Опен_АИ_ЦхатГПТ апликација.
3. притисните Виндовс кључ, тип Висуал Студио Цоде, и кликните Отвори.
4. Иди на Филе мени и изаберите Отвори фолдер.
5. Изаберите фасциклу и кликните Изабери фасциклу.
6. Затим идите на Поглед мени и изаберите Терминал.

2. Проверите да ли је Ноде.јс инсталиран

1. Унесите следећи код да проверите да ли имате инсталиран ноде.јс и притисните Ентер: чвор -в
2. Ако дође до грешке, пређите на следећи корак.
3. Иди на Веб локацију Ноде.јс и преузмите Ноде.јс
4. Двапут кликните да бисте отворили инсталациони фајл. Кликните Следећи.
5. Сада прихватите све услове и одредбе и кликните Следећи.
6. Кликните Следећи на свим следећим прозорима, а затим кликните Инсталирај да започне инсталацију.
7. Сада поново покрените Висуал Студио Цоде.
8. Када завршите, вратите се на терминал, откуцајте следећи код да бисте креирали а Ванилла ЈаваСцрипт спремиште, и притисните Ентер: нпм цреате [заштићено имејлом] клијент -- шаблон ванила
9. Следеће, откуцајте И и притисните Ентер.
10. Изаберите Ванила као оквир када се то затражи.
11. Изаберите ЈаваСцрипт као варијанта на питање. Видећете многе датотеке и фасцикле креиране у фасцикли апликације Опен_АИ_ЦхатГПТ.

3. Инсталирајте зависности

1. Унесите следећу команду да бисте ушли у директоријум клијента и притисните Ентер: цд .\цлиент\
2. Затим копирајте и налепите следећу команду и притисните Ентер: нпм инсталл
3. Идите на ову везу и преузмите зиповану фасциклу под називом средства.
4. Сада копирајте фасциклу екстрахованих средстава у директоријум клијента.
5. Затим уклоните датотеке вите.свг и цоунтер.јс.
6. Коначно, померите фавицон фајл од средства фолдер у јавности фолдер.

4. Напишите код у стиле.цсс

1. Копирајте и налепите доле наведени код онако како се налази у фолдеру стиле.цсс:
   @импорт УРЛ(" https://fonts.googleapis.com/css2?family=Alegreya+Sans:[заштићено имејлом];300;400;500;700;800;900&дисплаи=свап");
* {
 маргина: 0;
 паддинг: 0;
 бок-сизинг: бордер-бок;
 породица фонтова: "Алегреиа Санс", санс-сериф;
}
тело {
позадина: #343541;
}
#апликација {
ширина: 100вв;
висина: 100вх;
позадина: #343541;
дисплеј: флек;
флек-дирецтион: колона;
алигн-итемс: центар;
јустифи-цонтент: простор-између;
}
#цхат_цонтаинер {
флек: 1;
ширина: 100%;
висина: 100%;
оверфлов-и: скроловање;
дисплеј: флек;
флек-дирецтион: колона;
размак: 10пк;
-мс-стил преливања: нема;
ширина траке за померање: нема;
паддинг-боттом: 20пк;
померање: глатко;
}
/* сакрива траку за померање */
#цхат_цонтаинер::-вебкит-сцроллбар {
приказ: нема;
}
.враппер {
ширина: 100%;
паддинг: 15пк;
}
.аи {
позадина: #40414Ф;
}
.Ћаскање {
ширина: 100%;
мак-видтх: 1280пк;
маргина: 0 ауто;
 дисплеј: флек;
флек-дирецтион: ред;
алигн-итемс: флек-старт;
размак: 10пк;
}
.профил {
ширина: 36пк;
висина: 36пк;
бордер-радиус: 5пк;
позадина: #5436ДА;
дисплеј: флек;
јустифи-цонтент: центар;
алигн-итемс: центар;
}
.аи .профиле {
позадина: #10а37ф;
}
.профиле имг {
ширина: 60%;
висина: 60%;
објецт-фит: садржи;
}
.мессаге {
флек: 1;
боја: #дцдцдц;
фонт-сизе: 20пк;
макс. ширина: 100%;
оверфлов-к: скроловање;
/*
* размак се односи на све размаке, табулаторе или знакове новог реда који се користе за форматирање ЦСС кода
* одређује како треба руковати белим простором унутар елемента. Слично је вредности „пре“, која говори претраживачу да третира сав бели простор као значајан и да га сачува тачно онако како се појављује у изворном коду.
* Вредност пре преламања омогућава претраживачу да премота дугачке редове текста у више редова ако је потребно.
* Подразумевана вредност за својство белог размака у ЦСС-у је „нормално“. Ово говори претраживачу да скупи више знакова размака у један размак и да премота текст у више редова по потреби да стане у његов контејнер.
*/
размак: пре-врап;
-мс-стил преливања: нема;
ширина траке за померање: нема;}
/* сакрива траку за померање */
.мессаге::-вебкит-сцроллбар {
приказ: нема;
}
облик {
ширина: 100%;
мак-видтх: 1280пк;
маргина: 0 ауто;
паддинг: 10пк;
позадина: #40414Ф;
дисплеј: флек;
флек-дирецтион: ред;
размак: 10пк;
}
тектареа {
ширина: 100%;
боја: #ффф;
фонт-сизе: 18пк;
паддинг: 10пк;
позадина: транспарентна;
бордер-радиус: 5пк;
граница: нема;
обрис: нема;
}
дугме {
оутлине: 0;
граница: 0; курсор: показивач;
позадина: транспарентна;
}
форм имг {
ширина: 30пк;
висина: 30пк;
}

5. Напишите код у Индек.хтмл

1. Унесите следећи код у датотеку индек.хтмл:
   
   
   
   
   
   
   
   
   
   
   
   
   
   

   
   
   
   

   
   
   
   
   
   
2. Притисните Цтрл + С да бисте сачували скрипту.
3. Идите на лево окно на Висуал Студио Цоде и преименујте маин.јс у сцрипт.јс.

6. Покрените команде на терминалу

1. Идите на терминал и притисните Цтрл + Ц да видите где ћете писати команде. Требало би да сте у директоријуму клијента. Ако није, откуцајте следећу команду и притисните Ентер: цд клијент
2. Унесите следећу команду и притисните Ентер: нпм рун дев
3. Добићете веб адресу да видите како изгледа до сада. Ако добијете грешку поменуту на снимку екрана, идите напред.

7. Напишите код у датотеку сцрипт.јс

1. Уклоните садржај који је присутан у датотеци сцрипт.јс и копирајте и налепите следећи код:
   импорт бот из './ассетс/бот.свг'
   увоз корисника из './ассетс/усер.свг'
   цонст форм = доцумент.куериСелецтор('форма');
   цонст цхатЦонтаинер = доцумент.куериСелецтор('#цхат_цонтаинер');
   лет лоадИнтервал;
   учитавач функција (елемент) {
   елемент.тектЦонтент = '';
   лоадИнтервал = сетИнтервал(() => {
   // Ажурирајте текстуални садржај индикатора учитавања
   елемент.тектЦонтент += '.';
   // Ако је индикатор учитавања достигао три тачке, ресетујте га
   иф (елемент.тектЦонтент...') {
   елемент.тектЦонтент = '';
   }
   }, 300)
   }
   функција типеТект (елемент, текст) {
   нека индекс = 0;
   нека интервал = сетИнтервал(() => {
   иф (индекс < тект.ленгтх) {
   елемент.иннерХТМЛ += тект.цхарАт (индекс);
   индек++;
   } остало {
   цлеарИнтервал (интервал);
   }
   }, 20)
   }
   фунцтион генератеУникуеИд() {
   цонст тиместамп = Дате.нов();
   цонст рандомНумбер = Матх.рандом();
   цонст хексадецималниСтринг = рандомНумбер.тоСтринг (16);
   ретурн `ид-${тиместамп}-${хекадецималСтринг}`;
   }
   фунцтион цхатСтрипе (исАи, валуе, уникуеИд) {
   повратак (
   `
   
   
   

   
   

   
   срц=${исАи? бот: корисник}
   алт="${исАи? 'бот': 'корисник'}"
   />
   

   
   

   ${валуе}

   
   

   
   
   
   `
   )
   }
   цонст хандлеСубмит = асинц (е) => {
   е.превентДефаулт();
   цонст дата = нев ФормДата (форма);
   // четстрипе корисника
   цхатЦонтаинер.иннерХТМЛ += цхатСтрипе (фалсе, дата.гет('промпт'));
   // да обришемо унос поља за текст
   форм.ресет();
   // ботова цхатстрипе
   цонст уникуеИд = генератеУникуеИд();
   цхатЦонтаинер.иннерХТМЛ += цхатСтрипе (труе, " ", уникуеИд);
   // за фокусирање скролујте до дна
   цхатЦонтаинер.сцроллТоп = цхатЦонтаинер.сцроллХеигхт;
   // специфична порука див
   цонст мессагеДив = доцумент.гетЕлементБиИд (уникуеИд);
   // мессагеДив.иннерХТМЛ = "..."
   лоадер (мессагеДив);
   цонст одговор = чекај дохват (' http://localhost: 8001/', {
   метод: 'ПОСТ',
   заглавља: ​​{
   'Цонтент-Типе': 'апплицатион/јсон'
   },
   тело: ЈСОН.стрингифи({
   промпт: дата.гет('промпт')
   })
   })
   цлеарИнтервал (лоадИнтервал);
   мессагеДив.иннерХТМЛ = '';
   иф (респонсе.ок) {
   цонст дата = чекај одговор.јсон();
   цонст парседДата = дата.бот.трим();
   типеТект (мессагеДив, парседДата);
   } остало {
   цонст ерр = чекај одговор.тект();
   мессагеДив.иннерХТМЛ = "Нешто је пошло наопако";
   упозорење (грешка);
   }
   }
   форм.аддЕвентЛистенер('субмит', хандлеСубмит);
   форм.аддЕвентЛистенер('кеиуп', (е) => {
   иф (е.кеиЦоде 13) {
   хандлеСубмит (е);
   }
   })
2. Затим притисните Цтрл + С да сачувате скрипту.

8. Направите нову фасциклу унутар фасцикле апликације Опен_АИ_ЦхатГПТ и инсталирајте модуле

1. Направите фасциклу у Отворите_АИ_ЦхатГПТ апликацију фолдер и дајте му име Сервер.
2. Отвори Терминал и притисните Цртл + Ц да зауставите покренуту апликацију.
3. Унесите следећу команду и притисните Ентер да изађете из директоријума Цлиент: цд ..
4. Копирајте и налепите следећу команду да бисте унели Сервер директоријум и притисните Ентер: цд сервер
5. Откуцајте следећу команду и притисните Ентер да генеришете датотеку пацкаге.јсон у фасцикли сервера: нпм инит -и
6. Да бисте инсталирали зависности, откуцајте следећу команду и притисните Ентер. Ово ће креирати нову датотеку под називом пацкаге-лоцк.јсон: нпм инсталл цорс дотенв екпресс нодемон опенаи

9. Генеришите АПИ кључ и наведите га у .енв

1. Иди на Отворите веб локацију АПИ-ја и пријавите се.
2. Сада кликните Лични и изаберите Погледајте АПИ кључеве.
3. Кликните Креирајте нови тајни кључ и копирајте кључ.
4. У сервер фолдер, креирајте нову датотеку и дајте јој назив .енв.
5. У .енв датотеку, откуцајте следећи код након што замените АПИ кључ кључем који сте копирали са веб локације Опен АПИ и притисните Ентер: ОПЕНАИ_АПИ_КЕИ="АПИ кључ"

10. Креирајте нови фајл сервер.јс и напишите скрипту

1. Направите нову датотеку у директоријуму сервера и преименујте је сервер.јс.
2. Копирајте и налепите следећу скрипту унутар ове датотеке и притисните Цтрл+С да сачувате датотеку:

увези експресно из 'експреса';
импорт * као дотенв из 'дотенв';
увоз цорс из 'цорс';
импорт { Цонфигуратион, ОпенАИАпи } из 'опенаи';
дотенв.цонфиг();
цонст конфигурација = нова конфигурација({
апиКеи: процесс.енв. ОПЕНАИ_АПИ_КЕИ,
});
цонст опенаи = нови ОпенАИАпи (конфигурација);
цонст апп = екпресс();
апп.усе (цорс());
апп.усе (екпресс.јсон());
апп.гет('/', асинц (рек, рес) => {
рес.статус (200).сенд({
порука: 'Здраво од ГПТ!',
})
});
апп.пост('/', асинц (рек, рес) => {
покушати {
цонст промпт = рек.боди.промпт;
цонст одговор = чекај опенаи.цреатеЦомплетион({
модел: "тект-давинци-003",
упит: `${промпт}`,
температура: 0, // Више вредности значе да ће модел преузети више ризика.
мак_токенс: 3000, // Максималан број токена за генерисање у завршетку. Већина модела има дужину контекста од 2048 токена (осим најновијих модела који подржавају 4096).
топ_п: 1, // алтернатива узорковању са температуром, названо узорковање језгра
Фрекуенци_пеналти: 0,5, // Број између -2,0 и 2,0. Позитивне вредности кажњавају нове токене на основу њихова досадашња учесталост у тексту, смањујући вероватноћу модела да понови исти ред дословно.
присутност_пеналти: 0, // Број између -2,0 и 2,0. Позитивне вредности кажњавају нове токене на основу тога да ли се појављују у тексту до сада, повећавајући вероватноћу модела да говори о новим темама.
});
рес.статус (200).сенд({
бот: респонсе.дата.цхоицес[0].тект
});
} ухватити (грешка) {
цонсоле.лог (грешка);
рес.статус (500).сенд (еррор || 'Нешто је пошло наопако');
}
});
апп.листен (5000, () => цонсоле.лог('АИ сервер је покренут http://localhost: 8001'));

11. Напишите код у пакету.јсон

1. Копирајте и налепите следећи код и притисните Цтрл + С да сачувате:

{
"име": "сервер",
"верзија": "1.0.0",
"Опис": "",
"тип": "модул",
"скрипте":{
"сервер": "нодемон сервер"
},
"кључне речи": [],
"аутор": "",
"лиценца": "ИСЦ",
"зависности": {
"цорс": "^2.8.5",
"дотенв": "^16.0.3",
"екпресс": "^4.18.2",
"нодемон": "^2.0.20",
"опенаи": "^3.1.0"
}
}

12. Тестирајте код

1. Сада кликните на мени Терминал на Висуал Студио Цоде и изаберите Просути терминал.
2. Имаћете два терминала; назовимо их Терминал Сервер и Терминал Цлиент.
3. На терминалском серверу притисните Цтрл + Ц. Унесите следећу команду да бисте ушли у директоријум сервера и притисните Ентер: цд сервер
4. Затим копирајте и налепите следећу команду и притисните Ентер да покренете сервер: нпм рун сервер
5. Кликните на приказану везу и видећете поруку Здраво од ГПТ-а на страници
6. Сада на терминалском клијенту притисните Цтрл + Ц. Унесите следећу команду да бисте ушли у директоријум клијента и притисните Ентер: цд клијент
7. Копирајте и налепите следећу команду и притисните Ентер да покренете клијента: нпм рун дев
8. Затим кликните на везу и откуцајте Здраво како си; можете видети да бот тражи одговор.

13. Инсталирајте Гит Басх апликацију и конфигуришите је помоћу ГитХуб налога

1. Можете прескочити овај корак ако сте га већ конфигурисали. Преузмите апликацију Гит Басх.
2. Пријавите се на свој ГитХуб налог.
3. У време инсталације, сачувајте га у фасцикли Опен_АИ_ЦхатГПТ.
4. Затим притисните тастер Виндовс, откуцајте измени променљиве системског окружења и кликните на Отвори.
5. Двапут кликните на путању и кликните на Уреди.
6. Овде додајте путању гит датотеке, а затим кликните на ОК и ОК.
7. Покрените Гит Басх, откуцајте следећу команду након што замените корисничко име корисничким именом свог ГитХуб налога и притисните Ентер: гит цонфиг --глобал усер.наме "корисничко име"
8. Копирајте и налепите следећу команду након што замените адресу е-поште својом адресом е-поште и притисните Ентер: гит цонфиг --глобал усер.емаил "адреса е-поште"
9. Идите на ГитХуб налог, кликните на падајућу стрелицу и изаберите Подешавања. Сада идите на подешавања за програмере.
10. Проширите Лични токени за приступ и изаберите Фино-зрнати токени. Кликните на Генериши нови токен.
11. Преименујте га и изаберите валидност. Затим копирајте токен и сачувајте га у бележници.
12. Унесите следеће команде једну по једну и притисните Ентер: гит цонфиг --глобал цредентиал.хелпер винцредгит цредентиал-манагер-цоре цонфигуре
13. Пратите упутства да бисте га конфигурисали и налепите токен генерисан када се од вас затражи лозинка.
14. Затворите апликацију Гит Басх.

14. Направите спремиште и објавите код

14.1 Креирајте спремиште

1. Пријавите се на свој ГитХуб налог.
2. Лоцирајте падајућа стрелица поред слике профила и изаберите Ваша спремишта.
3. Кликните Нова.
4. Откуцајте Име спремишта, изаберите Јавно, и кликните Направите спремиште.
5. Идите на ВС код, притисните Цтрл + Ц, и уверите се да сте у апликацији Опен_АИ_ЦхатГПТ или у основној фасцикли. Ако не, унесите следећи код и притисните Ентер: цд
6. Затим, у сервер фолдер, додајте нову датотеку и дајте јој име .гитигноре.
7. У .гитигноре датотеку, унесите следећи код да бисте били сигурни .енв и ноде_модулес нису гурнути унутра ГитХуб:
   .енв
ноде_модулес

14.2 Објавите свој код у спремишту

1. Идите на ВС код, копирајте и налепите следеће команде једну по једну и притисните Ентер после сваке команде: гит инитгит урезивање -м "прво урезивање"гит грана -М главна
2. Откуцајте следећу команду након што замените https://github.com/SrishtiSisodia/CHAT-BOT-APP са адресом вашег спремишта поменутом на ГитХуб-у:
   гит даљинско додавање порекла https://github.com/SrishtiSisodia/CHAT-BOT-APP
3. Сада да притиснете код, унесите следећу команду и притисните Ентер: гит пусх -у порекло главни
4. Поново учитајте своју ГитХуб страницу и ваш код ће бити тамо постављен.
5. На ВС коду, притисните Цтрл + Ц на Терминал Серверу и Терминал Цлиент-у како бисте спречили њихово покретање.

15. Поставите сервер

1. Иди на рендеровање веб локацију и пријавите се користећи ГитХуб.
2. Видећете контролну таблу, кликните на Ново, а затим изаберите Веб услуге.
3. Пронађите Повежи ново спремиште, унесите УРЛ свог складишта испод јавног Гит спремишта и кликните на Повежи.
4. На следећој страници додајте Име, изаберите Регион, изаберите Грану као главну, изаберите Роот Дирецтори као сервер, изаберите Окружење као чвор и откуцајте Старт Цомманд - покрените нпм сервер
5. Кликните на Бесплатно и кликните на Креирај веб услугу.
6. Сервер ће бити распоређен; сачекајте док статус имплементације не буде Уживо.
7. Идите на Окружење; за кључ откуцајте ОпенАИ_АПИ_Кеи, а за вредност откуцајте тајни АПИ кључ који сте генерисали у кораку 9.
8. Сада ћете имати веб адресу; додајте га у датотеку сцрипт.јс. Затим, на ВС коду, идите на датотеку сцрипт.јс и замените веб адресу у доле наведеном коду новом веб адресом са приказане веб локације:
   цонст одговор = чекај дохват (' http://localhost: 8001/'цонст одговор = чекај дохват (' https://chatgptapp-lswi.onrender.com/'
9. На ВС код Терминал, откуцајте следеће команде једну по једну и притисните Ентер после сваке команде: гит адд.гит цоммит -м 'ажурирај УРЛ сервера'гит пусх

16. Поставите предњи крај

1. Идите на веб локацију Верцел.
2. Кликните Почните са применом.
3. Испод Увезите Гит спремиште, кликните Наставите са ГитХуб-ом.
4. Укуцај твој ГитХуб корисничко име и изаберите име спремишта и кликните Увоз.
5. Испод Конфигуришите пројекат, изаберите име.
6. Промијенити Основни директоријум из / до клијент, кликните Настави и Развити.
7. Вратите се на контролну таблу и кликните Посетите.
8. Сада можете видети апликацију.

Дакле, ово су детаљни кораци за локално инсталирање апликације ЦхатГПТ на свој уређај. Заглављен негде? Молимо вас да наведете своја питања или недоумице у одељку за коментаре испод.