Inicio>Relacionado con la programación>Código Fuente de IA
Descargar

ChatGPT-Plus

ChatGPT-Plus es una aplicación que utiliza la API oficial de ChatGPT.

Demostrar demostración/problemas de comentarios/desarrollar Gitpod/implementar Vercel

Chino simplificado | Inglés

¿Te gusta este proyecto? Por favor dame una estrella ️
¡O compártelo con tus amigos para ayudarlo a mejorar!

imagenimagenimagenimagenimagen

Características

  • introducir
  • característica
  • principio
  • Desarrollo en línea
  • Instalar y ejecutar
    • Clonar proyecto
    • Configuración del entorno
    • Página web frontal
    • Servicios de back-end
  • Implementación de paquetes
    • Implementar usando Docker
    • Implementar usando Vercel
    • Embalaje manual
      • Página web frontal
      • Servicios de back-end
  • Notas adicionales
  • Preguntas frecuentes
  • Participa y aporta
  • agradecido
  • patrocinador
  • Licencia

introducir

El cliente ChatGPT-Plus es una aplicación de la API oficial de ChatGPT. Esta aplicación es una aplicación contenedora para la API oficial de ChatGPT de OpenAI.

característica

  • ? Un cliente ChatGPT completo.
  • Creado con Nextjs y Nestjs para un inicio rápido.
  • El diseño responsivo admite el acceso móvil.
  • ?Admite múltiples temas, modo día/noche.
  • ? Soporte internacional, actualmente admite chino e inglés.
  • Admite palabras de aviso personalizadas, ver palabras de aviso recomendadas en línea
  • Utilice la tecnología CSS-in-JS para admitir la personalización del tema.
  • ? Admite la implementación de Docker y Vercel.

?principio

Hay dos formas de acceder a él. Para utilizar este módulo en Node.js, debe elegir entre dos métodos:

método ¿gratis? ¿robusto? ¿calidad?
ChatGPTAPI No ✅ Sí ✅️Modelo ChatGPT real
ChatGPTUnofficialProxyAPI ✅ Sí ☑️ Posiblemente ✅Chat realGPT

  1. ChatGPTAPI : utiliza gpt-3.5-turbo-0301 con la API oficial de finalización de chat OpenAI (método oficial y potente, pero no gratuito). Puede anular modelos, parámetros de finalización y mensajes del sistema para personalizar completamente su asistente.

  2. ChatGPTUnofficialProxyAPI : use un servidor proxy no oficial para acceder a la API backend de ChatGPT de una manera que evite Cloudflare (usa el ChatGPT real, que es liviano, pero depende de servidores de terceros y tiene límites de velocidad).

Estos dos métodos tienen API muy similares, por lo que cambiar entre ellos debería ser sencillo.

Nota: Recomendamos encarecidamente utilizar ChatGPTAPI , ya que utiliza la API oficialmente compatible de OpenAI. En una versión futura, es posible que descontinuemos el soporte para ChatGPTUnofficialProxyAPI .

El principio de solicitud utiliza el módulo de funciones proporcionado por chatgpt-api.

Desarrollo en línea

Puedes usar Gitpod para el desarrollo en línea:

O clonar a desarrollo local y seguir estos pasos:

Instalar y ejecutar

Clonar proyecto 

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

Si no tiene un entorno git, puede descargar directamente el paquete zip, descomprimirlo e ingresar al directorio del proyecto.

Configuración del entorno

Nodo v14+

Este proyecto está desarrollado en base a Node.js y requiere el entorno Node.js 14.0+. Asegúrate de estar usando node >= 18 para que fetch esté disponible (o node >= 14 si instalas un polirelleno de recuperación).

APIKey/Token de acceso

Este proyecto utiliza la API proporcionada oficialmente por OpenAI y requiere la aplicación de API Key y AccessToken.

  • Dirección de solicitud de registro oficial de OpenAI: https://platform.openai.com/, se requiere acceso científico a Internet
  • Obtenga ApiKey o AccessToken a través de otros métodos. Haga clic para ver.

Después de que la solicitud sea exitosa, complete APIKey y AccessToken en el archivo chatgpt-plus/service/.env

Código VS opcional

Se recomienda utilizar el editor VSCode para el desarrollo, instalar los complementos ESLint y Prettier y activar Format On Save en la configuración.

Página web frontal

Variables de entorno-frontend

Configure el puerto y la dirección de solicitud de la interfaz en el directorio raíz .env. Puede copiar directamente el archivo .env.example en el directorio raíz para modificarlo y cambiar el nombre del archivo a .env)

Nombre de la variable de entorno valor predeterminado ilustrar
PORT 3000 puerto
NEXT_PUBLIC_API_URL http://localhost:3002 dirección de interfaz
Archivo de configuración

Puede copiar directamente el archivo .env.example en el directorio raíz para modificarlo y cambiar el nombre del archivo a .env. 

 # port
PORT = 3000

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

ejecutar código 

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

Una vez que la operación se haya iniciado correctamente, puede abrir http://localhost:3000 en el navegador para ver el efecto.

Servicios de back-end

Variables de entorno: backend

Configure el puerto, ApiKey y AccessToken en .env en el directorio de servicios.

Nombre de la variable de entorno valor predeterminado ilustrar
PORT 3002 puerto
OPENAI_API_KEY - API_KEY
OPENAI_ACCESS_TOKEN - ACCESO_TOKEN
API_REVERSE_PROXY https://api.pawan.krd/backend-api/conversation interino
TIMEOUT_MS 60000 Tiempo de espera en milisegundos
Archivo de configuración

Puede copiar directamente el archivo .env.example en el directorio de servicio para modificarlo y cambiar el nombre del archivo a .env. 

 # 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

ejecutar código 

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

Una vez que la operación se inicia correctamente, el servicio de backend puede ejecutarse normalmente.

?Embalaje e implementación

Estibador

Para implementar usando Docker, necesita instalar el entorno Docker

Ejemplo de parámetro de Docker

Utilice el archivo de configuración en la carpeta docker-compose para extraerlo y ejecutarlo

Vercel

Utilice Vercel para la implementación, implementación con un solo clic

Variable de entorno de Vercel

Embalaje manual

Empaquetado de páginas web front-end

  • Embalaje de código
    • Ir a la carpeta raíz del proyecto
    • Modifique API_URL en el archivo .env en el directorio raíz a la dirección de red pública de su interfaz de backend real.
    • Ejecute npm install para instalar dependencias
    • Ejecute npm run build para empaquetar el código
  • Ejecutar implementación
    • Copie los archivos en la carpeta dist al directorio del前端服务de su sitio web
    • Ingrese a la carpeta dist
    • Ejecute npm run start para iniciar el servicio

Paquete de servicio backend

  • Embalaje de código
    • Ingrese a la carpeta de service
    • Ejecute npm install para instalar dependencias
    • Ejecute npm run build para empaquetar el código
  • Ejecutar implementación
    • Copie los archivos en la carpeta service/dist al directorio del后端服务de su sitio web
    • Ingrese a la carpeta service/dist
    • Ejecute npm run start para iniciar el servicio

Nota : Si no desea empaquetar, puede copiar directamente la carpeta service al servidor y ejecutar npm install y npm run start para iniciar el servicio.

Contenido adicional

Obtener clave API clave

Archivo de configuración

Puede acceder a él configurando OPENAI_API_KEY en el backend service.env: 

 # R OpenAI API Key
OPENAI_API_KEY =

Este proyecto utiliza la API proporcionada oficialmente por OpenAI. Primero debe solicitar una cuenta OpenAI.

  • Dirección de solicitud de registro oficial de OpenAI: https://platform.openai.com/, se requiere acceso científico a Internet
  • Después de un registro exitoso, obtenga la clave API a través de https://platform.openai.com/account/api-keys, que requiere acceso científico a Internet.

Obtener token de accesoaccessToken

Archivo de configuración

Puede acceder a él configurando el token de acceso OPENAI_ACCESS_TOKEN en el backend service.env: 

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

Debe obtener un token de acceso OpenAI desde la aplicación web ChatGPT. Puede utilizar uno de los siguientes métodos, que requieren un email y password y devuelven un token de acceso:

    • Biblioteca Node.js
    • ericlewis/openai-autenticador
    • michael-dm/openai-token
    • allanoricil/chat-gpt-autenticador
    • biblioteca de pitón
    • acheong08/OpenAIAuth

Estas bibliotecas funcionan con cuentas que se autentican con correo electrónico y contraseña (por ejemplo, no admiten cuentas autenticadas con Microsoft/Google).

Alternativamente, puede obtener manualmente un accessToken iniciando sesión en la aplicación web ChatGPT y abriendo https://chat.openai.com/api/auth/session , que devolverá un objeto JSON que contiene su cadena accessToken .

Los tokens de acceso son válidos por varios días.

Nota : El uso de un proxy inverso expondrá su token de acceso a terceros. Esto no tendrá ningún efecto adverso, pero considere los riesgos antes de utilizar este método.

proxy inverso

Archivo de configuración

Puede anular el proxy inverso configurando la dirección del proxy API_REVERSE_PROXY en el backend service.env: 

 # Reverse Proxy
API_REVERSE_PROXY =

Los servidores proxy inversos conocidos ejecutados por miembros de la comunidad incluyen:

URL de proxy inverso autor límite de tasa última fecha de control
https://bypass.churchless.tech/api/conversation @acheong08 5 req / 10 segundos por IP 24/03/2023
https://api.pawan.krd/backend-api/conversation @PawanOsman 50 solicitudes/15 segundos (~3 r/s) 23/03/2023

Nota: Actualmente no se publica información sobre cómo funciona el proxy inverso para evitar que OpenAI deshabilite el acceso.

❓Preguntas frecuentes

P: Si solo uso la página de inicio, ¿dónde cambio la interfaz de solicitud?

R: El campo API_URL en el archivo .env en el directorio raíz.

P: ¿No hay efecto de máquina de escribir en la parte frontal?

R: Una posible razón es que después de que el proxy inverso de Nginx y el búfer estén activados, Nginx intentará almacenar en el búfer un cierto tamaño de datos desde el backend antes de enviarlos al navegador. Intente agregar proxy_buffering off; después del antiparámetro y luego vuelva a cargar Nginx. La configuración de otros servidores web es la misma.

?Participa y aporta

¡Gracias a todos los que contribuyeron!

Historia de las estrellas

agradecido

  • ¿Muchas gracias a los partidarios del proyecto y a todos los demás contribuyentes?
  • Muchas gracias a los proyectos de referencia construidos inicialmente, chatgpt-api de @transitive-bullshit y chatgpt-web de @Chanzhaoyu por proporcionar ideas. ?
  • Muchas gracias a OpenAI por crear ChatGPT

?patrocinador

Si crees que este proyecto te resulta útil, puedes darle una Estrella ️ o compartirlo con tus amigos. ¡Tu apoyo es mi mayor motivación!

Licencia

MIT © zhpd

Expandir
Información adicional
Aplicaciones relacionadas
Recomendado para ti
Información relacionada Todo