Back to Blog
March 23, 2024

Guia para iniciantes da API GPT-4 e Tutorial da API ChatGPT 3.5 Turbo

Guia para iniciantes da API GPT-4 e Tutorial da API ChatGPT 3.5 Turbo

🤖 Como Integrar a API de Chat GPT-4 e GPT 3.5 no seu Próximo Website ou Aplicação

Está à procura de integrar a API de chat GPT-4 e GPT 3.5 no seu próximo website ou aplicação? Não procure mais! Neste artigo, mostraremos como construir e implantar uma aplicação codificada do zero usando tecnologia serverless na Microsoft Azure, e ela se integrará diretamente com a OpenAI e suas APIs.

Índice

- Introdução

- Configurando a OpenAI

- Instalando o Node.js e o VS Code

- Criando um servidor REST

- Consultando a OpenAI

- Criando uma interface

- Tornando o chat interativo

- Adicionando histórico de mensagens

- Implantação na nuvem

- Conclusão

Introdução

GPT-4 e GPT 3.5 são modelos de linguagem poderosos desenvolvidos pela OpenAI que podem ser usados para personalizar seu próprio chat diretamente com a OpenAI e seus modelos. Neste artigo, mostraremos como integrar esses modelos no seu próximo website ou aplicação usando tecnologia serverless na Microsoft Azure.

Configurando a OpenAI

Para começar, acesse o site da OpenAI e crie uma conta. Depois de se inscrever, você será levado ao painel da OpenAI, onde poderá acessar a documentação, referências de API e exemplos. Você também pode ir ao playground, onde pode interagir com a versão de chat do GPT, bem como o GPT-4 e testar como funciona.

Instalando o Node.js e o VS Code

Antes de começarmos, precisamos instalar o Node.js, um tempo de execução JavaScript que nos permitirá criar um servidor REST simples. Também usaremos o VS Code, um editor de código que vem com muitos plugins excelentes que podemos usar para tornar a experiência de codificação mais fácil.

Criando um servidor REST

Depois de instalarmos o Node.js e o VS Code, podemos criar um servidor REST usando os pacotes Express, OpenAI, body-parser e cors. Criaremos uma nova pasta para este projeto e a inicializaremos usando o npm. Em seguida, instalaremos os pacotes necessários e criaremos o primeiro arquivo para o projeto, que será chamado de index.js.

Consultando a OpenAI

Para consultar a OpenAI, usaremos a função createChatCompletion, que é uma das novas opções que agora está disponível para se comunicar com o chat GPT 3.5, bem como o GPT-4. Vamos definir o modelo para começar e, para este modelo, definiremos como um GPT-3.5 turbo, que é na verdade o modelo mais barato atualmente disponível.

Criando uma interface

Para criar uma interface, usaremos um iniciador HTML básico e criaremos um formulário que um usuário executa com uma entrada e um botão de envio. Também criaremos um registro de chat, onde todas as mensagens serão exibidas.

Tornando o chat interativo

Para tornar o chat interativo, mudaremos o formulário de uma solicitação get para uma solicitação post e ouviremos as mensagens que são enviadas como parte dessa solicitação post. Essa mensagem pode ser enviada diretamente para a API dentro do array e, se desejar, você pode até coletar mensagens como um array para ter um backlog e histórico.

Adicionando histórico de mensagens

Para adicionar o histórico de mensagens, salvaremos o histórico como um array de mensagens entre o usuário e o assistente, com uma mensagem do sistema no início para dar contexto de como o chatbot real deve funcionar.

Implantação na nuvem

Para implantar a aplicação na nuvem, usaremos a Microsoft Azure, um serviço de computação em nuvem que nos permite criar e implantar aplicativos sem a necessidade de servidores físicos. Criaremos uma função que será executada sem nenhum servidor e a implantaremos na nuvem.

Conclusão

Em conclusão, integrar a API de chat GPT-4 e GPT 3.5 no seu próximo website ou aplicação é mais fácil do que você imagina. Seguindo os passos descritos neste artigo, você poderá construir e implantar uma aplicação que se integra diretamente com a OpenAI e suas APIs. Então, o que você está esperando? Comece hoje mesmo e veja o que você pode criar!

Prós

- Fácil de integrar a API de chat GPT-4 e GPT 3.5 no seu próximo website ou aplicação

- A tecnologia serverless na Microsoft Azure torna a implantação fácil

- O histórico de mensagens permite uma experiência de chat mais interativa

Contras

- Requer algum conhecimento de Node.js e VS Code

- Pode exigir solução de problemas para fazer tudo funcionar corretamente

Destaque

- Integrar a API de chat GPT-4 e GPT 3.5 no seu próximo website ou aplicação

- Construir e implantar uma aplicação codificada do zero usando tecnologia serverless na Microsoft Azure

- Criar um servidor REST usando os pacotes Express, OpenAI, body-parser e cors

- Tornar o chat interativo mudando o formulário de uma solicitação get para uma solicitação post

- Adicionar histórico de mensagens para salvar o histórico como um array de mensagens entre o usuário e o assistente

FAQ

P: O que é a API de chat GPT-4 e GPT 3.5?

R: A API de chat GPT-4 e GPT 3.5 são modelos de linguagem poderosos desenvolvidos pela OpenAI que podem ser usados para personalizar seu próprio chat diretamente com a OpenAI e seus modelos.

P: O que é a Microsoft Azure?

R: A Microsoft Azure é um serviço de computação em nuvem que permite criar e implantar aplicativos sem a necessidade de servidores físicos.

P: Preciso saber Node.js e VS Code para integrar a API de chat GPT-4 e GPT 3.5 no meu website ou aplicação?

R: Sim, é necessário algum conhecimento de Node.js e VS Code para integrar a API de chat GPT-4 e GPT 3.5 no seu website ou aplicação.

Related Articles

Voice-of-customer
6 Best Amazon Listing Optimization Tools 2026 : Actually Fix Low Conversions

Getting traffic to your Amazon listing is only half the battle. The real frustration comes when you see thousands of impressions but a conversion rate that sits flat at 2%.Most sellers fail not because their product is bad, but because their listing fails to "speak" to the buyer's specific needs or

Feb 13, 2026
Read more
Voice-of-customer
7 Best Amazon Competitor Analysis Tools 2026: Outsmart the Digital Shelf

Most Amazon sellers fail not because they have a bad product, but because they are "blind" to their competition. In 2026, the marketplace has evolved; simply tracking a few keywords isn't enough. You need to understand your competitor’s sales psychology, their supply chain gaps, and—most importantly

Feb 11, 2026
Read more
Voice-of-customer
How to Handle Amazon Negative Reviews

In the competitive landscape of Amazon, managing negative reviews is often the ultimate pain point for sellers. Traditionally, operations teams have been stuck in a reactive cycle: relying on manual checks that are not only labor-intensive but also prone to missing the "golden window" for damage con

Feb 10, 2026
Read more
VOC AI Inc. 160 E Tasman Drive Suite 202 San Jose, CA, 95134 Copyright © 2026 VOC AI Inc.All Rights Reserved. Termos e Condições Política de Privacidade
Este sítio Web utiliza cookies
A VOC AI utiliza cookies para garantir o bom funcionamento do site, para armazenar algumas informações sobre as suas preferências, dispositivos e acções passadas. Estes dados são agregados ou estatísticos, o que significa que não poderemos identificá-lo individualmente. Pode encontrar mais pormenores sobre os cookies que utilizamos e como retirar o consentimento na nossa Política de Privacidade.
Utilizamos o Google Analytics para melhorar a experiência do utilizador no nosso sítio Web. Ao continuar a utilizar o nosso sítio, está a consentir a utilização de cookies e a recolha de dados pelo Google Analytics.
Aceita estes cookies?
Aceitar todos os cookies
Rejeitar todos os cookies