Guia Prático para Iniciantes: Azure OpenAI com JavaScript e TypeScript (Parte 2)
Tags: javascript, azureopenai, webdev, beginners
Published: 2023-10-27 22:47:37

---
title: Guia Prático para Iniciantes: Azure OpenAI com JavaScript e TypeScript (Parte 2)
published: true
description: Nessa série de três artigos vocês aprenderão a dar os primeiros passos a como usar o Azure OpenAI Service com JavaScript e TypeScript!
tags: #javascript #azureopenai #webdev #beginners
series: Guia Prático para Iniciantes - Azure OpenAI com JavaScript e TypeScript
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hl7qvzt6cgfaj5yviot8.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-10-23 18:13 +0000
---

## Introdução

Na segunda parte do _Guia Prático para Iniciantes: Azure OpenAI com JavaScript e TypeScript_, vamos nos aprofundar na implantação de um modelo no Azure OpenAI Studio. No **[artigo anterior](https://dev.to/azure/guia-pratico-para-iniciantes-azure-openai-com-javascript-e-typescript-parte-1-30f8)**, você aprendeu a como criar um recurso do Azure OpenAI Service. Agora, vamos compreender o processo, que inclui selecionar o modelo desejado, configurar a versão do modelo e atribuir um nome a implantação.

## Implantando um Modelo

Antes de começar a consumir o Azure OpenAI Service, você deverá fazer o deploy de um modelo. Para isso, basta seguir os passos abaixo:

- ✅ **Passo 01:** Dentro do recurso recém criado, vá até **Model deployments** e clique no botão **Manage Deployments**.

[![azure-openai-07.png](https://i.postimg.cc/HnGKB50W/azure-openai-07.png)](https://postimg.cc/xJRtdXFB)

- ✅ **Passo 02:** Após clicar nesse botão, você será direcionado para a página do **[Azure OpenAI Studio](https://oai.azure.com/portal)**. Depois clique no botão **Create new deployment**

[![azure-openai-08.png](https://i.postimg.cc/Gt7DbPMd/azure-openai-08.png)](https://postimg.cc/64Zq0ZJm)

> observe na imagem no canto superior direito que estamos criando justamente a implantação do modelo do recurso recém criado no Portal Azure.

- ✅ **Passo 03:** Aparecerá uma janela chamada **Deploy model**. Nessa janela, você preencherá os seguintes campos:

- **select a model**: escolha o modelo que deseja implantar. Nesse caso, escolha o modelo `gpt-35-turbo`.

- **model version**: escolha a opção `0301 (default)`.

- **deployment name**: digite um nome para a implantação (que seja um nome único).

E finalmente clique no botão **Create**.

[![azure-openai-09.png](https://i.postimg.cc/CLC1CsC1/azure-openai-09.png)](https://postimg.cc/N5MBBTzq)

- ✅ **Passo 04:** Aguarde alguns minutos até que a implantação seja criada.

[![azure-openai-10.png](https://i.postimg.cc/j59vRJMV/azure-openai-10.png)](https://postimg.cc/CBGbNdyJ)

Agora, estamos prontos para consumir o Azure OpenAI Service diretamente no código. Vamos criar agora a aplicação Node.js para consumir o Azure OpenAI Service.

## Próximos passos

Neste artigo, você aprendeu como implantar um modelo no Azure OpenAI Service. Os passos incluíram a seleção do modelo desejado, configuração da versão do modelo e atribuição de um nome à implantação. Após a criação da implantação, você está pronto para consumir o Azure OpenAI Service diretamente no código. No próximo artigo, você aprenderá a criar uma aplicação Node.js que consome o Azure OpenAI Service. Prepare-se para dar vida às suas ideias com o Azure OpenAI e JavaScript/TypeScript.

Ah! Já ia esquecer de falar aqui! Não deixem de se inscrever no meu **[Canal do Youtube](https://www.youtube.com/@GlauciaLemos)**! E, ainda durante o ano de 2023 virão muitas outras coisas bem legais no canal!

Algumas das novidades:

* 😃 **Microsoft Learn Live Sessions**
* 😃 **Tutoriais semanais de Node.js, TypeScript & JavaScript**
* 😃 **E, muito mais!**

Se são conteúdos que você curte, então não deixa de se inscreverem e ative o sininho para ficarem sabendo quando teremos vídeo novo! Essa semana já teremos uma série nova incrível lá no Canal do Youtube.

[![Screen-Shot-12-31-20-at-01-06-AM.png](https://i.postimg.cc/pr3TL4Pd/Screen-Shot-12-31-20-at-01-06-AM.png)](https://bit.ly/youtube-canal-glaucialemos)

E para ficarem por dentro de várias outras novidades, não deixem de me seguirem lá no Twitter!

[![Screen-Shot-12-31-20-at-01-06-AM.png](https://i.postimg.cc/sXPk87Td/Screen-Shot-05-24-23-at-08-32-PM.png)](https://twitter.com/glaucia_lemos86)

E nos vemos, no próximo artigo! ❤️❤️