Fale com o Slack o Aplicativo Web de Amostra

É muito fácil criar uma aplicação web simples que integrará um LLM com o conhecimento do usuário por meio de consultas ao Rememberizer.

O código-fonte do aplicativo pode ser encontrado aqui.

Nesta seção, forneceremos instruções passo a passo e o código-fonte completo, para que você possa criar rapidamente seu próprio aplicativo.

Criamos um Talk-to-Slack GPT no OpenAI. A aplicação web Talk-to-Slack é muito semelhante.


Introdução

Neste guia, fornecemos instruções passo a passo e código fonte completo para ajudá-lo a criar sua própria aplicação semelhante à nossa integração Talk-to-Slack GPT com Rememberizer.ai. Diferente da integração Slack, um aplicativo web oferece mais recursos e controle, como web scraping, acesso a banco de dados local, gráficos e animações, e coleta de pagamentos. Além disso, pode ser usado por qualquer pessoa sem a necessidade de uma conta genAI premium.

Visão Geral

Nossa aplicação de exemplo, Conversar com Slack, é hospedada no Heroku e integra o LLM da OpenAI com o Rememberizer.ai para aprimorar sua experiência no Slack. O aplicativo web é construído usando Flask e oferece recursos como integração OAuth2, acesso a dados do Slack e uma interface de usuário intuitiva.

Recursos

  • Arquitetura Baseada em Flask: As operações de backend, as comunicações de frontend e as interações com a API são gerenciadas pelo Flask.

  • Integração OAuth2: Autorização segura e acesso a dados com o fluxo OAuth2 do Rememberizer.

  • Acesso aos Dados do Slack: Busca os dados do Slack conectados ao usuário de forma segura usando as APIs do Rememberizer.

  • Integração com o LLM do OpenAI: Processa consultas com o serviço LLM do OpenAI para respostas perspicazes.

  • Interface de Usuário Intuitiva: Navegação e interação fáceis com um design de UI moderno.

  • Melhores Práticas: Adere aos padrões de segurança e experiência do usuário para uma integração perfeita.

Configuração e Implantação

Pré-requisitos

  • Python

  • Flask

[Note que não foi muito difícil ter um LLM para reescrever toda esta aplicação em outra linguagem, no nosso caso Golang. Portanto, tenha em mente que você não está limitado ao Python]

Configuração do Ambiente

Defina estas variáveis de ambiente:

  • APP_SECRET_KEY: Chave secreta única para Flask.

  • REMEMBERIZER_CLIENT_ID: ID do cliente para o seu aplicativo Rememberizer.

  • REMEMBERIZER_CLIENT_SECRET: Segredo do cliente para o seu aplicativo Rememberizer.

  • OPENAI_API_KEY: Sua chave API OpenAI.

Executando a Aplicação

  1. Iniciar Aplicativo Flask: Execute flask run no terminal e acesse o aplicativo em http://localhost:5000.

[Para testes e desenvolvimento]

Implantação na Nuvem

Recomenda-se a implantação em plataformas como Heroku, Google Cloud Platform (GCP), Amazon Web Services (AWS) ou Microsoft Azure.

Implantação Heroku

  1. Crie uma Conta Heroku: Instale o Heroku CLI. 2.Prepare Seu Aplicativo: Certifique-se de que um Procfile, runtime.txt e requirements.txt estão presentes.

  2. Implante: Use o Heroku CLI ou a integração do GitHub para implantação.

Passos Detalhados

  • Conectar Heroku ao GitHub: Ative as implantações automáticas do repositório GitHub para atualizações contínuas.

  • Implantação Manual: Opcionalmente, use a implantação manual para mais controle.

Configuração Adicional

  • Instale Heroku CLI: brew tap heroku/brew && brew install heroku (macOS).

  • Adicione certificados SSL: Use certificados autoassinados para a configuração inicial do HTTPS.

    • Um certificado pago oficial é definitivamente o caminho a seguir na produção, mas para testar rapidamente e de forma barata, você pode fazer isso de graça.

  • Configure Variáveis de Ambiente no Heroku: Use heroku config:set KEY=value para chaves essenciais.

Outras Plataformas de Nuvem

  • GCP: Configure uma conta GCP, prepare seu aplicativo com app.yaml e implante usando gcloud app deploy.

  • AWS: Use o Elastic Beanstalk para implantação após configurar uma conta AWS e o AWS CLI.

  • Azure: Implante através do Azure App Service depois de criar uma conta Azure e instalar o Azure CLI.

Segurança e Melhores Práticas

Antes da implementação, verifique o seu requirements.txt, ajuste as configurações para produção e atualize os URIs de redirecionamento OAuth.

requirements.txt

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

Visão geral do código do aplicativo

Aqui está uma breve visão geral das principais rotas do aplicativo:

  • @app.route('/') (Rota de Índice): Renderiza a página inicial do aplicativo.

  • @app.route('/auth/rememberizer') (Rota de Autenticação do Rememberizer): Inicia o processo de autenticação OAuth2 com Rememberizer.ai.

  • @app.route('/auth/rememberizer/callback') (Rota de Callback do Rememberizer): Lida com o callback de Rememberizer.ai após a autorização do usuário.

  • @app.route('/dashboard') (Rota do Painel): Mostra a página do painel para o usuário.

  • @app.route('/slack-info') (Rota de Informações de Integração do Slack): Mostra as informações sobre a integração do usuário do Slack com Rememberizer.ai.

  • @app.route('/ask', methods=['POST']) (Rota Perguntar): Lida com o envio de perguntas do usuário e gera uma resposta usando o modelo GPT-4 do OpenAI.

Notas Adicionais

  • Iconografia: Projetado com um estilo de arte de papel dobrado detalhado, refletindo a integração de IA e comunicação. Nosso ícone foi criado no Midjourney e Image2Icon.

  • Configuração SSL: Gere certificados autoassinados usando OpenSSL para comunicação segura.

Explore e Inove

Encorajamos a exploração e inovação com sua própria aplicação web integrada com IA, visando aumentar a produtividade e colaboração dentro de sua plataforma.


Esta documentação revisada fornece um guia abrangente para desenvolvedores criarem sua própria aplicação web integrada com IA, similar ao Talk-to-Slack. Inclui instruções detalhadas para configuração, implantação e visão geral do código da aplicação, juntamente com as melhores

Last updated