Hablar con Slack la Aplicación Web de Muestra

Es muy fácil crear una aplicación web simple que integrará un LLM con el conocimiento del usuario a través de consultas a Rememberizer.

El código fuente de la aplicación se puede encontrar aquí.

En esta sección proporcionaremos instrucciones paso a paso y el código fuente completo para que puedas crear rápidamente tu propia aplicación.

Hemos creado un Talk-to-Slack GPT en OpenAI. La aplicación web Talk-to-Slack es muy similar.

Aplicación web Talk-to-Slack.com por Rememberizer en Heroku
GPT de Talk-to-Slack por Rememberizer en OpenAI

Introducción

En esta guía, proporcionamos instrucciones paso a paso y el código fuente completo para ayudarte a crear tu propia aplicación similar a nuestra integración de Talk-to-Slack GPT con Rememberizer.ai. A diferencia de la integración de Slack, una aplicación web ofrece más características y control, tales como web scraping, acceso a la base de datos local, gráficos y animación, y la recopilación de pagos. Además, puede ser utilizada por cualquier persona sin la necesidad de una cuenta premium genAI.

Descripción general

Nuestra aplicación de ejemplo, Talk to Slack, está alojada en Heroku e integra LLM de OpenAI con Rememberizer.ai para mejorar tu experiencia en Slack. La aplicación web está construida usando Flask y ofrece características como la integración OAuth2, acceso a los datos de Slack y una interfaz de usuario intuitiva.

Características

  • Arquitectura basada en Flask: Las operaciones de backend, las comunicaciones de frontend y las interacciones de la API son manejadas por Flask.

  • Integración de OAuth2: Autorización segura y acceso a datos con el flujo OAuth2 de Rememberizer.

  • Acceso a Datos de Slack: Obtiene datos seguros de Slack conectados del usuario utilizando las APIs de Rememberizer.

  • Integración con OpenAI LLM: Procesa consultas con el servicio LLM de OpenAI para obtener respuestas perspicaces.

  • Interfaz de Usuario Intuitiva: Navegación e interacción sencillas con un diseño de IU moderno.

  • Mejores Prácticas: Se adhiere a los estándares de seguridad y experiencia de usuario para una integración fluida.

Configuración e Implementación

Prerrequisitos

  • Python

  • Flask

[Tenga en cuenta que no fue muy difícil hacer que un LLM reescriba toda esta aplicación en otro idioma, en nuestro caso Golang. Así que tenga en mente que no está limitado a Python]

Configuración del Entorno

Establezca estas variables de entorno:

  • APP_SECRET_KEY: Clave secreta única para Flask.

  • REMEMBERIZER_CLIENT_ID: ID de cliente para su aplicación Rememberizer.

  • REMEMBERIZER_CLIENT_SECRET: Secreto del cliente para su aplicación Rememberizer.

  • OPENAI_API_KEY: Su clave API de OpenAI.

Ejecutando la Aplicación

  1. Iniciar Flask App: Ejecute flask run en la terminal y acceda a la app en http://localhost:5000.

[Para pruebas y desarrollo]

Desplegando en la Nube

Se recomienda el despliegue en plataformas como Heroku, Google Cloud Platform (GCP), Amazon Web Services (AWS) o Microsoft Azure.

Despliegue en Heroku

  1. Cree una cuenta Heroku: Instale la interfaz de línea de comandos de Heroku (CLI).

  2. Prepare su aplicación: Asegúrese de que estén presentes un Procfile, runtime.txt y requirements.txt.

  3. Despliegue: Utilice la interfaz de línea de comandos de Heroku (CLI) o la integración con GitHub para el despliegue.

Pasos Detallados

  • Conecte Heroku con GitHub: Habilite los despliegues automáticos desde el repositorio GitHub para actualizaciones sin interrupciones.

  • Despliegue manualmente: Opcionalmente, use el despliegue manual para tener más control.

Configuración Adicional

  • Instale la interfaz de línea de comandos de Heroku (CLI): brew tap heroku/brew && brew install heroku (macOS).

  • Agregue certificados SSL: Utilice certificados autofirmados para la configuración inicial de HTTPS.

    • Un certificado oficial de pago es definitivamente el camino a seguir en producción, pero para probar esto de manera rápida y económica, puede hacerlo de forma gratuita.

  • Configure las variables de entorno en Heroku: Utilice heroku config:set KEY=value para las claves esenciales.

Otras Plataformas en la Nube

  • GCP: Configure una cuenta de GCP, prepare su aplicación con app.yaml, y despliegue usando gcloud app deploy.

  • AWS: Utilice Elastic Beanstalk para el despliegue después de configurar una cuenta de AWS y la interfaz de línea de comandos de AWS (CLI).

  • Azure: Despliegue a través de Azure App Service después de crear una cuenta de Azure e instalar la interfaz de línea de comandos de Azure (CLI).

Seguridad y Mejores Prácticas

Antes de desplegar, verifica tu requirements.txt, ajusta las configuraciones para la producción y actualiza las URI de redirección OAuth.

requirements.txt

Flask==3.0.2
requests==2.31.0
gunicorn==21.2.0
openai==1.14.0
pytest==8.1.1

Descripción General del Código de la Aplicación

Aquí hay una breve descripción de las rutas clave en la aplicación:

  • @app.route('/') (Ruta Índex): Renderiza la página de inicio de la aplicación.

  • @app.route('/auth/rememberizer') (Ruta de Autenticación de Rememberizer): Inicia el proceso de autenticación OAuth2 con Rememberizer.ai.

  • @app.route('/auth/rememberizer/callback') (Ruta de Callback de Rememberizer): Maneja el callback de Rememberizer.ai después de la autorización del usuario.

  • @app.route('/dashboard') (Ruta del Tablero): Muestra la página del tablero al usuario.

  • @app.route('/slack-info') (Ruta de Información de Integración de Slack): Muestra información sobre la integración del usuario de Slack con Rememberizer.ai.

  • @app.route('/ask', methods=['POST']) (Ruta de Pregunta): Maneja el envío de preguntas del usuario y genera una respuesta usando el modelo GPT-4 de OpenAI.

Notas adicionales

  • Iconografía: Diseñado con un estilo detallado de arte de papel doblado, reflejando la integración de IA y comunicación. Nuestro icono fue creado en Midjourney e Image2Icon.

  • Configuración SSL: Generar certificados autofirmados utilizando OpenSSL para una comunicación segura.

Explora e Innova

Fomentamos la exploración e innovación con tu propia aplicación web integrada con IA, con el objetivo de mejorar la productividad y la colaboración dentro de tu plataforma.


Esta documentación revisada proporciona una guía exhaustiva para los desarrolladores para crear su propia aplicación web integrada con IA, similar a Hablar-con-Slack. Incluye instrucciones detalladas para la configuración, la implementación y una visión general del código de la aplicación, junto con las mejores

Last updated