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

---
title: Guia Prático para Iniciantes: Azure OpenAI com JavaScript e TypeScript (Parte 01)
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 17:08 +0000
---

O _Guia Prático para Iniciantes: Azure OpenAI com JavaScript e TypeScript_ é um ponto de partida essencial para explorar a Inteligência Artificial na nuvem do Azure. Este guia será dividido em 3 partes, abordando: 'Como criar o recurso do Azure OpenAI Service', Como implementar o modelo criado no Azure OpenAI Studio e finalmente consumir esse recurso numa aplicação Node.js/TypeScript. Essa série te ajudará a aprender os fundamentos para que assim você possa começar a desenvolver suas aplicações com Azure OpenAI Service. Seja você um iniciante ou uma Pessoa Desenvolvedora experiente, descubra como criar aplicações inteligentes e desbloquear o potencial da IA com facilidade.

## Temas abordados nessa série:

- **[Parte 1 - Introdução ao Azure OpenAI Service](https://dev.to/azure/guia-pratico-para-iniciantes-azure-openai-com-javascript-e-typescript-parte-1-pia-temp-slug-5683203)**
- **[Parte 2 - Implantando o Modelo no Azure OpenAI Studio](https://dev.to/azure/guia-pratico-para-iniciantes-azure-openai-com-javascript-e-typescript-parte-2-1ij1)**
- **[Parte 3 - Criando a aplicação Node.js para consumir o Azure OpenAI Service](https://dev.to/azure/guia-pratico-para-iniciantes-azure-openai-com-javascript-e-typescript-parte-3-52o4)**

## IA Responsável

Antes de começarmos a falar sobre Azure OpenAI Service é muito importante falar sobre o forte comprometimento da Microsoft em relação a todo o movimento relacionado a Inteligência Artificial. E a Microsoft está empenhada em relação a esse tópico. Assim sendo, a Microsoft está comprometida em garantir que a IA seja usada de maneira responsável e ética. Além disso, a Microsoft está trabalhando com a comunidade de IA para desenvolver e compartilhar as melhores práticas e ferramentas para ajudar a garantir que a IA seja usada de maneira responsável e ética, incorporando assim os 6 principais princípios, que são eles:

- **Justiça**
- **Inclusão**
- **Confiabilidade e Segurança**
- **Transparência**
- **Segurança e Privacidade**
- **Responsabilidade**

Se desejarem saber mais informações sobre o comprometimento da Microsoft em relação a IA Responsável, acessem o link **[Microsoft AI Principles](https://www.microsoft.com/pt-br/ai/responsible-ai?rtc=1&activetab=pivot1:primaryr6)**.

Agora podemos seguir com o artigo! 

## Entendendo o que é Azure OpenAI Service?

O Azure OpenAI Service oferece acesso a modelos avançados de linguagem do OpenAI, como **[GPT-4](https://learn.microsoft.com/azure/ai-services/openai/concepts/models?WT.mc_id=javascript-110690-gllemos#gpt-4)**, **[GPT-3.5-Turbo](https://learn.microsoft.com/azure/ai-services/openai/concepts/models?WT.mc_id=javascript-110690-gllemos#gpt-35)** e **[Embeddings](https://learn.microsoft.com/azure/ai-services/openai/concepts/understand-embeddings?WT.mc_id=javascript-110690-gllemos)**, via API REST. Os modelos GPT-4 e GPT-3.5-Turbo estão agora disponíveis para uso geral, permitindo adaptação para tarefas como geração de conteúdo, resumos, pesquisa semântica e tradução de linguagem natural para código. Os usuários podem acessar o serviço por meio de APIs REST, SDK do Python ou o Azure OpenAI Studio.

Para entender mais sobre os modelos disponíveis no Azure OpenAI Service, você pode acessar através do link **[Azure OpenAI Service models](https://learn.microsoft.com/azure/ai-services/openai/concepts/models?WT.mc_id=javascript-110690-gllemos)**.

## Criando o recurso do Azure OpenAI Service

> O uso do Azure OpenAI Service é **limitado**. Assim sendo, se faz necessário solicitar o acesso ao serviço em **[Azure OpenAI Service Form](https://aka.ms/oai/access)**. Assim que você tiver a aprovação, poderá começar a usar e testar o serviço!

Assim que você tiver com o seu acesso aprovado, entre no **[Portal Azure](https://azure.microsoft.com/?WT.mc_id=javascript-110690-gllemos)** e vamos criar o recurso do Azure OpenAI. Para isso, basta seguir os passos abaixo:

- ✅**Passo 01:** Clique no botão **Create a resource**

[![azure-openai-01.png](https://i.postimg.cc/L6k0TcgP/azure-openai-01.png)](https://postimg.cc/fJLKWgKW)

- ✅ **Passo 02:** Na caixa de pesquisa, digite **Azure OpenAI** e depois clique em **Create**

[![azure-openai-02.png](https://i.postimg.cc/X7N9RmDd/azure-openai-02.png)](https://postimg.cc/xq7kHxQ1)

[![azure-openai-03.png](https://i.postimg.cc/fWqbbPRx/azure-openai-03.png)](https://postimg.cc/RqfmsXfF)

- ✅ **Passo 03:** Na tela de criação do recurso, preencha os campos conforme abaixo:

[![azure-openai-04.png](https://i.postimg.cc/QdhNYZ4Z/azure-openai-04.png)](https://postimg.cc/gntPrQbg)

Observe que, no campo `Pricing tier`, você pode testar o Azure OpenAI Service gratuitamente, porém, com algumas limitações. Para ter acesso a todas as funcionalidades, você deverá escolher um plano pago. Para mais informações em relação a preços, acesse o link **[Azure OpenAI Service pricing](https://azure.microsoft.com/pricing/details/cognitive-services/openai-service/?WT.mc_id=javascript-110690-gllemos)**.

- ✅ **Passo 04:** Na aba **Network** escolha a opção: `All networks, including the internet, can access this resource.` e depois clique em **Next**.

- ✅ **Passo 05:** Após todos os passos, clique no botão **Create** para criar o recurso.

[![azure-openai-05.png](https://i.postimg.cc/hPwbVMpm/azure-openai-05.png)](https://postimg.cc/QHQT3gLN)

- ✅ **Passo 06:** Aguarde alguns minutos até que o recurso seja criado.

[![azure-openai-06.png](https://i.postimg.cc/KY45Twyt/azure-openai-06.png)](https://postimg.cc/1gh6hWXz)

## Próximos passos

No próximo artigo iremos aprender como implantar um modelo no Azure OpenAI Studio. Pois será através desse modelo que iremos consumir o Azure OpenAI Service diretamente no código.

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! ❤️❤️