Installieren Sie die ChatGPT-App lokal: Warum und wie es geht

How to effectively deal with bots on your site? The best protection against click fraud.

Befolgen Sie dazu die Schritt-für-Schritt-Anleitung

  • Die lokale Installation von ChatGPT ist schwierig, kann jedoch nützlich sein, da die Reaktionszeit verkürzt wird.
  • Diese Anleitung hilft Ihnen mit detaillierten Schritten, um dies zu erreichen.
installieren Sie die chatgpt-App lokal

XINSTALLIEREN SIE, INDEM SIE AUF DIE DOWNLOAD-DATEI KLICKEN

Um verschiedene PC-Probleme zu beheben, empfehlen wir das Restoro PC Repair Tool:
Diese Software repariert häufige Computerfehler, schützt Sie vor Dateiverlust, Malware und Hardwarefehlern und optimiert Ihren PC für maximale Leistung. Beheben Sie PC-Probleme und entfernen Sie Viren jetzt in 3 einfachen Schritten:
  1. Laden Sie das Restoro PC-Reparatur-Tool herunter das kommt mit patentierten Technologien (Patent vorhanden Hier).
  2. Klicken Scan starten um Windows-Probleme zu finden, die PC-Probleme verursachen könnten.
  3. Klicken Alles reparieren um Probleme zu beheben, die die Sicherheit und Leistung Ihres Computers beeinträchtigen.
  • Restoro wurde heruntergeladen von 0 Leser in diesem Monat.

ChatGPT wurde entwickelt, um schnelle Antworten auf Ihre Fragen zu geben. Sie können online auf ChatGPT zugreifen; Wenn Sie es jedoch vorziehen, die App zu installieren, kann diese Anleitung hilfreich sein.

instagram story viewer

Wir werden die schrittweise Methode zur lokalen Installation der ChatGPT-App besprechen, damit Sie sie verwenden können, um schnellere Antworten mit mehr Privatsphäre zu erhalten.

Warum die ChatGPT-App lokal installieren?

Die Installation des KI-Modells auf Ihrem Computer bietet mehrere Vorteile, von denen einige hier erwähnt werden:

  • Schnell und reaktionsschnell – Sie können es direkt auf Ihrem Gerät ausführen. Das bedeutet, dass die App den Prozessor und Speicher des Geräts verwendet, was effizienter arbeitet als bei der Arbeit auf dem Remote-Server.
  • Erhöhte Privatsphäre und Sicherheit – Die lokale Verwendung der App verbessert den Datenschutz und die Sicherheit Ihrer privaten Daten. Die Daten werden nicht mehr von Ihrem Gerät zu einem entfernten Server übertragen.
  • Anpassbar – Wenn Sie die App lokal installieren, können Sie die App gemäß Ihren Vorlieben und Anforderungen anpassen. Sie können die Benutzeroberfläche, App-Funktionen und mehr ändern.
  • Sie müssen keine Ausfallzeiten in Kauf nehmen – Wenn die App lokal installiert ist, müssen Sie sich nicht erneut anmelden oder warten, bis der Server antwortet, wenn er ausgelastet ist. Daher keine Ausfallzeiten.

Wie kann ich die ChatGPT-App lokal installieren?

Expertentipp:

GESPONSERT

Einige PC-Probleme sind schwer zu lösen, insbesondere wenn es um beschädigte Repositories oder fehlende Windows-Dateien geht. Wenn Sie Probleme haben, einen Fehler zu beheben, ist Ihr System möglicherweise teilweise defekt.
Wir empfehlen die Installation von Restoro, einem Tool, das Ihren Computer scannt und den Fehler identifiziert.
klicken Sie hier herunterzuladen und mit der Reparatur zu beginnen.

Bevor Sie die Schritte zur lokalen Installation der ChatGPT-App ausführen, sollten Sie die folgenden Prüfungen durchführen:

  • Installieren Sie zuerst die Node.js-Erweiterung im VS-Code.
  • Holen Sie sich dann die Git-Erweiterung für VS-Code.

1. Erstellen Sie einen Ordner und öffnen Sie ihn in Visual Studio Code

  1. Klicken Sie mit der rechten Maustaste auf den leeren Bereich auf dem Desktop und wählen Sie aus Neu, Dann Ordner.Neuer Ordner erstellen Schritt 1
  2. Benennen Sie den Ordner um als Open_AI_ChatGPT App.
  3. Drücken Sie die Windows Schlüsselart Visual Studio-Code, und klicken Sie Offen.Öffnen Sie den Visual Studio-Code, um die chatgpt-App lokal zu installieren
  4. Gehen Sie zum Datei Menü und wählen Sie aus Ordner öffnen.Neuer Ordner geöffnet
  5. Wählen Sie den Ordner und klicken Sie Ordner auswählen.
  6. Als nächstes gehen Sie zu Sicht Menü und auswählen Terminal.Terminal ansehen

2. Überprüfen Sie, ob Node.js installiert ist

  1. Geben Sie den folgenden Code ein, um zu überprüfen, ob node.js installiert ist, und drücken Sie die Eingabetaste: Knoten -v
  2. Wenn ein Fehler auftritt, fahren Sie mit dem nächsten Schritt fort.
  3. Gehen Sie zum Node.js-Website und laden Sie Node.js herunterLaden Sie NOde js herunter
  4. Doppelklicken Sie, um die Installationsdatei zu öffnen. Klicken Nächste.Installationsbildschirm 1 Installieren Sie die Chatgpt-App lokal
  5. Akzeptieren Sie nun alle AGB und klicken Sie auf Nächste.Installationsbildschirm 2
  6. Klicken Nächste in allen folgenden Fenstern, dann klicken Sie auf Installieren um die Installation einzuleiten.Finale installieren
  7. Starten Sie nun Visual Studio Code neu.
  8. Wenn Sie fertig sind, kehren Sie zum Terminal zurück und geben Sie den folgenden Code ein, um eine zu erstellen Vanille-JavaScript-Repository, und drücken Sie die Eingabetaste: npm erstellen [E-Mail geschützt] client --template vanille
  9. Geben Sie als Nächstes ein Y und drücken Sie die Eingabetaste.NPM-Vanille
  10. Wählen Vanille als Rahmen, wenn Sie dazu aufgefordert werden.
  11. Wählen JavaScript als Variante, wenn gefragt. Sie werden viele Dateien und Ordner sehen, die im App-Ordner Open_AI_ChatGPT erstellt wurden.

3. Abhängigkeiten installieren

  1. Geben Sie den folgenden Befehl ein, um das Client-Verzeichnis aufzurufen, und drücken Sie die Eingabetaste: CD .\Kunde\
  2. Kopieren Sie als Nächstes den folgenden Befehl, fügen Sie ihn ein und drücken Sie die Eingabetaste: npm installierennpm installiere die chatgpt-App lokal
  3. Gehen Sie zu diesem Link und laden Sie den gezippten Ordner mit dem Namen Assets herunter.
  4. Kopieren Sie nun den extrahierten Assets-Ordner in den Client-Ordner.Assets kopiert und verschoben
  5. Entfernen Sie als Nächstes die Dateien vite.svg und counter.js.Dateien löschen
  6. Verschieben Sie schließlich die Favicon-Datei von dem Vermögenswerte Ordner zum öffentlich Ordner.

4. Schreiben Sie Code in style.css

  1. Kopieren Sie den unten aufgeführten Code und fügen Sie ihn so ein, wie er sich im Ordner style.css befindet: stylecss
    @Import-URL(" https://fonts.googleapis.com/css2?family=Alegreya+Sans:[E-Mail geschützt];300;400;500;700;800;900&display=swap");
    * {
     Rand: 0;
     Polsterung: 0;
     Box-Größe: Border-Box;
     Schriftfamilie: "Alegreya Sans", serifenlos;
    }
    Körper {
    Hintergrund: #343541;
    }
    #app {
    Breite: 100vw;
    Höhe: 100vh;
    Hintergrund: #343541;
    Anzeige: Flex;
    Biegerichtung: Säule;
    Ausrichtungselemente: Mitte;
    Begründungsinhalt: Zwischenraum;
    }
    #chat_container {
    Biegung: 1;
    Breite: 100 %;
    Höhe: 100 %;
    Überlauf-y: scrollen;
    Anzeige: Flex;
    Biegerichtung: Säule;
    Abstand: 10px;
    -ms-overflow-style: keine;
    Bildlaufleistenbreite: keine;
    Polsterung unten: 20px;
    Scroll-Verhalten: glatt;
    }
    /* blendet Scrollbar aus */
    #chat_container::-webkit-scrollbar {
    Anzeige: keine;
    }
    .Wrapper {
    Breite: 100 %;
    Polsterung: 15px;
    }
    .ai {
    Hintergrund: #40414F;
    }
    .Plaudern {
    Breite: 100 %;
    maximale Breite: 1280px;
    Rand: 0 automatisch;
     Anzeige: Flex;
    Biegerichtung: Reihe;
    Ausrichtungselemente: Flex-Start;
    Abstand: 10px;
    }
    .Profil {
    Breite: 36px;
    Höhe: 36px;
    Randradius: 5px;
    Hintergrund: #5436DA;
    Anzeige: Flex;
    justify-content: center;
    Ausrichtungselemente: Mitte;
    }
    .ai .profil {
    Hintergrund: #10a37f;
    }
    .Profilbild {
    Breite: 60 %;
    Höhe: 60 %;
    objekttauglich: enthalten;
    }
    .Nachricht {
    Biegung: 1;
    Farbe: #dcdcdc;
    Schriftgröße: 20px;
    maximale Breite: 100 %;
    Überlauf-x: scrollen;
    /*
    * Leerraum bezieht sich auf alle Leerzeichen, Tabulatoren oder Zeilenumbruchzeichen, die zum Formatieren des CSS-Codes verwendet werden
    * gibt an, wie Leerraum innerhalb eines Elements behandelt werden soll. Er ähnelt dem „pre“-Wert, der den Browser anweist, alle Leerzeichen als wichtig zu behandeln und genau so beizubehalten, wie sie im Quellcode erscheinen.
    * Der Pre-Wrap-Wert ermöglicht es dem Browser, bei Bedarf lange Textzeilen in mehrere Zeilen umzubrechen.
    * Der Standardwert für die Whitespace-Eigenschaft in CSS ist "normal". Dies weist den Browser an, mehrere Leerzeichen zu einem einzigen Leerzeichen zusammenzufassen und Text nach Bedarf in mehrere Zeilen umzubrechen, damit er in seinen Container passt.
    */
    Leerraum: Pre-Wrap;
    -ms-overflow-style: keine;
    Scrollbar-Breite: keine;}
    /* blendet Scrollbar aus */
    .message::-webkit-scrollbar {
    Anzeige: keine;
    }
    form {
    Breite: 100 %;
    maximale Breite: 1280px;
    Rand: 0 automatisch;
    Polsterung: 10px;
    Hintergrund: #40414F;
    Anzeige: Flex;
    Biegerichtung: Reihe;
    Abstand: 10px;
    }
    Textbereich {
    Breite: 100 %;
    Farbe: #fff;
    Schriftgröße: 18px;
    Polsterung: 10px;
    Hintergrund: transparent;
    Randradius: 5px;
    Grenze: keine;
    Gliederung: keine;
    }
    Taste {
    Umriss: 0;
    Grenze: 0; Cursor: Zeiger;
    Hintergrund: transparent;
    }
    form img {
    Breite: 30px;
    Höhe: 30px;
    }

5. Schreiben Sie Code in Index.html

  1. Geben Sie den folgenden Code in die Datei index.html ein: index html installieren Sie die Chatgpt-App lokal






    Codex - Ihre KI











  2. Drücken Sie Strg + S, um das Skript zu speichern.
  3. Wechseln Sie in Visual Studio Code zum linken Bereich und benennen Sie main.js in script.js um.

6. Führen Sie Befehle auf dem Terminal aus

  1. Gehen Sie zum Terminal und drücken Sie Strg + C um zu sehen, wo Sie Befehle schreiben würden. Sie sollten sich im Kundenordner befinden. Wenn nicht, geben Sie den folgenden Befehl ein und drücken Sie die Eingabetaste: CD-Client
  2. Geben Sie den folgenden Befehl ein und drücken Sie die Eingabetaste: npm laufen devnpm-Entwickler
  3. Sie erhalten eine Webadresse, um zu sehen, wie es bisher aussieht. Wenn Sie den im Screenshot erwähnten Fehler erhalten, fahren Sie fort.Fehler mit fehlender Counterjs-Datei
Lesen Sie mehr zu diesem Thema
  • Zugriff auf und Verwendung von ChatGPT in Italien [Quick Bypass]
  • ChatGPT-Fehler in Body Stream: Was ist das und wie kann man es beheben?
  • So integrieren Sie ChatGPT in Word [Schnellste Wege]
  • Sie können jetzt Bilder auf dem Bing AI-Chatbot suchen. Hier ist wie
  • Fix: ChatGPT-Anmeldung ist derzeit nicht verfügbar

7. Schreiben Sie Code in die script.js-Datei

  1. Entfernen Sie den Inhalt der script.js-Datei und kopieren Sie den folgenden Code und fügen Sie ihn ein: scriptjs-Datei
    Bot aus „./assets/bot.svg“ importieren
    Benutzer aus „./assets/user.svg“ importieren
    const form = document.querySelector('form');
    const chatContainer = document.querySelector('#chat_container');
    let loadInterval;
    Funktionslader (Element) {
    element.textContent = '';
    LadeIntervall = setInterval(() => {
    // Aktualisieren Sie den Textinhalt des Ladeindikators
    element.textContent += '.';
    // Wenn die Ladeanzeige drei Punkte erreicht hat, setzen Sie sie zurück
    if (element.textInhalt '...') {
    element.textContent = '';
    }
    }, 300)
    }
    FunktionstypText (Element, Text) {
    lass index = 0;
    Lassen Sie Intervall = setInterval () => {
    if (index element.innerHTML += text.charAt (Index);
    index++;
    } anders {
    clearInterval (Intervall);
    }
    }, 20)
    }
    Funktion generateUniqueId() {
    konstanter Zeitstempel = Date.now();
    const zufälligeZahl = Math.random();
    const hexadecimalString = randomNumber.toString (16);
    return `id-${timestamp}-${hexadecimalString}`;
    }
    Funktion chatStripe (isAi, Wert, uniqueId) {
    zurückkehren (
    `



    src=${isAi? Bot: Benutzer}
    alt="${isAi? 'bot': 'Benutzer'}"
    />

    ${Wert}



    `
    )
    }
    const handleSubmit = async (e) => {
    e.preventDefault();
    Konstante Daten = neue FormData (Formular);
    // Chatstripe des Benutzers
    chatContainer.innerHTML += chatStripe (false, data.get('prompt'));
    // um die Textbereichseingabe zu löschen
    form.reset();
    // Chatstripe des Bots
    const uniqueId = generateUniqueId();
    chatContainer.innerHTML += chatStripe (true, " ", uniqueId);
    // zum Fokussieren nach unten scrollen
    chatContainer.scrollTop = chatContainer.scrollHeight;
    // spezifische Nachricht div
    const messageDiv = document.getElementById (uniqueId);
    // messageDiv.innerHTML = "..."
    Lader (messageDiv);
    konstante Antwort = warte auf Abruf (' http://localhost: 8001/', {
    Methode: 'POST',
    Überschriften: {
    „Inhaltstyp“: „application/json“
    },
    Körper: JSON.stringify({
    Eingabeaufforderung: data.get('Eingabeaufforderung')
    })
    })
    clearInterval (ladeIntervall);
    messageDiv.innerHTML = '';
    if (antwort.ok) {
    const data = Antwort abwarten.json();
    const parsedData = data.bot.trim();
    typeText (messageDiv, parsedData);
    } anders {
    const err = warte auf Antwort.text();
    messageDiv.innerHTML = "Etwas ist schief gelaufen";
    Alarm (irr);
    }
    }
    form.addEventListener('submit', handleSubmit);
    form.addEventListener('keyup', (e) => {
    if (e.keyCode 13) {
    handleSubmit (e);
    }
    })
  2. Dann drücken Strg + S um das Skript zu speichern.

8. Erstellen Sie einen neuen Ordner im App-Ordner Open_AI_ChatGPT und installieren Sie Module

  1. Erstellen Sie einen Ordner in der Open_AI_ChatGPT-App Ordner und benennen Sie ihn Server.
  2. Offen Terminal und drücke Strg + C um die laufende App zu stoppen.
  3. Geben Sie den folgenden Befehl ein und drücken Sie die Eingabetaste, um den Client-Ordner zu verlassen: CD ..
  4. Kopieren Sie den folgenden Befehl und fügen Sie ihn ein, um die Server Verzeichnis und drücken Sie die Eingabetaste: CD-Server
  5. Geben Sie den folgenden Befehl ein und drücken Sie die Eingabetaste, um eine package.json-Datei im Serverordner zu generieren: npm init -yKNOTEN JS
  6. Um Abhängigkeiten zu installieren, geben Sie den folgenden Befehl ein und drücken Sie die Eingabetaste. Dadurch wird eine neue Datei namens package-lock.json erstellt: npm installiere cors dotenv express nodemon openai

9. Generieren Sie den API-Schlüssel und erwähnen Sie ihn in .env

  1. Gehen Sie zum Öffnen Sie die API-Website und melden Sie sich an.
  2. Jetzt klicken persönlich und auswählen API-Schlüssel anzeigen.
  3. Klicken Erstellen Sie einen neuen geheimen Schlüssel und den Schlüssel kopieren.API-Schlüssel
  4. Im Server Ordner, erstellen Sie eine neue Datei und benennen Sie sie .env.
  5. Im .env Geben Sie den folgenden Code ein, nachdem Sie The API Key durch den Schlüssel ersetzt haben, den Sie von der Open API-Website kopiert haben, und drücken Sie die Eingabetaste: OPENAI_API_KEY="Der API-Schlüssel"geheimer Schlüssel chatgpt lokal installieren

10. Erstellen Sie eine neue Datei server.js und schreiben Sie ein Skript

  1. Erstellen Sie eine neue Datei im Serverordner und benennen Sie sie in server.js um.
  2. Kopieren Sie das folgende Skript, fügen Sie es in diese Datei ein und drücken Sie Strg+S um die Datei zu speichern: serverjs 1

Express aus 'Express' importieren;
* als dotenv aus 'dotenv' importieren;
cors aus 'cors' importieren;
importiere { Konfiguration, OpenAIApi } von 'openai';
dotenv.config();
konstante Konfiguration = neue Konfiguration ({
apiKey: process.env. OPENAI_API_KEY,
});
const openai = neues OpenAIApi (Konfiguration);
const app = ausdrücken ();
app.use (cors());
app.use (express.json());
app.get('/', async (req, res) => {
res.status (200).send({
Nachricht: 'Hallo von GPT!',
})
});
app.post('/', async (req, res) => {
versuchen {
const prompt = req.body.prompt;
konstante Antwort = warte auf openai.createCompletion ({
Modell: "text-davinci-003",
Eingabeaufforderung: `${Eingabeaufforderung}`,
temperature: 0, // Höhere Werte bedeuten, dass das Modell mehr Risiken eingeht.
max_tokens: 3000, // Die maximale Anzahl an Tokens, die beim Abschluss generiert werden. Die meisten Modelle haben eine Kontextlänge von 2048 Token (mit Ausnahme der neuesten Modelle, die 4096 unterstützen).
top_p: 1, // Alternative zum Sampling mit Temperatur, Nucleus Sampling genannt
frequency_penalty: 0.5, // Zahl zwischen -2.0 und 2.0. Positive Werte bestrafen neue Token basierend auf ihre bisherige Häufigkeit im Text, was die Wahrscheinlichkeit verringert, dass das Modell dieselbe Zeile wiederholt wörtlich.
present_penalty: 0, // Zahl zwischen -2,0 und 2,0. Positive Werte bestrafen neue Token basierend darauf, ob sie bisher im Text erschienen sind, und erhöhen die Wahrscheinlichkeit, dass das Modell über neue Themen spricht.
});
res.status (200).send({
bot: response.data.choices[0].text
});
} Fang (Fehler) {
console.log (Fehler);
res.status (500).send (Fehler || 'Etwas ist schief gelaufen');
}
});
app.listen (5000, () => console.log('AI-Server gestartet am http://localhost: 8001'));

11. Schreiben Sie Code in die Datei „package.json“.

  1. Kopieren Sie den folgenden Code, fügen Sie ihn ein und drücken Sie Strg + S speichern: packagejson - installiere die Chatgpt-App lokal

{
"Name Server",
"Version": "1.0.0",
"Beschreibung": "",
"Typ": "Modul",
"Skripte": {
"server": "Nodemon-Server"
},
"Schlüsselwörter": [],
"Autor": "",
"Lizenz": "ISC",
"Abhängigkeiten": {
"cors": "^2.8.5",
"dotenv": "^16.0.3",
"express": "^4.18.2",
"nodemon": "^2.0.20",
"openai": "^3.1.0"
}
}

12. Testen Sie den Code

  1. Klicken Sie nun in Visual Studio Code auf das Menü Terminal und wählen Sie Übergelaufenes Terminal aus.Terminal geteilt
  2. Sie haben zwei Terminals; Nennen wir sie Terminal Server und Terminal Client.
  3. Drücken Sie auf dem Terminalserver Strg + C. Geben Sie den folgenden Befehl ein, um das Serververzeichnis aufzurufen, und drücken Sie die Eingabetaste: cd server
  4. Kopieren Sie als Nächstes den folgenden Befehl, fügen Sie ihn ein und drücken Sie die Eingabetaste, um den Server auszuführen: npm-Server ausführen
  5. Klicken Sie auf den angezeigten Link, und Sie sehen die Nachricht Hallo von GPT auf der Seite
  6. Drücken Sie jetzt auf Terminal Client Strg + C. Geben Sie den folgenden Befehl ein, um das Client-Verzeichnis aufzurufen, und drücken Sie die Eingabetaste: CD-Client
  7. Kopieren Sie den folgenden Befehl, fügen Sie ihn ein und drücken Sie die Eingabetaste, um den Client auszuführen: npm laufen devTerminal-Screenshot
  8. Klicken Sie anschließend auf den Link und geben Sie ihn ein Hallo, wie geht es dir; Sie können sehen, dass der Bot nach einer Antwort sucht.

13. Installieren Sie die Git Bash-App und konfigurieren Sie sie mit Ihrem GitHub-Konto

  1. Sie können diesen Schritt überspringen, wenn Sie ihn bereits konfiguriert haben. Laden Sie die Git Bash-App herunter.
  2. Melden Sie sich bei Ihrem an GitHub-Konto.
  3. Bitte speichern Sie es zum Zeitpunkt der Installation im Ordner Open_AI_ChatGPT.
  4. Drücken Sie als Nächstes die Windows-Taste, geben Sie edit the system environment variables ein und klicken Sie auf Open.Bearbeiten Sie die Systemumgebungsvariablen
  5. Doppelklicken Sie auf den Pfad und klicken Sie auf Bearbeiten.Bearbeiten
  6. Fügen Sie hier den Pfad der Git-Datei hinzu und klicken Sie dann auf OK und OK.Umgebungsvariable
  7. Starten Sie Git Bash, geben Sie den folgenden Befehl ein, nachdem Sie den Benutzernamen durch den Benutzernamen Ihres GitHub-Kontos ersetzt haben, und drücken Sie die Eingabetaste: git config --global user.name "Benutzername"
  8. Kopieren Sie den folgenden Befehl, fügen Sie ihn ein, nachdem Sie die E-Mail-Adresse durch Ihre E-Mail-Adresse ersetzt haben, und drücken Sie die Eingabetaste: git config --global user.email "E-Mail-Adresse"
  9. Gehen Sie zum GitHub-Konto, klicken Sie auf den Dropdown-Pfeil und wählen Sie Einstellungen aus. Gehen Sie nun zu den Entwicklereinstellungen.Entwicklereinstellungen
  10. Erweitern Sie Persönliche Zugriffstoken und wählen Sie Feingranulare Token aus. Klicken Sie auf Neues Token generieren.Token generieren
  11. Benennen Sie es um und wählen Sie die Gültigkeit aus. Kopieren Sie dann das Token und speichern Sie es auf einem Notizblock.
  12. Geben Sie nacheinander die folgenden Befehle ein und drücken Sie die Eingabetaste: git config --global credential.helper wincredgit credential-manager-core konfigurierenKonfigurieren Sie git 1, installieren Sie die chatgpt-App lokal
  13. Folgen Sie den Anweisungen, um es zu konfigurieren, und fügen Sie das generierte Token ein, wenn Sie zur Eingabe Ihres Passworts aufgefordert werden.
  14. Schließen Sie die Git Bash-App.

14. Erstellen Sie ein Repository und veröffentlichen Sie Code

14.1 Erstellen Sie ein Repository

  1. Melden Sie sich bei Ihrem an GitHub-Konto.
  2. Suchen Sie die Dropdown-Pfeil neben Ihrem Profilbild und wählen Sie aus Ihre Depots.Repository auswählen
  3. Klicken Neu.Repository
  4. Schreib die Repository-Name, wählen Öffentlich, und klicken Sie Depot erstellen.Erstelle neu
  5. Gehen Sie zu VS-Code, drücken Sie Strg + C, und vergewissern Sie sich, dass Sie sich in der Open_AI_ChatGPT-App oder im Stammordner befinden. Wenn nicht, geben Sie den folgenden Code ein und drücken Sie die Eingabetaste: CD
  6. Dann im Server Ordner, fügen Sie eine neue Datei hinzu und benennen Sie sie .gitignorieren.gitignore-Datei
  7. Im .gitignorieren Datei, geben Sie den folgenden Code ein, um sicherzugehen .env Und node_modules werden nicht eingeschoben GitHub:
    .env
    node_modules

14.2 Veröffentlichen Sie Ihren Code im Repository

  1. Gehen Sie zu VS-Code, kopieren und fügen Sie die folgenden Befehle nacheinander ein und drücken Sie nach jedem Befehl die Eingabetaste: git initgit commit -m "erster Commit"git branch -M main
  2. Geben Sie den folgenden Befehl ein, nachdem Sie die https://github.com/SrishtiSisodia/CHAT-BOT-APP mit Ihrer auf GitHub erwähnten Repository-Adresse:
    git remote Ursprung hinzufügen https://github.com/SrishtiSisodia/CHAT-BOT-APP
  3. Um nun den Code zu pushen, geben Sie den folgenden Befehl ein und drücken Sie die Eingabetaste: git push -u origin main
  4. Laden Sie Ihre GitHub-Seite neu und Ihr Code wird dort hochgeladen.Repository mit Dateien
  5. Drücken Sie bei VS-Code Strg + C sowohl auf dem Terminalserver als auch auf dem Terminalclient, um deren Ausführung zu stoppen.

15. Stellen Sie den Server bereit

  1. Gehen Sie zum Rendern der Website und melden Sie sich über GitHub an.
  2. Sie sehen das Dashboard, klicken Sie auf Neu und wählen Sie dann Webdienste aus.Internetservice
  3. Suchen Sie Neues Repository verbinden, geben Sie die URL Ihres Speichers unter dem öffentlichen Git-Repository ein und klicken Sie auf Verbinden.
  4. Fügen Sie auf der nächsten Seite Name hinzu, wählen Sie die Region aus, wählen Sie Branch als Main aus, wählen Sie Root Directory als Server aus, wählen Sie Environment als Node und geben Sie ein Befehl starten - NPM-Server ausführen
  5. Klicken Sie auf Kostenlos und dann auf Webdienst erstellen.Machen
  6. Der Server wird bereitgestellt; Bitte warten Sie, bis der Bereitstellungsstatus Live ist.
  7. Gehen Sie zu Umgebung; Geben Sie für Schlüssel OpenAI_API_Key und für Wert den geheimen API-Schlüssel ein, den Sie in Schritt 9 generiert haben.Umfeld
  8. Sie haben jetzt eine Webadresse; fügen Sie es der script.js-Datei hinzu. Gehen Sie dann im VS-Code zur Datei script.js und ersetzen Sie die Webadresse im unten genannten Code durch die neue Webadresse von der gerenderten Website:
    konstante Antwort = warte auf Abruf (' http://localhost: 8001/'konstante Antwort = warte auf Abruf (' https://chatgptapp-lswi.onrender.com/'Webadresse -installieren Sie die Chatgpt-App lokal
  9. Auf der VS-Code-Terminal, geben Sie nacheinander die folgenden Befehle ein und drücken Sie nach jedem Befehl die Eingabetaste: git hinzufügen.git commit -m 'Aktualisiere die Server-URL'git push

16. Stellen Sie das Front-End bereit

  1. Rufen Sie die Vercel-Website auf.
  2. Klicken Starten Sie die Bereitstellung.mit der Bereitstellung beginnen
  3. Unter Git-Repository importieren, klicken Fahren Sie mit GitHub fort.weitermachen
  4. Geben Sie Ihre GitHub-Benutzername und wählen Sie den Repository-Namen aus und klicken Sie auf Importieren.Chatbot-App-Import
  5. Unter Projekt konfigurieren, wählen Sie einen Namen aus.
  6. Ändere das Wurzelverzeichnis aus / Zu Klient, klicken Weitermachen Und Einsetzen.Projekt konfigurieren
  7. Gehen Sie zurück zu Ihrem Dashboard und klicken Sie auf Besuchen.besuchen
  8. Sie können die Anwendung jetzt sehen.App

Dies sind also die detaillierten Schritte, um die ChatGPT-App lokal auf Ihrem Gerät zu installieren. Irgendwo hängen geblieben? Bitte erwähnen Sie Ihre Fragen oder Bedenken im Kommentarbereich unten.

Haben Sie immer noch Probleme? Beheben Sie sie mit diesem Tool:

GESPONSERT

Wenn die obigen Ratschläge Ihr Problem nicht gelöst haben, können auf Ihrem PC tiefere Windows-Probleme auftreten. Wir empfehlen Herunterladen dieses PC-Reparatur-Tools (auf TrustPilot.com als „Großartig“ bewertet), um sie einfach anzusprechen. Klicken Sie nach der Installation einfach auf die Scan starten Taste und drücken Sie dann auf Alles reparieren.

Teachs.ru
ChatGPT VS Google Bard: Einer ist besser in seinem Job

ChatGPT VS Google Bard: Einer ist besser in seinem JobChatgptGoogle

Sehen Sie sich die besonderen Merkmale an, die diese beiden Tools unterscheidenDer Vergleich zwischen ChatGPT und Google Bart geht weit, je nachdem, welche Funktionalität Sie benötigen.Beide KI-Die...

Weiterlesen
So integrieren und aktivieren Sie ChatGPT in Microsoft Teams

So integrieren und aktivieren Sie ChatGPT in Microsoft TeamsMicrosoft TeamsChatgpt

Bringen Sie KI näher an Ihre Collaboration-AppMicrosoft Teams ist eine ständig wachsende Weltklasse-Plattform für Teams und Unternehmen, und jetzt hat KI den Chat betreten, um die Arbeit zu erleich...

Weiterlesen
Fix: ChatGPT zu viele Anmeldungen von derselben IP

Fix: ChatGPT zu viele Anmeldungen von derselben IPChatgpt

Die Verwendung eines VPN ist die schnellste LösungBenutzer können nicht mehrere Konten von derselben Adresse auf ChatGPT erstellen.Das Ändern Ihrer Internetverbindung oder IP ist oft eine Möglichke...

Weiterlesen
ig stories viewer