chatgpt plus

ChatGPT-Plus

ChatGPT-Plus ist eine Anwendung, die die offizielle ChatGPT-API verwendet.

Demo demonstrieren/Feedback-Probleme/Gitpod entwickeln/Vercel bereitstellen

Vereinfachtes Chinesisch |

Gefällt Ihnen dieses Projekt? Bitte gib mir einen Stern ️
Oder teilen Sie es mit Ihren Freunden, um es zu verbessern!

Merkmale

• einführen
• Merkmal
• Prinzip
• Online-Entwicklung
• Installieren und ausführen
  • Projekt klonen
  • Umgebungskonfiguration
  • Frontend-Webseite
  • Backend-Dienste
• Paketbereitstellung
  • Bereitstellung mit Docker
  • Bereitstellung mit Vercel
  • Manuelle Verpackung
    • Frontend-Webseite
    • Backend-Dienste
• Zusätzliche Hinweise
• FAQ
• Mitmachen und beitragen
• dankbar
• Sponsor
• Lizenz

einführen

Der ChatGPT-Plus-Client ist eine Anwendung der offiziellen ChatGPT-API. Diese Anwendung ist eine Wrapper-Anwendung für die offizielle API von OpenAIs ChatGPT.

Merkmal

• ? Ein vollständiger ChatGPT-Client.
• Entwickelt mit Nextjs und Nestjs für einen schnellen Einstieg.
• Responsive Design unterstützt den mobilen Zugriff.
• ?Unterstützt mehrere Themen, Tag-/Nachtmodus.
• ? Internationaler Support, unterstützt derzeit Chinesisch und Englisch.
• ? Unterstützen Sie benutzerdefinierte Eingabeaufforderungswörter und sehen Sie sich online empfohlene Eingabeaufforderungswörter an
• ? CSS-in-JS-Technologie verwenden, um die Themenanpassung zu unterstützen.
• ? Docker- und Vercel-Bereitstellung unterstützen.

?Prinzip

Es gibt zwei Möglichkeiten, darauf zuzugreifen. Um dieses Modul in Node.js zu verwenden, müssen Sie zwischen zwei Methoden wählen:

Verfahren	frei?	robust?	Qualität?
ChatGPTAPI	NEIN	✅ Ja	✅️Echtes ChatGPT-Modell
ChatGPTUnofficialProxyAPI	✅ Ja	☑️ Möglicherweise	✅ Echter ChatGPT

1. ChatGPTAPI – Verwendet gpt-3.5-turbo-0301 Modell mit der offiziellen OpenAI-Chat-Vervollständigungs-API (offizielle, leistungsstarke Methode, aber nicht kostenlos). Sie können Modelle, Abschlussparameter und Systemmeldungen überschreiben, um Ihren Assistenten vollständig anzupassen.

2. ChatGPTUnofficialProxyAPI – Verwenden Sie einen inoffiziellen Proxyserver, um auf die Backend-API von ChatGPT auf eine Weise zuzugreifen, die Cloudflare umgeht (verwendet das echte ChatGPT, das leichtgewichtig ist, aber auf Servern von Drittanbietern basiert und Ratenbeschränkungen hat).

Diese beiden Methoden verfügen über sehr ähnliche APIs, daher sollte der Wechsel zwischen ihnen einfach sein.

Hinweis: Wir empfehlen dringend die Verwendung von ChatGPTAPI , da es die offiziell unterstützte API von OpenAI verwendet. In einer zukünftigen Version stellen wir möglicherweise die Unterstützung für ChatGPTUnofficialProxyAPI ein.

Das Anforderungsprinzip nutzt den von chatgpt-api bereitgestellten Funktionsbaustein.

Online-Entwicklung

Sie können Gitpod für die Online-Entwicklung verwenden:

Oder klonen Sie auf die lokale Entwicklung und befolgen Sie diese Schritte:

Installieren und ausführen

Projekt klonen

 # clone the project
git clone https://github.com/zhpd/chatgpt-plus.git

Wenn Sie keine Git-Umgebung haben, können Sie das Zip-Paket direkt herunterladen, entpacken und das Projektverzeichnis aufrufen.

Umgebungskonfiguration

Knoten v14+

Dieses Projekt wurde auf Basis von Node.js entwickelt und erfordert die Umgebung Node.js 14.0+. Stellen Sie sicher, dass Sie node >= 18 verwenden, damit fetch verfügbar ist (oder node >= 14 wenn Sie ein Fetch-Polyfill installieren).

ApiKey/AccessToken

Dieses Projekt verwendet die offiziell von OpenAI bereitgestellte API und erfordert die Anwendung eines API-Schlüssels und eines AccessToken.

• Offizielle Adresse des OpenAI-Registrierungsantrags: https://platform.openai.com/, wissenschaftlicher Internetzugang ist erforderlich
• Erhalten Sie ApiKey oder AccessToken über andere Methoden. Klicken Sie zum Anzeigen

Nachdem die Anwendung erfolgreich war, geben Sie den APIKey und das AccessToken in die Datei chatgpt-plus/service/.env ein

Optionaler VSCode

Es wird empfohlen, für die Entwicklung den VSCode-Editor zu verwenden, die Plug-Ins ESLint und Prettier zu installieren und in den Einstellungen Format On Save zu aktivieren.

Frontend-Webseite

Umgebungsvariablen-Frontend

Konfigurieren Sie den Port und die Schnittstellenanforderungsadresse im Stammverzeichnis .env. Sie können die Datei .env.example zur Änderung direkt in das Stammverzeichnis kopieren und den Dateinamen in .env ändern.

Name der Umgebungsvariablen	Standardwert	veranschaulichen
PORT	3000	Hafen
NEXT_PUBLIC_API_URL	http://localhost:3002	Schnittstellenadresse

Konfigurationsdatei

Sie können die Datei .env.example zur Änderung direkt in das Stammverzeichnis kopieren und den Dateinamen in .env ändern

 # port
PORT = 3000

# api url
NEXT_PUBLIC_API_URL = http://localhost:3002

Code ausführen

 # enter the project directory
cd chatgpt-plus
# install dependency
npm install
# develop
npm run dev

Nachdem der Vorgang erfolgreich gestartet wurde, können Sie http://localhost:3000 im Browser öffnen, um den Effekt anzuzeigen.

Backend-Dienste

Umgebungsvariablen – Backend

Konfigurieren Sie den Port, ApiKey und AccessToken in .env im Dienstverzeichnis.

Name der Umgebungsvariablen	Standardwert	veranschaulichen
PORT	3002	Hafen
OPENAI_API_KEY	-	API_KEY
OPENAI_ACCESS_TOKEN	-	ACCESS_TOKEN
API_REVERSE_PROXY	https://api.pawan.krd/backend-api/conversation	Schauspiel
TIMEOUT_MS	60000	Timeout in Millisekunden

Konfigurationsdatei

Sie können die Datei .env.example zur Änderung direkt in das Dienstverzeichnis kopieren und den Dateinamen in .env ändern

 # service/.env
# OpenAI API Key - https://platform.openai.com/overview
OPENAI_API_KEY =

# change this to an `accessToken` extracted from the ChatGPT site's `https://chat.openai.com/api/auth/session` response
OPENAI_ACCESS_TOKEN =

# Reverse Proxy default 'https://bypass.churchless.tech/api/conversation'
API_REVERSE_PROXY =

# timeout
TIMEOUT_MS = 100000

Code ausführen

 # enter the project directory
cd chatgpt-plus
# enter the service directory
cd service
# install dependency
npm install
# develop
npm run dev

Nachdem der Vorgang erfolgreich gestartet wurde, kann der Backend-Dienst normal ausgeführt werden.

?Paketierung und Bereitstellung

Docker

Für die Bereitstellung mit Docker müssen Sie die Docker-Umgebung installieren

Beispiel für Docker-Parameter

Verwenden Sie die Konfigurationsdatei im Docker-Compose-Ordner, um sie abzurufen und auszuführen

Vercel

Verwenden Sie Vercel für die Bereitstellung, Bereitstellung mit einem Klick

Vercel-Umgebungsvariable

Manuelle Verpackung

Front-End-Webseitenverpackung

• Code-Verpackung
  • Gehen Sie zum Stammordner des Projekts
  • Ändern Sie API_URL in der .env Datei im Stammverzeichnis in die tatsächliche öffentliche Netzwerkadresse Ihrer Backend-Schnittstelle
  • Führen Sie npm install aus, um Abhängigkeiten zu installieren
  • Führen Sie npm run build aus, um den Code zu packen
• Führen Sie die Bereitstellung aus
  • Kopieren Sie die Dateien im Ordner dist in das Verzeichnis des前端服务Ihrer Website
  • Geben Sie den dist -Ordner ein
  • Führen Sie npm run start um den Dienst zu starten

Backend-Service-Paketierung

• Code-Verpackung
  • Geben Sie den service ein
  • Führen Sie npm install aus, um Abhängigkeiten zu installieren
  • Führen Sie npm run build aus, um den Code zu packen
• Führen Sie die Bereitstellung aus
  • Kopieren Sie die Dateien im Ordner service/dist in das Verzeichnis des后端服务Ihrer Website
  • Geben Sie den Ordner service/dist ein
  • Führen Sie npm run start um den Dienst zu starten

Hinweis : Wenn Sie kein Paket erstellen möchten, können Sie den service direkt auf den Server kopieren und npm install und npm run start ausführen, um den Dienst zu starten.

Zusätzlicher Inhalt

Holen Sie sich den API-Schlüssel

Konfigurationsdatei

Sie können darauf zugreifen, indem Sie OPENAI_API_KEY für das Backend service.env konfigurieren:

 # R OpenAI API Key
OPENAI_API_KEY =

Dieses Projekt verwendet die offiziell von OpenAI bereitgestellte API. Sie müssen zuerst ein OpenAI-Konto beantragen.

• Offizielle Adresse des OpenAI-Registrierungsantrags: https://platform.openai.com/, wissenschaftlicher Internetzugang ist erforderlich
• Nach erfolgreicher Registrierung erhalten Sie den API-Schlüssel über https://platform.openai.com/account/api-keys, wofür ein wissenschaftlicher Internetzugang erforderlich ist.

Holen Sie sich ZugriffstokenaccessToken

Konfigurationsdatei

Sie können darauf zugreifen, indem Sie das Zugriffstoken OPENAI_ACCESS_TOKEN für das Backend service.env konfigurieren:

 # change this to an `accessToken` extracted from the ChatGPT
OPENAI_ACCESS_TOKEN =

Sie müssen ein OpenAI-Zugriffstoken von der ChatGPT-Webanwendung erhalten. Sie können eine der folgenden Methoden verwenden, die eine email und password erfordern und ein Zugriffstoken zurückgeben:

• • Node.js-Bibliothek
  • ericlewis/openai-authenticator
  • michael-dm/openai-token
  • allanoricil/chat-gpt-authenticator
• • Python-Bibliothek
  • acheong08/OpenAIAuth

Diese Bibliotheken funktionieren mit Konten, die sich mit E-Mail und Passwort authentifizieren (sie unterstützen beispielsweise keine bei Microsoft/Google authentifizierten Konten).

Alternativ können Sie manuell ein accessToken erhalten, indem Sie sich bei der ChatGPT-Webanwendung anmelden und https://chat.openai.com/api/auth/session öffnen. Dadurch wird ein JSON-Objekt zurückgegeben, das Ihre accessToken Zeichenfolge enthält.

Zugriffstoken sind mehrere Tage lang gültig.

Hinweis : Durch die Verwendung eines Reverse-Proxys wird Ihr Zugriffstoken Dritten zugänglich gemacht. Dies wird keine nachteiligen Auswirkungen haben, aber bedenken Sie die Risiken, bevor Sie diese Methode anwenden.

Reverse-Proxy

Konfigurationsdatei

Sie können den Reverse-Proxy überschreiben, indem Sie die Proxy-Adresse API_REVERSE_PROXY im Backend service.env konfigurieren:

 # Reverse Proxy
API_REVERSE_PROXY =

Zu den bekannten Reverse-Proxys, die von Community-Mitgliedern betrieben werden, gehören:

Reverse-Proxy-URL	Autor	Tarifbegrenzung	letztes Kontrolldatum
https://bypass.churchless.tech/api/conversation	@acheong08	5 Anforderungen / 10 Sekunden per IP	24.03.2023
https://api.pawan.krd/backend-api/conversation	@PawanOsman	50 req / 15 Sekunden (~3 U/s)	23.03.2023

Hinweis: Informationen zur Funktionsweise des Reverse-Proxys werden derzeit nicht veröffentlicht, um zu verhindern, dass OpenAI den Zugriff deaktiviert.

❓FAQ

F: Wenn ich nur die Frontend-Seite verwende, wo ändere ich dann die Anforderungsschnittstelle?

A: Das API_URL Feld in der .env Datei im Stammverzeichnis.

F: Gibt es am Frontend keinen Schreibmaschineneffekt?

A: Ein möglicher Grund ist, dass Nginx nach dem Einschalten des Nginx-Reverse-Proxys und des Puffers versucht, eine bestimmte Datengröße vom Backend zu puffern, bevor es sie an den Browser sendet. Bitte versuchen Sie proxy_buffering off; nach dem Anti-Parameter hinzuzufügen, und laden Sie dann Nginx neu. Die Konfiguration anderer Webserver ist gleich.

?Beteiligen Sie sich und leisten Sie einen Beitrag

Vielen Dank an alle, die dazu beigetragen haben!

Sternengeschichte

dankbar

• Vielen Dank an die Projektunterstützer und alle anderen Mitwirkenden?
• Vielen Dank an die ursprünglich erstellten Referenzprojekte @transitive-bullshit's chatgpt-api und @Chanzhaoyu's chatgpt-web für die Bereitstellung von Ideen. ?
• Vielen Dank an OpenAI für die Erstellung von ChatGPT

?Sponsor

Wenn Sie glauben, dass dieses Projekt für Sie hilfreich ist, können Sie ihm einen Stern geben oder es mit Ihren Freunden teilen. Ihre Unterstützung ist meine größte Motivation!

Lizenz

MIT © zhpd