ChatGPT: crie aplicativos inteligentes / Autoresponder de email com a API do ChatGPT

1. Apresentação: Então você já ouviu falar sobre a beleza schottky e a adora. E agora você quer integrar a tecnologia em uma solução ou aplicativo. Digamos que você queira criar uma extensão do Outlook que use o chat GPT para gerar e-mails para você que você mesmo não queira escrever Bem, você está com sorte. Nesta aula, você aprenderá a usar o chat barato e dentário e modelos avançados de linguagem de IA para criar aplicativos inteligentes que possam responder a uma variedade de solicitações diferentes Seja você um iniciante, que na verdade é PT, ou um profissional experiente Este curso fornecerá as ferramentas sobre como integrar o Chat GPT em seus aplicativos do dia-a-dia e levar sua produtividade para o Olá, sou Henry e estou entusiasmado por ser o instrutor deste curso com mais de dez anos de experiência como consultor de dados e instrutor de IA Sou apaixonado por compartilhar meu conhecimento com pessoas de todo o mundo e ajudá-las a fazer coisas incríveis com Com este curso, você aprenderá a integrar o vt em outras plataformas e aplicativos, como o Outlook Até mesmo crie seu próprio aplicativo GPT de bate-papo, responda a e-mails em seu nome Este curso é perfeito para quem quer aprender a criar ótimos aplicativos inteligentes usando o chat GPT do zero Se você é um programador iniciante de um usuário experiente do chat GPT, eles obterão o conhecimento e as habilidades necessárias para levar seus projetos de produtividade ao próximo nível Com instruções passo a passo e orientação especializada, você aprenderá a usar o traction e t para criar aplicativos responsivos e poderosos que podem transformar a maneira como você trabalha e que podem transformar a maneira Ao longo do curso, você aprenderá os conceitos básicos do chat GET, incluindo como usar sua API para criar respostas a várias solicitações Também aprenderemos como integrar o Chat GET outras plataformas e aplicativos, como o Outlook. Ao final do curso, você terá as habilidades e o conhecimento necessários para criar seu próprio aplicativo de verificação CPT que possa responder a e-mails em seu nome No final do nosso projeto de aula, você também criará seu próprio aplicativo OPT. Então, você está pronto para criar alguns aplicativos inteligentes usando o chat GET? Então junte-se a mim neste curso e vamos construir coisas incríveis juntos. Nos vemos na aula 2. Sinopse de projeto: Olá a todos. Agora, esse curso não estaria completo sem falar sobre um projeto de aula. Então, até o final deste curso, quero que todos que estão fazendo isso basicamente criem um aplicativo inteligente rápido usando o chat GBT e o aplicativo de sua escolha Neste curso, por exemplo, ele combinará o Church BT com Outlook para criar um respondente de e-mail. Mas você não precisa usar o L Look, você pode usar muitos tipos diferentes de aplicativos. Aqui estão algumas ideias. Por exemplo, você pode combinar a cobrança com Excel para criar um aplicativo que gera automaticamente insights recomendações ou descrições com base nos dados inseridos. Você pode misturar chat, GPT e irritable. Isso basicamente fornece descrições de produtos ou postagens nas redes sociais de um determinado produto com base em atributos que são armazenados no air table. Outro exemplo muito rápido e fácil desse projeto é combinar o chat GPT com o Power Automate Portanto, crie um fluxo de trabalho simples que responda automaticamente às perguntas dos clientes ou aos tíquetes de suporte Uma plataforma do tipo atendimento ao cliente, certo? Novamente, essas são apenas maneiras diferentes de combinar o chat GPT com esses outros aplicativos para criar aplicativos inteligentes do zero Por fim, sobre compartilhar seu trabalho depois de criar um aplicativo. Em seguida, publique-o na galeria do projeto abaixo. Publique uma captura de tela e um resumo rápido do aplicativo que você criou e quais aplicativos você usa para criar o aplicativo Ok, incrível. 3. Ambiente: Criação de conta de API OpenAI: Uma coisa que definitivamente precisamos fazer agora é nos inscrever para obter uma chave de API com o OpenAI Isso nos permitirá conversar com os servidores da Open AI e basicamente fornecer instruções para seus modelos de linguagem, como Da Vinci ou E podemos receber respostas com facilidade. Então, o que vamos fazer aqui é clicar no botão da API. Atualmente, estou abrindo ai.com. Deixe-me ver se consigo ampliar um pouco mais. Deixe-me ir para a API e depois vou me inscrever aqui. Ok. Perfeito. Agora, vou me inscrever com minha conta da Microsoft. Depende de você. Se você quiser criar uma conta, você está ausente. Mas o que você precisa é realmente de um número de telefone válido que possa enviar mensagens de texto. Então, entrei com minha conta da Microsoft, mas ela está solicitando que eu confirme meu número de telefone. Então, o que eu vou simplesmente fazer é pegar essa guia movê-la para fora da tela só porque eu amo todos vocês, mas eu não quero que vocês tenham meu número de telefone. Vou digitar meu número de telefone para poder validá-lo Perfeito. Ok. Estou apenas validando isso agora. Só me dê alguns segundos aqui. Ok? Agora, ele faz algumas perguntas, como você usará principalmente a inteligência artificial aberta? Honestamente, isso realmente não importa muito. Só vou dizer que estou explorando uso pessoal da minha conta Open AI. Perfeito, e agora você está na API. Foi muito fácil. Agora vamos passar por essas coisas mais tarde. Mas uma coisa muito legal é que você pode clicar em playground, mas na verdade ter acesso a todo o chat GBT, Open AI, Dolly, qualquer modelo que você quiser daqui E você também pode mexer com os parâmetros. Você também pode alterar a temperatura, as sequências máximas de interrupção da mistura, muitas dessas coisas que são importantes saber E como você pode ver aqui, você pode usar diferentes modelos, todos os diferentes modelos GPT-3, todos os diferentes modelos de codecs E não sei por que Dolly está aqui, mas ela está disponível na API de qualquer maneira, então estamos bem Ok, perfeito. Agora, na verdade, temos uma API. Agora, para obter sua chave de API, que é a coisa mais importante que você precisa sobre esse processo, é se você for até aqui, acredito que seja pessoal e clique em Exibir chaves de API. Bem aqui. Você clica em Criar nova chave secreta. Depois de fazer isso, ele fornecerá basicamente algo para copiar, coloque isso em um bloco de notas apenas para que você o tenha, porque garantiremos que realmente o usaremos novamente. E vamos nos referir a ela como a chave da API Open AI. Incrível 4. Ambiente: como configurar uma conta do Azure: Tudo bem, agora a próxima coisa que faremos é configurar uma conta do Azure E a razão pela qual precisamos configurar uma conta do Azure é porque queremos usar o Azure Functions. As Funções do Azure são muito legais. Eles basicamente permitem que você execute código sem ter um servidor. Portanto, nosso aplicativo exige que nos conectemos à API aberta da IA, certo? E precisa de um computador ou servidor para fazer isso por nós. Agora, historicamente, o que você precisa fazer é comprar um computador, basicamente na nuvem ou fisicamente, e fazer com que esse computador realmente faça o ping da API da Open AI e receba as instruções e respostas Mas com a computação em nuvem e com o Azure, podemos simplesmente configurar algo chamado funções do Azure. Basicamente, podemos dizer que o Azure funciona toda vez que você recebe um ping, você precisa enviar esse ping para o OpenAI, enviar o prompt, receber a resposta de volta e mostrá-la E tudo é gerenciado por meio do Azure Functions. Então, novamente, você pode acessar aqui e ler mais sobre isso, acessar azure.microsoft.com e, em seguida, pesquisar por Azure seguida Mas também é muito, muito fácil e barato de usar. E a melhor coisa sobre isso é que você pode se desenvolver em qualquer idioma. Usaremos um Python, mas você pode realmente usá-lo em qualquer linguagem que quiser Ok? Mais uma vez, eu imploro que você passe por isso. Uma das melhores coisas é que, em termos de preços, é basicamente gratuito, especialmente para nossos propósitos. Será gratuito porque não precisamos de algo dedicado porque estamos apenas criando aplicativos de teste. Mas se você olhar isso aqui, é assim que a cobrança que você recebe é cobrada com base no tempo de execução e no total de execuções Então você tem uma bolsa gratuita por mês. Então, se você não ultrapassar 400.000 GB por segundo ou 1 milhão de execuções, então é gratuito, totalmente gratuito Agora, se você está apenas criando um aplicativo de amostra, você definitivamente não vai passar por isso. Então você deve ser capaz de fazer isso de graça. Ok, então, com isso dito, vamos criar nossa conta do Azure. Então, vamos clicar em conta gratuita aqui. Diz criar a nuvem com uma conta gratuita do Azure. Agora, aqui. Basicamente, se você se qualificar para uma conta gratuita, poderá continuar com ela porque, na verdade, receberá $200 gratuitamente do Agora, eu não sou elegível. Você só é realmente elegível se for, por exemplo, um estudante, se tiver um e-mail de estudante ou um e-mail de trabalho que não tenha sido usado antes, coisas assim. Então, vou escolher a opção de pagamento conforme o uso e me inscrever Mas lembre-se de que você deve tentar, se tiver uma conta escolar ou algo parecido , clicar em Começar gratuitamente. Agora, novamente, como estamos usando o Azure, você pagará qualquer coisa. De qualquer forma, será necessário um cartão de crédito de você. Mas, novamente, ele não será cobrado porque usaremos apenas o Azure Functions. Novamente, como vimos, se você não ultrapassar 400.000 GB por segundo ou 1 milhão de execuções, não será cobrado E mesmo depois disso, é bem barato de qualquer maneira. Ok. Então, vou entrar e clicar em fazer login. Agora vou entrar com minha conta da Microsoft que eu já configurei. Perfeito. Agora, depois de acessar esta página, novamente, você tem três opções para se inscrever. Você pode se inscrever usando a opção de avaliação gratuita, usando o Azure AD ou acessar os benefícios para estudantes. Então, essas são coisas diferentes que você pode fazer. Quero dizer, bem, vamos simplesmente usar as assinaturas Ok? Ter problemas de autenticação é estranho. Tudo bem. Então, lembre-se, vá para assinaturas e, em seguida, adicionaremos uma E, novamente, você tem duas opções. Eu vou selecionar. Pay-as-You-Go então me pedirá algumas coisas, como meu cartão de crédito, meu nome, sobrenome, meu número de telefone, O Pay-as-You-Go então me pedirá algumas coisas, como meu cartão de crédito, meu nome, sobrenome, meu número de telefone, tudo mais. Então, na verdade, vou fazer isso fora da tela. Não quero anunciar meu número de telefone nem para todos aqui. Deixe-me ver. Deixe-me ir em frente e fazer isso. Ele pede seu número de telefone só porque você não deveria. Você não deveria criar inúmeras contas do Azure, certo? Definitivamente não gosta disso. Então, deixe-me passar e coloco meu código de verificação e depois coloco meu endereço porque, novamente, você precisa inserir um cartão de crédito aqui Perfeito. Certo. Agora, a próxima coisa que vou fazer é inserir minhas informações de pagamento. Então, novamente, tudo que você precisa é de um cartão de crédito para se inscrever. Então, deixe-me ir em frente e fazer isso. Ok. Na verdade, coloquei meu cartão de crédito número oito, francamente, então vou tentar novamente. Eu realmente sinto muito por isso. Mas, novamente, isso é uma introdução para especialistas, então eu quero ter certeza de que gravo tudo Porque uma coisa que eu odeio é quando tutoriais abordam coisas, mas eles gostam de pular a parte mais importante Então, eu queria ter certeza de passar por cada coisa. Então, se alguém tiver uma pergunta , não será porque eu pulei alguma coisa Deixe-me tentar novamente aqui. Perfeito. Tudo bem. Agora, ele pode solicitar suporte técnico, mas não se preocupe, não compre isso Ou seja, não vale a pena que eles simplesmente cliquem no suporte técnico. E você deve estar bem. Então, vamos clicar em inscrever-se. Agora está basicamente confirmando minhas informações. Está fazendo todas as suas verificações. Então, vamos esperar até que isso seja feito. Lá vamos nós. Está feito. Agora, se você fez tudo corretamente, o que você deve ser capaz de fazer é acessar portal.azure.com e ver Então você deve ver algo assim. Se você não fizer isso, novamente, basta fazer perguntas nos comentários abaixo. Algo que você também deve poder fazer , se tiver feito isso corretamente, é poder acessar as assinaturas E você deve poder ver sua assinatura aqui agora. Ok, perfeito. E deve estar novamente ativo. Mas se você fez tudo isso, agora está basicamente no Microsoft Azure. Perfeito 5. Ambiente: como configurar o recurso de funções do Azure: Ok, agora que criamos uma conta do Azure, a próxima coisa que faremos aqui é criar um recurso do Azure Functions. Ok, então vou digitar a caixa principal aqui da função. Vamos criar um aplicativo funcional. É aqui que você lista todos os seus diferentes aplicativos de funções. Obviamente, ainda não fizemos um. Então, vamos prosseguir e clicar em Criar. Ok, e então precisamos preencher alguns detalhes. A primeira coisa é um grupo de recursos. Agora, isso é basicamente uma coleção de serviços. Portanto, se você usa muitos serviços diferentes do Azure, pode agrupá-los em grupos de recursos para fins de categorização. Ok, então vamos até aqui. Vamos criar um novo grupo de recursos. Novamente, isso é para o nosso chat GPT. Bem, na verdade, é IA aberta, mas para fins de teste de IA aberta. Ok, vamos clicar em Ok sobre isso. Então precisamos dar um nome a ele. Então, vamos até aqui e clicaremos primeiro em Abrir IA. Será uma publicação de código. Agora você precisa escolher basicamente seu tempo de execução e seu idioma. Então, vamos usar o Python. Mas, novamente, você pode codificar isso em qualquer linguagem com a qual se sinta confortável. A maioria das pessoas conhece Python, eu me sinto confortável em Python Então, estamos escolhendo o Python. Uma coisa importante aqui é que, no momento, ele só suporta até Python 3.10 E até três pontos dez estão no modo de pré-visualização. Então, na verdade, usaremos o Python 3.9. Ok? A região é para nós, tudo bem. O Linux está bem. E certifique-se de selecionar Plano de consumo. Não selecione um plano premium ou de serviço de aplicativo porque será muito mais caro para você. Então, novamente, certifique-se de clicar em consumo, ok, hospedagem. Você realmente não precisa afetar nada por aqui. Basicamente, uma função também cria uma conta de armazenamento, mas tudo bem. Você pode simplesmente ir para o networking aqui. Certifique-se de selecionar Ativar acesso público. Nada realmente para fazer aqui também. Nada para fazer aqui também. Você pode configurar a implantação do GitHub, o que foi muito legal, mas não precisamos fazer isso Ok, agora vamos para Revisar e Criar e clicar em Criar. Agora, o que o Azure está fazendo em segundo plano é na verdade, configurar seu site para você, o que é novamente muito legal, certo? Na verdade, está configurando esse computador funcional em segundo plano. Depois, você pode pedir que ele faça várias coisas diferentes. E vamos, basicamente, pedir que ele faça ping em APIs abertas e APIs para obter informações Ok, então, depois que isso for feito, diremos que a implantação foi concluída. E então podemos seguir em frente e ir para a próxima coisa que precisamos configurar. Incrível 6. Ambiente: instalação e configuração de Python: Ok, agora a próxima coisa que precisamos baixar é o Python. Agora, espero que a maioria de vocês já tenha o Python baixado e instalado E você pode verificar isso abrindo um terminal de comando. Então, digite cmd em seu bate-papo. Então você tem algo assim, ok? E agora digite em Python. E dirá se você já tem algum Python configurado neste ambiente virtual em que estou Não o tenha configurado. Então, ele abre uma Microsoft Store para mim, para eu comprá-la. Ok? Então, se isso acontecer, você não tem o Python configurado Especificamente, o Python que precisamos baixar agora a partir desta gravação, a versão do Python que está disponível é o Python Agora, aqui está a coisa principal. Não baixe o Python 3.11. Não clique neste botão amarelo aqui. Porque o Azure Functions atualmente só funciona com três pontos dez ou menos. E, particularmente, o modelo sustentável de longo prazo é 3,9. Ok, então lembre-se disso, por favor. Então, o que vamos fazer é, na seção de download ir até o final. Ok, opa. Acho que precisamos acessar os downloads e depois o Windows. E então vamos até o fundo até vermos o pico 0,9, 0,16 Ok. Então, vamos clicar nele. Na verdade, não acho que este tenha um instalador, nem instaladores. Tudo bem. Para facilitar, podemos baixar qualquer versão 3.9. Então, vamos para um que realmente tenha um instalador para usarmos. Vamos ver aqui. Vamos continuar aqui. 0,9, 0,13, 17 de maio de 2022. Vamos baixar o instalador do Windows. Eu tenho uma máquina de 64 bits, então vou baixar isso Eu também vou clicar nele porque está pronto. E vamos instalar o Python. Lá vamos nós. Então, vamos clicar em Instalar. Agora. Na verdade, vamos adicioná-lo ao caminho também. Quase lá. Ok, perfeito. Incrível. Então, agora vamos encerrar isso. E agora o Python deve estar envolvido em seu sistema. Então, vamos abrir outro arquivo cmd. Agora, se eu entrar aqui e digitar em Python, perfeito, obtenho a divergência do Python p 0,9 Agora, se você digitar isso e obtiver algo como 3.11, então, pelo menos a partir dessa gravação, você não poderá usar as funções do Azure Você precisará usar outra coisa. Ou o que você faz é desinstalar essa versão e instalar o Python 3.9, 0.13 Incrível 7. Ambiente: instalação de código do Visual Studio: Ok, agora isso está ficando um pouco cansativo, mas prometo que tudo valerá a pena no final A próxima coisa que precisamos baixar é o Visual Studio Code. Este é um aplicativo ou um IDE disponível na Microsoft que realmente permite que você, antes de tudo, codifique com facilidade. Mas a razão pela qual precisamos dele é porque realmente precisamos dele para implantar funções no Azure, ok, então você realmente precisa obter Visual Studio Code para permitir a implantação Ok, então vamos continuar e clicar em Download aqui. Perfeito, está só baixando. E, novamente, se você já tiver, pule o vídeo. Não é necessário assistir ao vídeo se você já sabe como fazer isso. Isso é novamente para todos. É por isso que vou detalhar muito, muito, muito detalhadamente. Porque a pior coisa sobre um tutorial ou curso é quando um instrutor pula algo que você acha que você sabe, mas na verdade você não E isso me traz muita coisa. Ok. Vamos prosseguir e clicar nele. Eu só vou abrir aqui. Então, eu vou aceitar o acordo. Em seguida, digite você para criar um ícone na área de trabalho. Em seguida, instale. Ok, Easy Peasy, Lemon Squeezy. Novamente, o Visual Studio Code, muito legal e honestamente, você se sente como um hacker quando o está usando Porque se você não usou, se você nunca usou nenhum tipo de IDE antes, é muito divertido de usar. Tudo bem. Eu provavelmente me fiz parecer um covarde por dizer isso, mas oh, bem, tudo bem Meu, está quase pronto. Perfeito. Ok, então vamos lançar o Visual Studio Code. Perfeito, então agora eu o tenho aberto. Eu vou escolher a opção escura aqui. E o que vou fazer é clicar em Abrir pasta. Ok. Vou entrar no meu documento, ah, vamos ver, na verdade vou criar, vamos ver, documento vai criar uma nova pasta aqui chamada Scratch. Ok? E vou selecionar essa pasta para abrir meu projeto. Diga que sim, confio nos autores. E lá vamos nós. É isso mesmo. Agora que temos tudo o que precisamos instalado, precisamos configurar um pouco com o código do Visual Studio. Mas ei, estamos quase lá. 8. Ambiente: como configurar o Código do Visual Studio: Agora, há algumas configurações que precisamos fazer no Visual Studio Code para que ele funcione corretamente A primeira coisa que precisamos fazer é garantir que possamos realmente executar e executar o código Python a partir do Visual Studio Code Só para tornar as coisas um pouco mais fáceis. Ok, bem, vamos fazer aqui vamos para a seção Explorar à esquerda. Se você não vê, certifique-se de clicar nesse cara aqui. E vamos clicar em Novo arquivo. E vamos digitar Scratch dot py. Ok, isso será um arquivo Python. Agora nos pergunta automaticamente: Ei, você deseja instalar as extensões recomendadas para Python? Sim, nós temos. Então, vamos clicar em Instalar nisso. Isso nos leva a esta página em extensões. Agora, na verdade, estamos instalando a extensão Python. E isso só nos ajuda porque basicamente nos permite codificar mais rápido. Ele nos dirá quando houver erros. Vou nos fornecer a formatação do caderno Jupiter. Vou nos fornecer uma depuração de coisas muito, muito sensatas Ok? Mas vamos voltar aqui. E vamos digitar um comando muito simples. Vamos digitar na impressão. E depois entre aspas. Olá, mundo. Opa, lá vamos nós. Olá, mundo. Ok, Perfeito, isso já está instalado. Deixe-me sair disso. Deixe-me ampliar um pouco mais também, só para que todos possam ver Ok, perfeito. Agora, como vamos realmente executar isso? A primeira coisa que precisamos fazer é garantir que nosso intérprete Python esteja instalado. No canto inferior direito, você deve ver basicamente o interpretador aqui que diz Python e está usando 393-39-1364 e está usando 393-39-1364 Na verdade, você pode ver o caminho do arquivo que o interpretador está usando Se quiser editá-lo, você sempre pode clicar nele e também alterar o intérprete Outra coisa que você pode fazer é me dizer que primeiro X é ir para Control Shift P. Vamos até, acho que podemos simplesmente pesquisá-lo em tr. Tr. Você pode clicar aqui. Se você digitar um intérprete, você pode clicar aqui, selecionar intérprete E como chego a isso, aliás, pressionando a tecla Control Shift, cliquei em P e digitei no Esse é basicamente um menu que permite pesquisar várias configurações diferentes. Então, vou pesquisar a configuração do intérprete. E aqui eu posso ver que posso clicar em Python para selecionar intérprete E então eu entendo isso. Na verdade, vou me perguntar: Ei, qual intérprete ou você quer usar E se isso não for configurado automaticamente para você , o que deveria ser, você sempre pode clicar aqui e digitar o caminho do interpretador de onde você está instalado o Python Então, você basicamente entraria aqui e digitaria o caminho em que o Python está instalado Novamente, se você ainda não viu isso , se você seguir as instruções até agora, você deveria. Ok. Então, vamos ver se isso funciona. Temos um comando Python aqui. O que vamos fazer é salvar esse arquivo primeiro. É para lá que serve o ponto. O ponto significa que o arquivo não foi salvo. Então, vamos clicar em Control S para salvar o arquivo. E então vamos clicar em F5. E quando clicamos em F5 pela primeira vez, ele solicita uma configuração de depuração . Vamos ver. Podemos simplesmente, acho que aqui, arquivo Python e executá-lo E vamos ver se isso funciona. Ok. Resumindo, não gostei disso. Oh, lá vamos nós. Olá, mundo. Ok. Perfeito. Isso funciona. Isso é bom. Se eu colocar aqui um Hello world novamente e clicar em, Certifique-se de salvá-lo Control S e, em seguida, clique em F5 Ou você também pode ir até aqui e clicar no botão Reproduzir. Então você deve fazer a mesma coisa. Olá, mundo de novo. Incrível. Então isso significa que está funcionando. E se você não consegue ver isso a propósito, então você tem que clicar nesse cara aqui, o que alterna a visibilidade desse painel Tão perfeito, fizemos uma coisa. Somos capazes de executar o Python diretamente em nosso código do Visual Studio. A outra coisa que precisamos fazer aqui é adicionar a extensão para as funções do Azure. Ok? Então, vamos ver aqui as extensões. E vamos pesquisar aqui, Azure Functions. Função Azure. Vamos clicar nele. Isso é o que parece. É uma extensão do Azure Functions para o Visual Studio Code. Vamos selecionar Instalar. Agora está sendo instalado. Agora, depois de fazer tudo isso, podemos simplesmente aceitar coisas de que não precisamos. Na parte inferior, você deve ver um a aqui. Esse é o símbolo do Azure. Então, vamos para o Azure. E o que precisamos fazer a seguir é entrar na conta do Azure que criamos, onde também residem as Funções do Azure que acabamos de criar Portanto, certifique-se de entrar na mesma conta do Azure. Então, vamos clicar em entrar no Azure. E então nos levará a esta página aqui. Em seguida, prosseguirá e entrará. Você foi citado e agora pode fechar esta página. Agora você sabe se isso vai funcionar, porque se você for aqui novamente para o Azure e para os recursos, clique na sua assinatura. E então você deve poder acessar o Function App. E você deve ver o aplicativo de funções que você criou alguns vídeos antes. Se você puder fazer isso, então você está no lugar correto. Incrível. 9. Ambiente: como executar Python e Pip no Terminal: Ok, agora, a próxima coisa que precisamos fazer é garantir que o comando Python esteja acessível em nosso terminal Então, se você não vê nada disso, o que você pode fazer é clicar nesse cara para alternar esse painel Agora, depois de abrir o Terminal, ele realmente abre um terminal PowerShell Então você pode entrar aqui e digitar python e clicar em Enter. E ele realmente lançará o Python para você. Então, se você vê algo assim, você fez isso corretamente. Para sair, basta digitar exit, open, close. E então você volta para o PowerShell. Agora, se isso não funcionar para você, mas você tem o Python instalado, significa que esse comando do Python não está disponível para você em sua variável de ambiente Então, como fazer isso é clicar na tecla Iniciar aqui e ir para variáveis de ambiente. Edite as variáveis de ambiente do sistema, clique em variáveis de ambiente. E aquele que você deseja editar é chamado de caminho. O que a variável path basicamente faz é percorrer todas essas pastas e encontrar comandos que residem nessas pastas Então, agora, se eu digitar em Python, por exemplo, ele primeiro verificará se o comando Python existe nesse diretório, depois nesse diretório e assim por diante Então, o que provavelmente acontece se você tiver o Python instalado, mas na verdade puder acessá-lo do terminal, é que você não tem um desses dois caminhos instalados em sua variável de ambiente Agora, como você sabe onde está o Python? Bem, você pode pesquisar no Google, mas geralmente está em C Users. E então seu nome, programas locais do AppData, Python, python 39, se você não vê esse URL atualizado, Então, por exemplo, se eu abrir meus diretórios aqui e vou até Henry, não vejo AppData Preciso entrar aqui manualmente e digitar os dados do aplicativo. E agora eu vejo isso. Então, programas locais, Python, python, treonina. E lá vamos nós. Como eu o tenho como parte das minhas variáveis de ambiente, posso ver isso claramente aqui. Ok? Agora, novamente, faça perguntas se você não souber como chegar lá. Mas esse geralmente é o caso se você não conseguir acessar o Python. Ok, então essa é a única verificação feita. A próxima coisa que precisamos fazer é realmente instalar o pip. Pip é um instalador de pacotes para Python que basicamente permite que você instale pacotes para Python para garantir que você tenha isso Pip de digitação. Clique em Enter. Se você receber algo assim, isso significa que você tem o pip instalado Ok? Agora, se você não tem o pip instalado, existem recursos online muito bons Então vá para pi, pi.org slash projects slash pip E explica exatamente para o Windows ou qualquer outro sistema operacional em que você esteja, como realmente implantar e instalar o pip Ok? Mas essa é a outra configuração que você precisa saber. É necessário ter o Python acessível a partir do terminal, bem como o Pip acessível a partir do 10. Ambiente: como criar a conta Microsoft 365 E5: Tudo bem, agora a próxima coisa precisamos fazer aqui é criar uma conta da Microsoft. E a razão é porque vamos integrar o chat GPT ao Power Apps, Automate SharePoint Teams, Power BI e a uma série de Agora, se você já tem uma conta A360, se você já tem algo como equipes da sua empresa ou algo parecido, então não se preocupe, está tudo bem Você pode pular este vídeo. Mas para aqueles que não o fazem, infelizmente você precisa criar uma conta O365 Mas eu conheço uma maneira de criar uma conta de teste gratuita que você pode usar por cerca de um mês. Novamente, isso é totalmente gratuito e você pode usá-lo para testar os desenvolvimentos, o que é bom. Ok? Então, a maneira de fazer isso é ir para o Microsoft 365 e depois ir para o Office 365, E5 Você também pode simplesmente pesquisar isso no Google, se quiser, e isso deve levá-lo até aqui. Em seguida, vá em frente e selecione o teste gratuito. Ok? A próxima coisa que você precisa fazer aqui é inserir seu endereço de e-mail profissional ou escolar. Ok? Agora, o Gmail e o Outlook não funcionarão aqui, certo? Portanto, essa não é a mesma conta que você usa para configurar o Azure. Essa é uma conta totalmente diferente. Infelizmente, novamente, você pode usar o Outlook ou o Gmail, mas o que você pode fazer é inserir um e-mail do trabalho ou da escola inserir Se você não, então eu te protejo. Outra coisa que você pode fazer é ter algo chamado homem temporário. Então, por exemplo, se você apenas atualizar esta página aqui, Bem, esse era na verdade o mesmo endereço de e-mail, mas às vezes você precisa voltar a usar seu endereço de e-mail porque esse é um e-mail temporário que você pode usar e acho que muda a cada hora Existem alguns outros que você pode usar, mas vamos copiá-los para nossa área de transferência E você pode colar isso aqui. E você não precisa se preocupar porque depois disso, você não precisa mais se preocupar com esse e-mail. Ok? Então, vamos clicar em Configurar a conta que precisará inserir nossas informações. Então, abra-os novamente, Henry. Melhor número de telefone comercial. Vou colocar algo aleatório aqui. Nome da empresa. Agora, anteriormente eu o coloquei no curso da Udemy, mas vamos chamar essa pequena empresa de GPT Ok, eu vou, cinco a nove pessoas farão este Canadá para mim porque eu moro fora do Canadá. E vamos clicar em Avançar. Agora, a próxima coisa que você precisa fazer é verificar seu número de telefone. Então, vou colocar isso em outra tela enquanto faço isso. Porque, obviamente, você não quer. Quer dizer, eu amo todos vocês, mas não quero que todos tenham meu número de telefone. Então, vou apenas inserir meu código de verificação. Clique em Verificar. E agora é aqui que chegamos à parte divertida. Como você quer que seu domínio seja chamado? Agora que você está criando uma conta de teste, ela terá.onmicrosoft.com Então, vou fazer disso meu nome de usuário e meu nome de domínio. E certifique-se de realmente salvá-lo em algum lugar, pois você precisará fazer login novamente e agora inserir sua senha. Ou, desculpe, crie uma senha em vez disso. Agora é só assinar o n. Ok? Agora, esta é a última etapa aqui para inserir uma forma de pagamento. Agora, se você acha que ele continuará usando o Office 365 E5, vá em frente Coloque-o dentro. Mas se você não fizer isso honestamente, basta fechar esta página e abrir uma nova guia e pronto Sua conta foi criada. Você nem precisa colocar um cartão de crédito, o que eu acho muito engraçado. Espero que a Microsoft não assista esse vídeo e meio que o bloqueie para mim, mas veremos, ok, agora estamos de volta aqui O que eu quero que todos façam agora é realmente acessar o Centro de Administração da Microsoft. Então, Centro de Administração do Microsoft 365, você pode simplesmente pesquisar isso no Google. Administração do Microsoft 365. Vá até aqui no canto superior direito. E você não quer entrar novamente com sua conta pessoal do Outlook. Em vez disso, você deseja fazer login com sua conta 365. Ok? Então, clique nesses três pontos, clique em trabalho, escola ou universidade E isso deve transferi-lo para a conta que você acabou de criar, a conta Microsoft 365 Ok. Perfeito. Aí está você. Agora, novamente, verifique se você está na conta correta. Às vezes, a Microsoft gosta de mudar você, então podemos sempre olhar no canto superior direito para ter certeza de que você está na mesma conta. Mas essa é a conta que acabamos de criar. Agora, se você for até o canto superior esquerdo e o lançador de aplicativos GoTo, terá acesso à Microsoft Vamos lá. É aqui que você deveria estar. Desculpe. Acesse aqui todos os aplicativos. Isso é estranho. Por que, por que não consigo encontrar nenhum dos aplicativos? Estranho? Deixe-me entrar aqui. Ok. Tudo bem. Sabe, talvez seja porque não o colocamos em nosso cartão de crédito. Quer dizer, eu uso em minha própria conta pessoal de qualquer maneira. Mas você deve ter acesso ao Teams, Power Apps e Power Automate E para verificar se algo que você pode fazer aqui é abrir uma nova tela e acessar make.powerapps.com Ok? Depois de entrar aqui, ele deverá fazer login automaticamente com base na conta que está configurada para você. Então, novamente, agora, na verdade, está padronizado para outra conta Então, eu vou sair desta. E eu vou entrar no chat GPT one. Então, deixe-me ir em frente e fazer isso. Lá vamos nós. Estou recebendo minha senha. Perfeito, e isso deve carregar. E vamos fazer a mesma coisa com Power Automate porque também o usaremos Então, acesse Power automate.microsoft.com. Vamos entrar. Escolha a conta que você acabou de criar. Perfeito. Comece. Vamos mudar isso para o Canadá porque atualmente estou no Canadá e esses dois estão apenas carregando. E, finalmente, vamos abrir equipes. Não tenho certeza se você pode , você sabe, talvez precisemos baixá-lo, mas faremos isso no próximo vídeo. Vamos apenas garantir que essas duas coisas funcionem. Perfeito, ok, então, se você acessou esta página, certifique-se de que seu ambiente corresponda à empresa que você acabou de criar. Então você está no lugar certo se você vier aqui. Perfeito. Ok. Então você tem o Power Apps e o Power Automate totalmente funcionando. Agora, novamente, a razão pela qual eu queria ir primeiro para a Microsoft até 65 é porque geralmente você pode iniciar seus aplicativos em office.com Mas talvez a Microsoft tenha mudado isso desde então, mas tudo bem. Você pode simplesmente acessar os links e ele abrirá o Power Apps e o Power Automate para você. Incrível. 11. API sem servidor: uso de Python para acessar a API do OpenAI: Agora temos todos os nossos ambientes e software configurados. A próxima etapa é realmente criar uma API GPT de bate-papo sem servidor Então, é basicamente uma API que criamos que nos permite fazer ping em APIs abertas, API para qualquer resposta que quisermos Agora, se isso foi um pouco confuso, novamente, consulte o gráfico e a seção de introdução deste curso, onde é assim que criamos aplicativos Basicamente, criamos o Azure Functions que executa ping em APIs, fazem perguntas, recebem respostas e, em seguida, basicamente mostram essas respostas no aplicativo Ok? A primeira coisa que precisamos fazer é ter certeza de que, antes mesmo de entrarmos no Azure Functions e nas funções sem servidor, precisamos ter certeza de que podemos realmente trabalhar com a API da Open AI Agora, se eu abrir meu navegador aqui e ir para a referência da API. Então, agora eu sou uma api.com aberta. Eu fiz o login e vou para a documentação e vou para a introdução para a referência da API Este é um guia muito bom sobre como realmente usar a API da Open AI. Novamente, é muito fácil e você pode alterar a linguagem aqui para a linguagem que você está usando, que no nosso caso é Python Ok? Então, isso é o que vou usar como base. Mas, novamente, quero que esse seja o guia completo. Então, por favor, use isso como material de referência ao criar seus próprios aplicativos. Porque estou te dizendo que está muito, muito bem, não é difícil de entender. Há algumas configurações, esquisitices aqui, mas não é tão difícil Ok? Então, vamos criar um novo arquivo. E vamos criar, chamaremos a API de acesso a arquivos dot py. Ok. Agora, a primeira coisa que precisamos fazer é realmente instalar uma biblioteca chamada Open AI. Então, como fazemos isso, vamos abrir um novo terminal. Na verdade, podemos simplesmente, acho que podemos usar este, mas eu sempre gosto de abrir um novo terminal, caso as pessoas estejam seguindo pela primeira vez. Na verdade, vou instalar no OpenAPI. Então, vamos escrever isso em pip, instalar o Open AI. O que está fazendo agora é que está realmente instalando. Open AI é uma biblioteca de funções do Python que podemos usar para facilitar o acesso a APIs abertas e a API usando Ok? Então, é basicamente uma ponte que nos permite nos conectar a AIs abertas. Tudo bem, então vamos esperar até que isso seja feito. Agora, enquanto isso está acontecendo, podemos realmente continuar. A próxima coisa que precisamos fazer é quando nos conectamos à API da Open AI, precisamos identificar quem somos e como a Open AI faz isso é exigir que você passe uma chave de API. Então, o que eu quero que todos façam é entrar em contato com a equipe, acessar Exibir chaves de API e criar uma chave secreta. Agora, depois de criar isso, você não poderá voltar a usá-lo. Portanto, certifique-se de clicar em copiar e salvá-lo em algum lugar. Além disso, não tente simplesmente copiar meu texto aqui, porque no momento em que você estiver vendo este vídeo, você não terá realmente acesso a essa API. Então, por favor, acesse sua conta pessoal e crie uma nova chave secreta dessa forma. Ok. Então, vamos voltar aqui e parece que nosso PIP foi concluído com sucesso Incrível. Então, a primeira coisa que vamos fazer é realmente trazer nossa chave. Vamos chamar isso de chave secreta igual. E então, entre aspas simples, essa chave de API. Ok, perfeito. A próxima coisa que faremos aqui é simplesmente ligar para a OpenAI e realmente ver seu trabalho Então, o que vou fazer aqui é importar no modelo da Open AI. Ok? Então, o que eu preciso fazer é autenticar que eu realmente tenho uma chave que eu possa usar para realmente acessar seus serviços Então, eu vou dizer API aberta. A chave de API que eu quero usar para isso é igual a essa variável de chave secreta que eu tenho no topo. Agora, ao fazer isso, sempre que faço solicitações para abrir a API, ele sabe que está vindo de uma boa fonte porque pode levar a chave secreta dessa conta que acabei de criar com a API aberta, desculpe, com o OpenAI Ok. Agora, a próxima coisa que posso fazer é, na verdade, eu posso, basicamente, fazer solicitações para modelos diferentes. Então, por exemplo, o que eu posso fazer agora é dizer, vamos ver, as saídas são iguais a um ponto de IA aberto. Agora, o Open AI tem vários modelos diferentes que eu posso acessar. Mas eu vou, bem, desculpe, muitas funções diferentes. Vou acessar a função de conclusão, que basicamente cria uma resposta alegada com base em um prompt Então isso é basicamente o que Chuck GPT usa, certo? Então eu vou dizer criar. Essa função basicamente aceita vários argumentos. A primeira coisa que preciso especificar é, ei, qual modelo você deseja usar? Anteriormente, vimos como Open AI tem vários modelos diferentes. Eles têm suas vantagens e desvantagens. Vou usar o que é usado pelo chat GPT, que é o modelo da Vinci Então eu vou usar suor aqui. Traço de texto, Da Vinci, traço 003. Agora, isso pode estar desatualizado no momento em que você realmente vê este curso Portanto, a melhor maneira de saber quais modelos criar é entrar aqui e clicar nos modelos e ver quais são os modelos mais recentes. Você também pode dar uma olhada na bebida Curie e outras. Mas eu vou dar uma olhada em Da Vinci. Ok, perfeito. A próxima coisa que você deve querer mostrar é a solicitação real. Ok? Então, o que você quer que o chat GPT conclua ou produza? Bem, o que eu vou fazer aqui é no topo desta página, digitar um prompt também. Agora vou dizer que quero que o aviso seja, você sabe, me diga um slogan, uma empresa segurança ou de segurança doméstica É isso mesmo. Ok. Então, eu preciso dar uma dica. Então, vou fazer com que o parâmetro prompt dessa função seja igual à variável prompt, que é, novamente, diga-me um slogan para uma empresa de segurança doméstica Ok, agora eu também posso colocar outras coisas, mas eu também preciso colocar o máximo de tokens que basicamente significa que, novamente, já falamos sobre o que são tokens, mas quantos tokens você quer que a Open AI crie para Se você tem esse número muito alto, então ele pode lhe dar ensaios, prêmios Se você tem esse valor muito baixo, então você só pode obter, você sabe, eu acho que uma é, eu acho que a ideia é dez símbolos são iguais a sete palavras, certo? Vamos fazer 100 fichas. A ideia de que, se você quiser economizar seu dinheiro e salvar suas solicitações , teria tokens mais baixos, certo? Um slogan não deve ter mais do que, eu acho, dez palavras Então, cerca de 100 caracteres. Vou fazer 200 caracteres. Isso deve estar bem. Ok. Então vamos fazer com que a temperatura seja igual a zero. Novamente, isso é muito autoexplicativo. Já falamos sobre qual é a temperatura que podemos alternar, ela só vai torná-la zero A última coisa que queremos fazer é realmente imprimir as saídas Ok? Então, podemos realmente ver como é. Com isso dito, vamos clicar em F5 e vê-lo em ação Lá vamos nós. Nós terminamos. Agora, o que fizemos foi imprimir a saída. A saída é, na verdade, um arquivo JSON. Bem, em vez disso, é um objeto JSON. E tem um monte de coisas diferentes. Tem uma chave chamada Choices. E dentro das opções, você tem o seguinte aqui. Então você tem o motivo final, o índice, as instruções de registro, mas também tem a resposta da OpenAI aqui Proteja sua casa, garanta sua paz de espírito. Bem, esse é um ótimo slogan. Ele também fornece outros metadados. Então, ele informa quando foi criado com as ideias, qual modelo foi usado, o objetivo e também informa quantos tokens foram usados para essa solicitação Então, as instruções, os tokens eram nove, a conclusão para as crianças era 13 Ok, perfeito. Lá vamos nós. Basicamente, criamos nossa primeira função em Python. Bem, fizemos nossa primeira solicitação de Open AI usando Python, que é a primeira etapa para Open AI usando Python, criar uma API GPT de bate-papo sem servidor que podemos instalar em todos os Incrível 12. API sem servidor: gerenciamento de respostas do ChatGPT: Agora que temos uma maneira, basicamente, de usar um script Python para acessar a API da Open AI Basicamente, demos esse aviso aqui. Executamos o script, ele acessou a API. Ele basicamente deu esse aviso a esse modelo e depois retornou à saída, que é esse arquivo JSON . Tudo isso é ótimo. Mas, na verdade, precisamos retirar o texto aqui porque queremos poder mostrar isso em nossos aplicativos. Não queremos mostrar todas essas coisas. Tudo o que queremos mostrar é o texto real. Então, o que teremos que fazer aqui é criar uma nova variável chamada texto de saída que será igual à saída. E vamos ver aqui. Portanto, a saída agora é um JSON. Então, vamos acessar o primeiro elemento dessas opções de JSON Então, vamos digitar as opções. Em seguida, também acessaremos o primeiro item dentro das opções, certo? E, novamente, como isso é Python, o primeiro item é igual ao índice zero porque os computadores começam a contar em zero Ok, então agora estamos aqui. Agora que estamos aqui, queremos o texto. Então, eu vou apenas colocar um texto. E isso deve retornar essa string aqui, o que é ótimo. Tudo bem, então vamos executar isso e ver como funciona Ok, então vou clicar em Executar arquivo Python nessa elipse, o que eu deveria fazer é Deixe-me fazer isso. Certifique-se de salvá-lo. E então vamos jogar. Perfeito. Ok, lá vamos nós. Então, agora conseguimos realmente produzir apenas a cotação de que precisamos, o que é ótimo. Agora, provavelmente também precisamos limpar algumas coisas . Por exemplo, provavelmente não queremos essas aspas duplas aqui. Você provavelmente não quer o período, mas temos o texto principal. Agora também podemos escolher outras instruções, certo? Então, em vez de me dizer um slogan para uma empresa de segurança doméstica, podemos dizer: dê-me um esboço de um curso sobre como criar aplicativos web usando o Ok, então eu posso fazer isso. Vou aumentar o máximo de tokens para 300 só para ver qual é a aparência, porque quero receber mais mensagens de texto de volta Então, vamos em frente e vamos jogar novamente. Um arquivo Python. Ok, não gosta de nada. Vamos ver do que não gosta? Oh, é porque eu fiz isso acidentalmente. Ok, deixe-me voltar aqui. Clique em Executar arquivo Python novamente. Então está funcionando, e lá vamos nós. Perfeito. Então, aqui, introdução aos aplicativos da web. O que é um aplicativo web? Benefícios de usar um aplicativo da web. Começando com o bubble, a conta bubble, criando seu aplicativo web e assim por diante Então, agora criamos um script Python muito simples. Escreva isso novamente, com um prompt e uma chave secreta, acessa a API e fornece uma saída para nós A próxima coisa que precisamos fazer é tornar isso sem servidor Porque precisamos basicamente envolver isso em uma função que nossos aplicativos, como Power Apps, power Automate e Bubble Air Table, possam acessar em tempo real Ok, então é isso que vamos fazer a seguir. Agora vamos colocar isso no Azure Functions, o que significa que sempre que precisarmos qualquer tipo de resposta de uma API, podemos basicamente usar essa função do Azure. E não precisamos ter um computador funcionando ou ele basicamente não terá servidor, o que é bom Então, vamos fazer isso no próximo vídeo. Incrível. 13. API sem servidor: como criar uma função básica do Azure: Ei, vamos continuar e criar uma função do Azure. A primeira coisa que vamos fazer é realmente abrir um projeto totalmente novo Então, vamos chamar isso de função básica do Azure. Ok, perfeito. E, na verdade, vamos selecionar essa pasta. Ok, perfeito. A próxima coisa que faremos é clicar no botão Azure aqui. E, novamente, verifique se você está logado. Se você estiver logado, você deve poder ir aqui, Function App e realmente ver o Open AI primeiro como uma função aqui Mas o que vamos fazer em nosso espaço de trabalho local antes de enviarmos essa função para o Azure é que precisamos criá-la localmente Então, o que vamos fazer aqui é clicar no botão Criar função aqui. E perfeito, ok. Então diz aqui que, para criar um novo projeto, precisamos especificar qual pasta ou LVN Vamos simplesmente colocá-lo de volta. Função básica do Azure, a pasta que acabamos de criar. Em seguida, ele nos pedirá o idioma. Vamos selecionar Python. Agora ele nos pede o intérprete. Agora, novamente, se você configurou código do Visual Studio corretamente, você deve ver aqui python 3.9, 0.13 Caso contrário, você precisará inserir manualmente um caminho do interpretador Python E seu intérprete de Python, novamente, geralmente pode ser encontrado no seguinte endereço aqui Veja usuários além do seu nome, AppData, programas locais, Python, python 39 E aqui está o intérprete aqui. Mas vou clicar aqui porque configurei o código VS corretamente. Em seguida, solicita um modelo para a primeira função do seu projeto. E vamos escolher os modelos de gatilho HTTP. Ok? Precisamos dar um nome à nossa função. Vamos chamá-la de API aberta básica. Ok? Diz aqui que agora precisamos de um nível de autorização real. Certifique-se de escolher anônimo. O que isso significa é que qualquer pessoa pode acessar nossa função. Por enquanto, tudo bem, porque estamos apenas desenvolvendo, obviamente, em produção Você gostaria de ter certeza de que tem uma conta administrativa relacionada a ela. Mas, por enquanto, colocaremos o anonimato para facilitar as coisas. Agora está criando nosso ambiente virtual e nossa função. Então, isso pode levar, espero que leve apenas alguns segundos, mas às vezes leva alguns minutos. Espero que não demore muito. Vá lá. Vá lá. Vamos embora. Vamos embora. Quase lá. Espero que lá vamos. Concluiu a criação do projeto. Perfeito. Ok. Agora, se voltarmos aqui, você verá muito mais arquivos do que antes nessa pasta básica do Azure Function. Você está certo, você vê um ambiente aqui, você vê algumas extensões aqui. Você vê muitos arquivos diferentes e não precisamos examinar todos eles. Este curso não pretende ser um guia detalhado sobre o Azure Functions Mas as principais coisas com as quais você deve se preocupar ao abrir a IA aberta básica são essas coisas? Dot py e requirements.txt. Esses são os dois arquivos com os quais você precisa se preocupar. Então, vamos examinar e espionar primeiro. Basicamente, quando sua função do Azure é chamada, é isso que executa a função principal em um aplicativo dot py. Atualmente, o que essa função faz é basicamente tentar encontrar um parâmetro chamado name e, em seguida, apenas o envia para você nessa função Portanto, é uma função muito simples. Basicamente, ele pega o parâmetro name e, em seguida, apenas a saída definida como uma resposta HTTP. Então, é basicamente isso para essa função. E é aqui que realmente colocaremos nossa lógica principal. O outro arquivo importante é o requirements.txt. Isso basicamente informa ao Azure quais bibliotecas você deseja usar em seu script Python Agora, aqui é onde você colocaria coisas como pandas, numpy, qualquer tipo de biblioteca Python O que vamos usar obviamente é o Open AI. E faremos isso um pouco mais tarde. Mas lá vamos nós. Essa é uma função básica do Azure que criamos 14. API sem servidor: teste e implantação de funções do Azure: Ok, agora que temos nossas funções do Azure configuradas, vamos implantá-las apenas para praticarmos e podermos ver como é quando realmente não há servidor Então, quando você estiver aqui, novamente, não faça nenhuma alteração nisso. Esse é apenas um modelo padrão que o Azure fornece a você. O que faremos então é basicamente executá-lo. Então, aqui, clique em F5. Ok. Então isso deve aparecer. Basicamente, deveria fazer apenas algumas execuções. E um erro que geralmente vemos quando você realmente faz isso pela primeira vez é esse cara aqui. Esse script de ativação não pode ser carregado porque execução de scripts está desativada no sistema. Para obter mais informações, consulte as políticas de execução neste link. Ok? Então, basicamente, isso significa que o Visual Studio Code está tentando executar o script chamado activate PS1 Mas não é permitido realmente fazer isso porque está bloqueado. Então, o que você precisa fazer é clicar primeiro nesse botão de desconexão, apenas para que você não esteja executando nenhum aplicativo no momento Em seguida, você precisa alterar a política de execução de, do seu sistema para permitir que os scripts sejam executados. Então, o que podemos fazer é simplesmente ir até aqui. Vamos copiar isso. E, novamente, o Google será seu melhor amigo aqui. E eu sempre mostro meu processo novamente porque quero ter certeza de que, ao final deste curso, você também saiba como depurar erros Então, o que vou dizer aqui é mudar política de execução para irrestrita Ok? E, você sabe, às vezes você pode ir até aqui até uma bolsa de valores e encontrar a resposta. Assim, você pode definir a política de execução. Não queremos um lado remoto, queremos irrestrito aqui. Então, precisamos executar esse comando basicamente. Ok, então vamos copiar isso. Volte para o nosso terminal. Desculpe, onde eu transformo um logotipo? Aqui mesmo. Ok. E depois é só colar. Permissão negada. Ok, então diz aqui que inicie o Windows PowerShell com a opção Executar como administrador Ok, tudo bem. Algo que podemos fazer é fechar o código do VS e, em seguida, abrir o código do VS como administrador. Então, basta clicar, encontrar o VS Code e clicar com o botão direito do mouse nele e clicar em Executar como administrador Novamente, eu só quero mostrar tudo o que estou fazendo porque isso minimiza o número de perguntas e frustrações que as pessoas recebem E você sempre pode ir e voltar também se quiser pular essa parte Mas agora que o abrimos como administrador, vamos copiar e colar o comando novamente e ver se funciona. Perfeito, funcionou. Incrível. Ok, agora o que vamos fazer aqui é voltar a este arquivo, clicar em F5 e ver se isso funciona Nenhum erro até agora no registro, isso é bom. E agora, quando estiver laranja, isso significa que seu aplicativo está totalmente instalado e funcionando. Agora, a fim de. Então, basicamente , isso significa que sua Função do Azure agora está sendo hospedada localmente. E para realmente ver se está funcionando, vá para o Azure, vá para seu espaço de trabalho, suas funções Clique com o botão direito do mouse e diga executar função agora. E o que vamos fornecer para essa função é um arquivo JSON com o nome da chave e a palavra azure e alterá-lo para seu próprio nome Então, vou mudar isso para meu nome e clicar em Enter. Perfeito, a função realmente foi executada localmente. E como podemos ver aqui, essa foi a resposta da função. Dizia olá Henry. Essa função acionada por HTTP foi executada com sucesso. Perfeito. O que isso significa basicamente é que conseguimos hospedar nossa função localmente. Em seguida, o acionamos, passamos o parâmetro name e, em seguida, ele retornou a ele, de volta para nós. Incrível. Ok, agora a próxima coisa que precisamos fazer é que isso seja executado localmente. Não queremos executar essa função localmente porque, se o computador for desligado, ele não estiver conectado à Internet, teremos problemas Em vez disso, vamos fazer isso. Na verdade, agora estamos hospedados no ambiente de nuvem do Azure para que ele possa ser executado o tempo todo na nuvem. E podemos acessá-lo de qualquer aplicativo único e de qualquer lugar do mundo. Ok, então o que vamos fazer aqui é clicar em F5 novamente, para que o aplicativo seja executado e distinto fique laranja Perfeito. Então, o que vamos fazer é escolher Vamos clicar neste botão aqui chamado Implantar. Implante no aplicativo funcional. Agora ele pergunta: Ei, onde você quer implantar isso? Bem, nós já criamos primeiro um aplicativo funcional chamado Open AI. Então é aí que vou implantá-lo. Isso diz: tem certeza de que deseja implantar? Clique em Implantar. Agora, ao fazer isso, vamos realmente abrir o Azure. Vou abrir meu portal do Azure novamente, acesse portal.azure.com E então vamos primeiro ao nosso aplicativo de funções que criamos chamado Open AI. E agora, o que está acontecendo é que ele está realmente implantando essa função chamada IA aberta básica, certo? Então é isso que acabamos de criar no VS Code. Então, na verdade, ele está implantando-o depois de implantado. Na verdade, será capaz de ver isso no ambiente virtual Então, vamos esperar até que isso seja feito. A implantação do Open AI foi concluída. Ótimo. Se houver alguma dúvida, não se esqueça de me avisar. Mas de qualquer forma, o que vamos fazer aqui é clicar em IA aberta básica E depois há algumas coisas que você pode fazer aqui. Por exemplo, você pode ver o código, não pode editá-lo. Você só pode editar o código e o código VS, mas você pode realmente ver isso, eu acredito aqui, o que é legal. Aqui, o seu, nosso código que criamos. Ok, bem, você também pode monitorar a função. Então, toda vez que ele é executado, você pode monitorá-lo , ver os registros, ver se está funcionando corretamente, coisas assim. Mas o que queremos fazer é ir para a Visão geral. Basicamente, queremos obter o URL da função. Ok? Então, basicamente, agora nossa função está hospedada neste link. Qualquer pessoa que acesse esse link basicamente poderá acessar nossa função Então, vamos clicar em Copiar sobre isso. Vamos até aqui e colá-lo. E perfeito, basicamente vemos aquele HG, aquela função sendo acionada. Agora, neste momento, diz que, na verdade, não passamos um nome na string de consulta, então precisamos prosseguir e fazer isso. Mas a função está realmente em funcionamento, o que é muito legal. Agora, para testar essa função e realmente passá-la. Um parâmetro que precisamos fazer é usar o Postman. Então, vamos abrir uma nova aba e ir para Postman. O Postman é basicamente uma plataforma que permite testar APIs Diz APIs de teste, ok? Então, basicamente, o que podemos fazer é testar essa API, passar esse parâmetro, o parâmetro de nome, e ver como a saída muda. Ok, então vamos em frente e fazer isso. Nós vamos para Postman. Vamos prosseguir e fazer login. Agora precisamos criar uma conta e tudo mais. Então, vamos fazer isso no próximo vídeo. Mas, neste momento, certifique-se de entrar no Postman pois o usaremos no próximo vídeo Se você não tiver uma conta, basta criar uma. É totalmente gratuito 15. API sem servidor: testes de API: para funções sem servidor: Ok, agora que realmente entramos no Postman, o próximo passo é realmente testar nossa função do Azure usando o Postman Então, quando você estiver conectado, acesse as coleções aqui, vamos criar uma nova coleção chamada ***. E criaremos uma nova solicitação dentro das APIs. E vamos chamar isso de um teste. Agora, vamos fazer uma solicitação GET. Ele nos pede o URL da solicitação. Volte aqui para sua Função do Azure. Clique em Obter URL da função, copie , cole aqui , clique em Enviar e pronto. Testamos com sucesso nossa API usando o Postman. Não é tão louco porque já o testamos apenas executando a solicitação em um navegador Portanto, é exatamente a mesma resposta. Mas agora que fizemos isso no Postman, podemos realmente ver como outras coisas o afetam Então, vamos ao corpo, por exemplo. Vamos ao Raw. E o que vamos fazer é realmente passar um parâmetro para ele. E os parâmetros são passados para APIs usando objetos JSON. Em um objeto JSON, basicamente começa com uma chave curvada e você coloca a primeira chave e depois Então, a chave será nomeada. Certifique-se de colocar isso entre aspas. E o valor será seu nome. Então, faremos com que seja Henry. É a mesma coisa que precisamos fazer quando testamos nossa função localmente. Ok, vamos clicar em Enviar sobre isso. Agora podemos ver que a resposta mudou. É pegar nossa entrada ou pegar nosso parâmetro como entrada e emiti-la Então diz Olá Henry, eu posso voltar aqui e mudar isso para algo como uma lâmpada. Agora diz olá, lâmpada. Então, o que você pode fazer é executar essa função que agora existe. O Azure pode ser acessado de qualquer lugar. Você pode passar entradas, não apenas nomeadas, mas outras entradas, se quiser E faça coisas com essas entradas. Por exemplo, como fazer ping servidores Open AI e, em seguida, gerar uma resposta Então, esse é basicamente o ciclo que estamos criando aqui. Conseguimos criar uma função muito simples do Azure que basicamente recebe um nome de parâmetro e, em seguida , retorna esse parâmetro Novamente. Isso agora é público. Qualquer pessoa pode acessar isso, qualquer aplicativo pode acessar, pois qualquer pessoa no mundo agora pode usar essa função para seus aplicativos, fluxos de trabalho, para qualquer coisa Esse é o primeiro passo. Agora, no próximo conjunto de vídeos, faremos exatamente a mesma coisa, mas não com essa função básica que não faz nada. Mas, em vez disso, com uma função que basicamente recebe um prompt, envia ping à API da Open AI com esse prompt e, em seguida, retorna Ok, perfeito. Vamos em frente e fazer isso. 16. API sem servidor: Integração do OpenAI ChatGPT com funções do Azure: Ok, agora que sabemos como realmente implantar funções na nuvem usando as funções do Azure E sabemos como usar a API da Open AI. Vamos juntar essas duas coisas. Ok, então vou entrar no meu espaço de trabalho do Azure aqui e vou criar uma nova função E eu vou chamar essa função. E, novamente, será uma função de gatilho HTTP. Vamos chamá-la de API de conclusão. Ok? Será uma função anônima. E o que eu farei é, na verdade, abrir outras APIs de inicialização, ponto, py e conclusão Então, se eu for até aqui, posso ver agora que tenho duas pastas, uma para a outra função em que trabalhei e outra para a API de conclusão. Ok, vamos falar sobre esse. E, novamente, nós, você tem esse modelo padronizado aqui. Ok? Agora, o que eu vou fazer é, na verdade, também revelar a coisa errada. Vamos até aqui para criar uma nova janela. E nessa nova janela, abriremos o que estávamos trabalhando anteriormente Certo. Então, vamos trabalhar em inglês. Basta chamar isso de zero. Não. Sim, aqui mesmo. Ok. Esse é o código que costumávamos realmente pagar a API da Open AI e vamos copiar elementos desse código Ok? Então, o que vou fazer aqui é importar primeiro no Open AI. Agora, se você apenas fizer isso e executá-lo, eu realmente darei um erro. Porque o Open AI não é uma biblioteca qual esse ambiente de funções do Azure tenha acesso. É aí que entra o requirements.txt. Então, se você for ao seu explorador de arquivos, deverá ver um arquivo chamado requirements.txt aqui, basta colocar Open AI. O que isso permitirá é que basicamente signifique que sua função agora tem acesso a essa biblioteca. Também ouviremos colocar nossa chave secreta. Então, Secrets t. E, novamente, isso será diferente para você. Vou pegar o meu onde quer que esteja. Deixe-me encontrar o perfeito aqui. Uma referência de API. Novamente, vou clicar nesse cara aqui, ir para Exibir chaves de API. E lá vamos nós. Eu deveria basicamente essa chave de API. Eu já o tenho anteriormente, mas se você não sabe como chegar até ele, é assim que você chega até ele. Ok? Então, vou copiar minha chave secreta aqui. Perfeito. Ok. Agora que temos tudo configurado inicialmente, vamos realmente editar nossa lógica aqui. A lógica realmente não faz nada no momento. Basicamente, apenas devolve o nome. Então, na verdade, vou deletar muitas dessas coisas aqui. E vou manter essa parte porque queremos saber se teve sucesso, certo? Então, vou manter essa parte aqui. Vamos também fazer com que o código de status seja igual a 200 aqui. Perfeito. Deixe-me me livrar desse cara e ótimo. Ok, então este é o nosso código até agora. Deixe-me uma vírgula aí. Ok, perfeito. Deixe-me colocar uma devolução aqui. Ok, incrível. Então, agora é para lá que nossa lógica principal vai. Então, a primeira coisa que precisamos fazer é colocar isso nos comentários primeiro. Precisamos fornecer à API aberta nossa chave secreta para autenticação. Em seguida, precisamos obter variáveis do corpo da solicitação HTTP. Em seguida, precisará chamar a API da Open AI. Em seguida, precisamos formatar a resposta. Então, finalmente, precisamos fornecer a resposta. Ok? Então, primeiro de tudo, forneça a chave secreta do Open AIR para intoxicar. Isso é muito simples. Tudo o que precisamos fazer é digitar Open AI para acessar esse objeto e ter propriedade da chave da API igual a essa variável de chave secreta aqui. Então, o primeiro passo está concluído. Em seguida, precisamos obter as variáveis do corpo da solicitação HTTP. E nós já sabemos como fazer isso. Se você voltar aqui, você pode realmente ver que é assim que fazemos isso. Basicamente, destruímos corpos iguais a JSON. E então você pode inserir qualquer variável JSON que quiser. Então, vou colocar isso, então wreck body é igual a req Portanto, qualquer arquivo JSON inserido na solicitação, nós o colocaremos no corpo do rack E o que queremos então é chamar variáveis quando, na verdade, chamamos a API da Open AI. Então, o que faremos aqui é dizer que saída é igual à IA aberta. E usaremos o Complete, a função de conclusão. Então, Doc Create. Agora, novamente, semelhante ao que fizemos antes, precisamos passar todos esses argumentos diferentes para essa função. Ok? Então, o que vou fazer aqui é que o modelo seja igual à variável que me é fornecida nesta solicitação. Ok? Então, vou fazer com que o Modelo seja igual ao modelo de entrada. Vamos fazer com que o prompt seja igual à mesma coisa, corpo do rack. Pronto. Teremos o máximo de fichas. Novamente, seja igual a algo que nos foi fornecido , máximo de tokens. Então, finalmente, também teremos a temperatura fornecida para nós. Portanto, temperatura é igual à temperatura. Ok, perfeito. Agora, a próxima coisa que precisamos fazer é formatar a resposta. E, novamente, também fizemos isso em um vídeo anterior porque observamos que a resposta está no formato JSON Então, vamos copiar o código exato que tínhamos antes para formatar a saída em uma resposta válida. E então o que precisamos fazer é fornecer a resposta ou, mais ainda, ecoar a resposta e basicamente retorná-la dessa função Então, tudo o que vamos fazer é nos livrar de todas essas coisas aqui. E vamos apenas digitar o texto de saída. Ok, lá vamos nós. Opa, isso deve ser um corpo sublinhado. Ok, perfeito. Vamos clicar em Salvar nisso. E então, no próximo vídeo, tentaremos executá-lo e testá-lo. Faremos isso localmente antes de realmente implantá-lo on-line. 17. API sem servidor: como abrir testes locais de AI ChatGPT: Ok, agora, antes de testarmos qualquer coisa, devemos sempre ler nosso código novamente apenas para ter certeza de que está tudo bem. Por exemplo, uma coisa que descobri é que , quando estava copiando e colando isso, na verdade não copiei e colei corpo do naufrágio para verificar a Então, eu vou fazer isso agora. Isso é muito comum. Você esquecerá as coisas em seu código o tempo todo e é só uma questão de corrigi-lo. Outra coisa que precisamos ter certeza de que sabemos é que precisamos fornecer uma solicitação de amostra para realmente testar se isso funciona. Porque, no momento, essa função só será executada se passarmos as seguintes variáveis para o corpo da solicitação. Então, o que eu fiz aqui foi criar uma solicitação de amostra. E, novamente, isso está no formato JSON. Então você tem o modelo igualando textos, Da Vinci, você tem o prompt igual a quatro Nesse caso, basta me dar um slogan para uma empresa de biscoitos. Você tem um máximo de tokens igual a 200 e a temperatura é igual a zero Agora, podemos fazer isso onde quisermos. E a questão é que sempre que nosso aplicativo usa essa API, podemos transmitir qualquer modelo que quisermos, qualquer solicitação que quisermos, e assim por diante Então, vamos nos certificar de que clicamos em Salvar e depois em F5. E eu vou copiar esse prompt. Oh, não são as instruções, desculpe, o corpo da solicitação. Ok, vou entrar no Azure aqui. Vou clicar na função para clicar com o botão direito do mouse na API de conclusão e clicar em Executar função Agora diz inserir um corpo de solicitação. Deixe-me inserir isso. Clique em Enter para confirmar. Pronto, a função é executada. Na verdade, podemos ver isso e diz aqui que a resposta é o sabor, a doçura de nossos biscoitos Incrível. Olha isso. Agora, na verdade, podemos usar essa função da maneira que quisermos. Podemos transmitir qualquer aviso, qualquer modelo, qualquer token Max, qualquer temperatura E isso vai funcionar. Atualmente. Só funcionará localmente, mas tudo bem No próximo vídeo, vamos realmente aumentá-lo. Então, o que fizemos aqui foi criar nossa própria API de IA aberta. E você passa um prompt de modelo e assim por diante. E então, ao fazer isso, você pode realmente obter uma resposta de volta. Então, essa é a API do wrapper que criamos. Depois que a API do wrapper estiver concluída, aprenderemos como integrar essa API de wrapper ao Outlook Power Apps, potencializar vários aplicativos diferentes, e é aí que você pode realmente começar a criar Incrível 18. API sem servidor: implantação do OpenAI ChatGPT para funções do Azure: Tudo bem, agora vamos realmente implantar nossa API de conclusão de funções do Azure, que usa a API Open AI, o que, novamente, é muito legal Ok, então o que vamos fazer é executar o aplicativo novamente. Perfeito. Em seguida, vamos até aqui e clicaremos em Implantar. Implante o aplicativo de funções. Vamos implantar no Open AI o primeiro aplicativo de função que será criado E se formos, se agora voltarmos para o Azure, devemos ver aqui Se entrarmos no aplicativo de primeira função do OpenAI, veremos duas funções aqui. Agora. Não apenas um. Só temos que esperar até que seja implantado, mas devemos vê-lo em breve Como IA aberta básica. É esse aqui. A última implantação não foi encontrada. Hein? Interessante. Ok, vamos tentar isso de novo. Vou abrir a IA primeiro. Estou ligado. Bem, está demorando mais do que antes, então isso é um bom sinal aqui ainda. Não, ainda não. Limite de Open AI concluído pela primeira vez. Ok, então deveria estar lá. Vamos voltar aqui e , na verdade, atualizar toda a página do Azure vinculada Aí está, API de conclusão. Então, vamos lá. E vamos novamente aqui e clicaremos em Obter URL da função, copiá-la para a área de transferência Agora, se tentarmos executá-lo e, normalmente, acredito que falhará. Então, se eu tentar executá-lo assim, por exemplo, provavelmente falhará porque diz que esta página não está funcionando. E, novamente, isso ocorre porque, na verdade não consegue encontrar essas solicitações. Então, precisamos executá-lo no Postman, é por isso que estávamos usando o postman para começar Ok, então vamos voltar ao Postman e adicionaremos uma nova solicitação Isso será chamado de nossa solicitação de API de conclusão. Vamos inserir o URL da solicitação, que é novamente esse cara aqui. Ok? Agora vamos ao corpo e colocaremos essa string JSON, certo? Então, se eu voltar aqui, clique nesse cara, coloque aqui. E também podemos formatá-lo um pouco. Então, esses são os quatro argumentos que nossa função de IA sem servidor personalizada Ok, agora vamos fazer uma solicitação para esta página, mas não sem nada com este corpo. Ok, então vamos clicar em Enviar agora. E aí vamos, recebemos uma resposta, provamos a doçura de nossos biscoitos Agora podemos mudar isso para outra coisa. Em vez disso, vamos mudar isso para me dizer em 25 palavras ou menos como um computador funciona. Ok, vamos clicar em Enviar sobre isso. computador processa dados usando hardware e software para realizar tarefas e fornecer informações. Perfeito. Ok, lá vamos nós. Então, agora temos uma API Chad GPT completa e sem servidor funcionando Portanto, não podemos apenas retornar a resposta, podemos retornar tokens, podemos, por exemplo, também usá-la para retornar não apenas esse modelo, mas outros modelos, podemos usá-lo para retornar No momento, isso está usando a API de conclusão. Podemos criar outra API para fotos. Podemos criar outra API para instruções e assim por diante. Mas como criamos isso e, novamente, essa é nossa própria API, agora podemos colocá-la em qualquer aplicativo que quisermos. Então esse é realmente o, desculpe, esse é realmente o final desta seção aqui. Ser capaz de criar uma API GPT de bate-papo sem servidor API GPT Na próxima parte, vamos realmente integrar essa API agora em aplicativos, o que é, novamente, a próxima etapa que daremos. Incrível. Então, parabéns por criar sua própria API GPT de bate-papo sem servidor Novamente, agora você pode usar isso com carteiros e realmente dar o aviso que quiser e ele retornará uma resposta para você. Incrível. 19. Perspectiva: como configuração de ambiente de suplementos para Office: Tudo bem, agora, o próximo software muito comum que integraremos a largura do Open AI é o Outlook. O Outlook é um cliente de e-mail simples. Se você trabalhou em qualquer lugar na área de negócios, você está familiarizado com o Outlook. Para isso, você precisará de um cliente Outlook e de uma conta que tenha uma assinatura do Outlook. Portanto, certifique-se de ter isso. Você pode perguntar à sua empresa ou também comprar o Office 365. Acho que custa cerca de $8 por mês. E você tem acesso ao Outlook, Word, Excel todos os produtos do Office Suite por um preço bem barato com base no tipo de assinatura. Tudo bem, agora, antes de começarmos, temos que configurar nosso ambiente. Basicamente, o que precisamos fazer é instalar as ferramentas que nos permitem adicionar extensões e complementos do Outlook A primeira coisa que precisamos é de um editor de código. Agora vamos usar o Visual Studio Code, certo? Então, a mesma coisa que usamos para realmente criar a API, criar a função do Azure e assim por diante. Ok? Você também precisa de algo chamado Node JS. Então, deixe-me abrir aquele cara aqui. Então, isso pode ser encontrado em Node js.org. É basicamente um ambiente de execução em JavaScript. Ele permite que você crie aplicativos com JavaScript. Agora, para ser honesto, eu não conheço muito bem o JavaScript, mas tudo bem porque você só precisa dele para realmente executar esse aplicativo. Todo o back-end ainda pode ser feito pela sua Função do Azure Ok? Agora, quando você estiver neste site , certifique-se de clicar na versão LTS e não na versão atual Então, certifique-se de fazer isso. Vamos clicar nesse cara aqui. Em seguida, abrirá o instalador. Em seguida, passe pelo processo de instalação real do Node JS Eu já o tenho instalado, então eu realmente não preciso fazer isso. Agora Algo que você provavelmente quer ter certeza de que tem é ter certeza de que sua versão do Node JS está instalada corretamente Então, acho que há um comando rápido que você pode executar para isso. E é, vamos ver. Acho que se você for até aqui, opa, vá até o seu, esse cara Vamos criar uma pasta completamente nova. Então, abra os documentos da pasta, vamos colocá-los em uma nova pasta. Este será nosso complemento do Outlook. Clicará em Selecionar pasta. Ok, perfeito. Agora, a próxima coisa que queremos fazer é abrir o terminal aqui Agora, uma vez desbloqueado, basta digitar node dash, Portanto, você deve usar a versão. Para mim, é 18,13, 0,0, mas basicamente deve corresponder ao que diz LTS aqui. Agora, se no futuro isso é 20, isso é 20,1, tudo bem Apenas certifique-se de usar a versão LTS. Você também deve ter algo chamado NPM instalado ao instalar o Node Então, se você digitar npm dash, versão hash, perfeita. Portanto, a versão do NPM não importa tanto. Você precisaria ter certeza de que sua versão do Node é a versão 18.13, Ok? A última coisa que precisaremos instalar é algo chamado Yo cara, ok, agora, eu sei que parece muito estranho Mas o young man é uma ferramenta de embalagem muito legal que permite criar novos projetos. Então, a Microsoft realmente usa o Yo man para definir suas configurações do Outlook para garantir que, quando você faz com que pareça uma extensão, tudo o que está lá é elegante, está realmente embutido Portanto, é mais um criador de projetos para você, pois você o verá como ferramentas muito fáceis de usar Então, a primeira coisa que queremos fazer para realmente instalar isso é executar esse cara aqui Mas o que realmente vamos fazer, porque só precisamos da versão específica do Yo man para nossas necessidades, é digitar npm install dash g, yo generator dash yo generator dash Este é o construtor Yo para escritórios, especificamente. Vamos em frente e deixar isso funcionar e terminar. Tudo bem Perfeito. Ok. Lá vamos nós. Agora, temos tudo o que precisamos instalar para começar a criar um complemento do Outlook, especialmente um que possa se comunicar com nossa API GPT de bate-papo que criamos e que basicamente envia ping aos servidores da Open AI. Ok, perfeito. 20. Perspectiva: como criar um projeto do Office Outlook: Ok, agora, a próxima coisa que faremos é criar nosso projeto adicional n. Ok, então vamos usar Yo man para realmente fazer isso. Então, é muito simples. Agora, verifique se você está no diretório em que deseja estar, no VS Code. E então no terminal digitando yo space office. Agora está fazendo seu trabalho. É basicamente configurar o projeto. Agora, isso é um pouco difícil de ver, então você pode realmente mover isso para cima e ver como fica. Então diz aqui, blá, blá, blá, blá, blá, blá, escritório Não vi, gosto de coletar dados de uso anônimos. Então, agora você pode realmente usar as teclas de seta com o seu terminal para selecionar algo. Vamos selecionar Continuar. Agora diz escolher um tipo de projeto. Então, você deseja criar um projeto de painel de tarefas suplementar do Office usando o React Você quer criar uma função personalizada? Muitas coisas diferentes que você pode criar. Vamos criar um projeto de adição do Office em um painel de tarefas. Ok, então vamos clicar em Enter sobre isso. Agora ele pergunta qual idioma você deseja usar. Depende de você se você tem uma preferência entre JavaScript e TypeScript, vá em frente e escolha um Vou usar o Java Script. Como você quer chamar seu suplemento do Office? Vamos nomear essa perspectiva de teste. Em qual aplicativo cliente de escritório você gostaria de oferecer suporte? Agora vamos oferecer suporte apenas ao Outlook, mas é aqui que você pode usar vários. E agora está realmente criando isso. Apenas fazendo seu trabalho. Resolvendo muito. Talvez eu tenha que colocar isso em outro vídeo. Por que não paro o vídeo por enquanto e continuarei quando estiver concluído. Não importa. Está tudo completo. Ok. Isso foi perfeito. Lá vamos nós. Agora, basicamente, o que fizemos aqui foi adicionar uma pasta chamada test out. Olha para ele. E se você for até essa pasta, verá que o projeto inteiro já foi feito para você. E há alguns arquivos nos quais realmente devemos nos concentrar. O primeiro é o arquivo xml do manifesto dot. Isso mostra apenas algumas configurações do seu projeto. O que você quer que seu ícone seja? Quando realmente clicamos no complemento do Outlook, qual é a cor do ícone que você deseja O que você quer dizer sobre o nome de exibição desse ícone. De qual fita você quer que ela faça parte? Onde está o local em que isso será hospedado, apenas coisas aleatórias como essas. Mas são muito importantes. O código principal é, na verdade, sua fonte. Então, se você acessar a fonte e acessar o painel Tarefas, é aqui que seu aplicativo está, ativo, morando e sendo demitido Então, primeiro de tudo, você tem o HTML do seu aplicativo, que é basicamente pensar nisso como uma mistura de um aplicativo, como um microsite. Um site tem HTML, CSS e JavaScript. Html é basicamente o que você vê quando abre o aplicativo. Então, por exemplo, aqui, você pode mudar o corpo para ver outra coisa. Em vez de dizer que alcançar mais com a integração com o Office, você pode fazer com que isso diga outra coisa, e assim por diante. Css é mais para estilizar, certo? Então, quais são as cores que você quer? O que você vê ser seu acolchoamento? O que você quer que sua tela seja? Isso é muito útil porque realmente funciona com HTML. Para produzir o front-end que você vê. O HTML é mais um esqueleto de classes diferentes, e o arquivo CSE define a aparência dessas diferentes classes Por exemplo, queremos que tudo com o cabeçalho H2 principal de boas-vindas do MS tenha uma largura igual a 100% e o alinhamento do texto seja alinhamento do texto Finalmente, você tem o mecanismo subjacente do aplicativo, que é o arquivo JavaScript. Então, basicamente, isso realmente executa o código. Quando alguém clica no aplicativo e clica no botão Executar É aqui que realmente colocaremos o código para acessar a API de terceiros que criamos. Forneça uma solicitação, receba a resposta de volta e, em seguida, mostre uma resposta de forma limpa e organizada no arquivo HTML Ok, então vamos lá. A última coisa que devemos fazer aqui é ter certeza de que na verdade, não estamos na pasta do projeto, estamos na pasta principal. Olha para ele. Ele teve que se certificar de que estamos testando, veja só. Ok, então o que podemos fazer aqui para facilitar as coisas é acessar File Open Folder. Acho que vou dar uma olhada e depois ir até a pasta que acabou criada a partir de você e coletar, selecionar a pasta E lá vamos nós. Agora que estamos e onde deveríamos estar se você abrir o Terminal agora, eu realmente estarei no espaço certo. E você também tem todos os seus arquivos aqui à esquerda. Ok. Incrível. 21. Outlook : Lançamento de suplementos do Outlook: Tudo bem, agora que criamos nosso primeiro projeto de complemento do Outlook e, na verdade , analisamos alguns dos códigos por trás dele Vamos começar e ver como fica no Outlook. Agora, esse será um painel de tarefas. Então, você clicará em um botão e , em seguida, uma tinta sairá do lado direito, onde podemos afetar nossa aplicação. Ok, então abra terminal e daqui, digite npm. Começar. Novamente, verifique se você está na pasta certa. Deve haver a pasta que foi criada a partir de Yo man. Ok, então vamos clicar em npm, começar, começar a fazer seu trabalho. Vou começar a carregar coisas e você provavelmente verá algo assim aparecer também. Agora, talvez seja necessário instalar um certificado de desenvolvedor para receber um aviso de segurança como esse. Vá em frente e clique em Sim. É porque, no momento, não estamos usando HTTPS. Qualquer tipo de força você a usar HTTPS. Então você recebe muitas mensagens como essa neblina para proteger. Sim, é porque eu o estou desenvolvendo e assim por diante. Ok, perfeito. Então, depois que isso terminar, sua perspectiva deve aparecer automaticamente. Agora, você deve ver um painel de tarefas e realizar uma ação aqui Ok, agora, para ativá-los, você precisa estar em um e-mail. Então, por exemplo, deixe-me abrir esse e-mail aqui. Agora eu posso ver mostrar painel de tarefas e realizar uma ação aqui. Então, vou selecionar Mostrar painel de tarefas. Diz que para depurar a visualização da web, anexe o código VS à instância de visualização da web usando a extensão Microsoft debugger Isso é, se você quiser, se quiser depurar de maneira profissional, você pode fazer o download Mas, para nossos propósitos, estamos criando um Outlook relativamente simples em um aplicativo. Então, não precisaremos fazer isso. Ok? E lá vamos nós. Este é o logotipo do nosso usuário administrador ou uma mensagem de boas-vindas. Descubra o que suplementos do Office podem fazer por você hoje Modificou o arquivo de origem e clique em Executar, blá, blá, blá, blá, blá No momento, se clicarmos em Executar, nada acontecerá. Run basicamente executa o código encontrado aqui na fonte Painel de tarefas, js, a função de execução. No momento, não há nada aqui, então nada realmente funciona. Ok? Mas esse é o front-end HTML aqui, certo? Então, o que poderíamos fazer de forma muito simples é ir até aqui, acessar HTML e depois mudar isso, certo? Então, em vez de dizer “conquiste mais com a integração com o Office”, podemos dizer algo como “olá, mundo”. E então, se voltarmos aqui, acho que provavelmente precisaremos reiniciar o aplicativo. Sim. Sim, não precisamos fazer isso. Então, como reiniciá-lo? O que podemos fazer é voltar ao código e digitar npm. Comece de novo. Clique em OK. Agora, uma nova versão do Outlook será iniciada. Agora vamos até aqui e selecionar um e-mail, mostrar painel de tarefas. Oh, você sabe o que? Sou tão idiota. Acho que esqueci de salvar o arquivo. Sim. Certifique-se de realmente salvar o arquivo. Então, o Control S é como você o salva. Vamos fazer isso de novo. Mostrar painel de tarefas, clique em. Ok, olá, mundo. Incrível. Então é assim que você cria seu Outlook Office, adiciona um aplicativo. Agora você tem todas as ferramentas necessárias para realmente criar qualquer aplicativo que quiser. O que faremos neste módulo é apenas fazer uma conexão de teste. Basicamente, o que faremos é criar um aplicativo muito rapidamente que pegará o conteúdo do seu e-mail, o que tiver sido selecionado. E depois de clicar em Executar, ele envia esse conteúdo ou talvez até mesmo uma linha de assunto para nossa API de funções do Azure. E então ele retornará uma resposta. E isso mostrará essa resposta no painel de tarefas aqui. Ok, incrível. Vamos começar a fazer isso. 22. Perspectiva: como como executar a API do ChatGPT no Outlook: Agora que nosso complemento do Outlook está funcionando corretamente, vamos ver se podemos fazer uma chamada de API do nosso complemento do Outlook para a API GPT de bate-papo Um lembrete, apenas nossa API GPT de bate-papo. O que eu fiz, pelo menos esse é o link para ele. Certifique-se de que seja uma solicitação de postagem, não uma solicitação de obtenção. E então esse é o corpo que ele precisa: modelo, prompt, max, tokens e temperatura Deixe-me ampliar aqui também. Então, se eu clicar em enviar, ele retornará basicamente a resposta do modelo da Vinci da Open AI Ok, perfeito. Então, vamos entrar em nosso Visual Studio Code e depois ir para o painel de tarefas em JavaScript. Novamente, todo o nosso código que estará em execução será feito aqui, e isso será feito em JavaScript. Agora, eu não sei sobre você, mas eu não estou muito familiarizado com JavaScript, mas na verdade você não precisa saber muito para fazer uma simples chamada de API. Eventualmente, o que vamos querer fazer é pegar um elemento de uma mensagem, por exemplo, algo assim Em seguida, clique em Executar. Ele envia essa mensagem para nossa função e talvez resuma ou algo parecido e, em seguida, retorna um resumo dela do Jiangxi PT Por exemplo, podemos pedir ao chat GBT com muita facilidade que resuma a seguinte afirmação em 25 palavras ou menos Mas, novamente, a primeira coisa que você precisa fazer é garantir que possamos realmente conectar ao bate-papo GPT a partir do Outlook E, como você verá em breve, é muito mais difícil do que você pensa. Não por causa do JavaScript, mas por causa da segurança. A questão da segurança é muito intensa, mas estou me precipitando. Vamos prosseguir e inserir nosso código. Ok, então, basicamente, como fazer como realmente executar uma chamada de API a partir do JavaScript é que existe uma função chamada fetch. E buscar exige duas coisas. Ele pega um URL e usa outros parâmetros. Por exemplo, como o corpo, os cabeçalhos, coisas assim Ok? Então é isso. Isso é o que precisamos fazer. Agora, quando você define essas coisas. Então, por que não criamos uma constante, uma variável constante chamada URL, que a tornará igual à URL da função que criamos. Então, vou até Postman e copiarei esse cara aqui Acho que não preciso de todo o resto aqui. Se eu apenas clicar em Enviar. Perfeito, nossos trabalhos, ok? Perfeito. Eu também preciso desses outros parâmetros definidos, certo? Então, vamos criar outra constante. Portanto, constante, outro parâmetro é igual a, e isso por si só será adjacente. Então, eu queria encontrar algumas coisas. Eu queria encontrar o corpo da postagem. Quero definir o método do host. Portanto, o método será uma postagem em vez de um get. E falamos sobre as diferenças em uma palestra anterior O corpo será equivalente a esse corpo JSON aqui, onde precisamos definir o modelo do prompt, o máximo de tokens e Então, o que fazer é copiar isso. Vou colocá-lo aqui entre aspas simples e depois clicar em Colar. Agora, infelizmente, o que você precisa fazer é retroceder e se livrar das novas linhas Vamos em frente e fazer isso. Ok, perfeito. E depois coloque uma vírgula no final disso também. Além disso, como isso é JavaScript, coloque um ponto e vírgula no final de cada declaração, apenas para que não estrague tudo Ok, perfeito. Então agora temos outro programa, desculpe, esses são outros parâmetros. Vamos mudar isso para outro programa, ok? Agora temos essas duas coisas definidas. Perfeito. Agora, a próxima coisa que precisamos fazer aqui é realmente salvar os resultados dessa função em algum lugar. Então, vamos criar outra variável, resposta constante, e torná-la igual à URL de busca A única coisa é que a busca de URL é uma função assíncrona Você realmente precisa colocar aqui um peso. Ok? Perfeito. Bem, então faça o mesmo, pois criaremos uma nova variável chamada output. Então, a saída var, isso a tornará igual à resposta que obtemos dessa função de busca Então, basicamente, chama a API. Em seguida, ele retorna o objeto de resposta, mas essa não é a resposta em si. Basicamente, tem tudo sobre a resposta. Quando foi respondido com um código de status, é tudo assim. Tudo o que queremos é o texto real da resposta, que é esse cara aqui. Então, tudo o que queremos é a resposta dot txt Ok, perfeito E vamos nos certificar de que o colocamos como uma função. Ok? A última coisa que faremos é registrar a saída. Então, registro de pontos do console. Eu ficaria bem, perfeito. Então, vamos clicar em Salvar nisso. E muitas janelas do Outlook estão abertas. Deixe-me limpar um pouco aqui. Como eu estava testando algumas dessas coisas antes. Ok, vamos entrar aqui e digitar npm starts. E abrirá qualquer nova tela do Outlook. É esse cara aqui. Então, vamos entrar em uma mensagem que recebi de alguém que é muito prolixo para mim. Sou muito importante. Não quero ler isso, então posso clicar em Mostrar painel de tarefas aqui E essa é a nossa função. Algo que você pode fazer é clicar com o botão direito do mouse e clicar em Inspecionar E isso permitirá que você veja basicamente o console.log. Ok? Então, esses são alguns erros aqui, mas tudo bem por enquanto. Não precisamos nos preocupar com isso. Mas o que podemos fazer aqui é clicar em Executar. E olha isso. Ele sai corretamente. Então, o que está basicamente fazendo no código é, deixe-me voltar aqui. Ele está chamando essa API. Ok. Bem, desculpe, sim, é chamado, está chamando essa API vinculada. Em seguida, ele fornece esse corpo. Assim, define o modelo, o prompt, os símbolos máximos e a temperatura Em seguida, ele faz uma solicitação de postagem e, em seguida, retorna essa solicitação de postagem. E então ele traduz isso em um texto para nós. E então ele gera esse texto. Lá vamos nós. É muito fácil. E agora fizemos uma ligação, Rob do Outlook To Chat GPT Então, novamente, se eu for até aqui e clicar em Inspecionar e ir para o console, toda vez que eu clicar em Executar, você pode ver essa função em execução Então você o verá aqui no lado esquerdo. Se eu clicar em Executar. Novamente, os dois significam que isso está acontecendo novamente. Então, um computador processa dados, blá, blá, blá, blá Eu posso entrar aqui e mudar o prompt, certo? Em vez disso, posso dizer: o que é sorvete? E salve isso. E então volte para o meu Outlook, abra o inspetor novamente, vá para o console e clique em Executar O sorvete é um deserto congelado de blá, blá, blá, blá, blá Perfeito. Então, conseguimos conectar os dois juntos. Agora, se isso não funcionar para você e se você receber um erro, se receber um erro corporal ou algo parecido Novamente, eu mudo isso antes. Se você receber um erro no curso, precisará configurar seu protocolo de segurança corretamente. E no próximo vídeo, aprenderemos como fazer isso. Mas se isso funciona para você, então você está bem. Você não precisa se preocupar com isso. Mas se isso não funcionar para você, siga o próximo vídeo em que veremos como realmente resolver o problema dos núcleos. Ok, incrível. 23. Perspectiva: como corrigir CORS e problemas de segurança no Outlook: Olá a todos. Se você conseguiu conectar seu Outlook às Funções do Azure , tudo bem. Você não precisa ir mais longe. No entanto, se você receber um erro no curso um erro de permissão de origem ou algo parecido, siga as etapas deste vídeo e tudo será resolvido. Você sabe, se você tem, você tem um erro de curso. Se estiver escrito em vermelho aqui, dirá algo como erro de permissão de origem ou CORS, erro núcleos ou erro de segurança ou algo parecido E na verdade é uma coisa boa. Basicamente, não está permitindo que seu Outlook faça uma conexão com uma API aleatória. Também não está permitindo que a API aleatória faça uma conexão com o Outlook. Então, na verdade, é bom que isso aconteça. Mas também é muito irritante, porque, embora seja muito seguro, ele meio que nos impede de conectar Outlook a várias APIs diferentes Então, precisamos basicamente permitir que isso aconteça. Portanto, há algumas coisas diferentes que você pode tentar. Ok? A primeira coisa que você pode tentar é abrir nossa função do Azure. Então, novamente, vamos para o Azure. Clique no nome da nossa função do Azure. E se você entrar em funções, essas são todas as suas diferentes funções do Azure aqui. Perfeito. Ok. O que queremos fazer aqui, porém, é ir até a API e ver que há um botão chamado Gerenciamento de API e outro chamado corps click horse E então, basicamente, certifique-se de que isso esteja desmarcado. E então exclua todos os outros registros aqui e coloque um asterisco que basicamente significa que qualquer site, de qualquer navegador, agora pode acessar sua API, que obviamente não é seguro Mas, para nossos propósitos de desenvolvimento, tudo bem. Também diz que aqui, Cross-Origin Resource Sharing permite que o código JavaScript executado em um navegador em um host externo interaja com seu back-end Ok, então basta colocar asterisco e então tudo pode basicamente acessar essa função Em seguida, vá até o topo até a Visão geral. Clique em Atualizar, atualize sua função. E agora, se você voltar e executar seu código novamente, vamos abrir nosso Outlook novamente e clicar em Executar. Agora deve funcionar. Aqui diz dois. No entanto, se isso não acontecer, você precisará dar uma etapa adicional, porque claramente seu navegador ou seu Outlook são muito seguros. Para fazer isso, você realmente precisa criar um serviço de gerenciamento de API. Ok? Então, o que você pode fazer aqui é: não é um estado incorreto, ele pode ter sido excluído, blá, blá, blá, blá Tudo bem. Vamos clicar em um link. Então, se você receber algo assim, basta clicar em desvincular. Mas o que você pode fazer aqui é criar um novo serviço de gerenciamento de API. Vamos clicar em Criar novo. A assinatura não importa. O grupo de recursos não importa, blá, blá, blá. Nome do espaço de trabalho. Então, vamos chamar isso de aberto porque não é seguro. É uma API de conclusão aberta. Ou vamos chamá-la de API aberta. Em seguida, basta inserir alguns números aleatórios porque eles precisam ser exclusivos. Então, vou colocar 562, por exemplo, depois colocar um e-mail de administrador que vou colocar no meu e-mail Ok. Perfeito. Ok. E certifique-se de verificar o consumo. Acho que o preço de consumo é que o primeiro milhão de solicitações são gratuitas ou algo parecido. Portanto, veja o preço de sua preocupação, mas definitivamente clique em Consumo e não em qualquer um desses outros planos, porque eles são, são muito mais caros. Ok? Basta escolher qualquer aplicativo aleatório, instância do Insight. A escala não importa. A identidade não importa. A rede virtual não importa. Configurações de protocolo. Não, não importa. Tags, tudo bem. Falha na validação As informações necessárias estão faltando. Oh, não. O que eu perdi? Serviço especificado que já estava em uso. Ok. Podemos abrir a primeira IA, cinco, seis, cinco. Vamos colocar o mesmo número de 562. Ok. Tudo bem, tudo bem, tudo bem. Revise e instale. Isso tornará isso muito mais ampliado para que vocês possam ver um pouco A implantação da criação foi bem-sucedida. Agora, isso diz aqui que está em um estado de transição. Então, vai demorar um pouco para colocar isso em funcionamento Então, vamos esperar alguns minutos aqui. Sendo os serviços ativados, temos que esperar que sejam concluídos e concluídos. Ainda está sendo ativado. Só temos que esperar neste momento. Novamente, se isso estiver funcionando para você, não precisa assistir a este vídeo. Acho que se eu voltar agora, talvez também não esteja funcionando para mim porque acabei de instalar um sistema de segurança, mas vamos ver, corra. Ainda funciona. Isso é bom. Serviços sendo ativados. Apresse-se e ative. Vamos voltar à nossa função do Azure e verificar se ela está conectada corretamente. Se acessarmos o gerenciamento de API aqui, seu aplicativo está vinculado. Ok, perfeito. Foi vinculado. Incrível. Agora, o que podemos fazer aqui é selecionar a API para seu aplicativo. Vamos, bem, na verdade, vamos primeiro ao Gerenciamento de API. Vamos para a API. E então selecionaremos aqui, definiremos uma nova API. Defina principalmente uma API HTTP. Ok? Agora precisamos dar mais algumas coisas aqui, mas tudo bem. Essa pode ser chamada de API de conclusão. O URL do serviço web não importa aqui. Vamos clicar em Criar. Ok, perfeito. Agora vamos entrar nas configurações e verificar se selecionamos HTTP S aqui. Essa é a assinatura de configuração mais segura necessária. Vamos desmarcar esse cara aqui. Não precisamos inserir nenhum nome de cabeçalho ou nome de parâmetro de consulta Tudo bem. Vamos clicar em Salvar nisso. Vamos ver todas as APIs. Acesse as configurações de todas as APIs e verifique se fizemos a mesma coisa Perfeito, não há um requisito , então isso é bom. Ok, vamos agora ao processamento de entrada aqui. E vamos adicionar um, verifique se você selecionou todas as APIs. De qualquer forma, se formos até aqui, vamos agora para nossa função do Azure. Acesse Gerenciamento de API. E aqui, clique em API de conclusão, então essa é a que acabamos de criar. Vamos importar as funções e clicar na API do link. E queremos vincular as duas APIs e clicar em Importar. Perfeito. Agora, o que você verá se entrar no gerenciamento de APIs, clique em, bem, vamos entrar no gerenciamento completo de API e acessar as APIs Agora você verá algo chamado API de conclusão. E se você acessar todas as operações, essas são todas as operações que você pode fazer com essa nova API que você criou. Você pode postar para completar a API, você pode fazer uma postagem no Open AI básico. Então, basicamente, você pode fazer uma postagem ou uma solicitação GET para todas as Funções do Azure depois vinculá-las, o que é muito legal. Então, agora o que queremos fazer aqui é adicionar uma política, ok? Mas certifique-se de que selecionamos todas as APIs. E então vá até aqui para as políticas. E o que queremos acrescentar aqui é uma política de entrada Ok? Então, vamos adicionar. Por aqui, de entrada. Basicamente, queremos que o tráfego de entrada mude. Portanto, certifique-se de ter sua entrada aberta e fechada. E depois dentro dela. Por aqui, para a direita. Selecione, mostre trechos. Role para baixo e selecione o curso. Perfeito. Ok, agora algumas coisas que precisamos editar. A propósito, certifique-se de que isso esteja na entrada. Inbound, ok? Em primeiro lugar, queremos mudar isso para host. Ok? Deixe-me ver aqui. Permita chamadas entre domínios. Ok? Sim, queremos ter certeza de que configuramos isso para ser publicado. Todo o resto aqui. Parece bom. Não precisamos mudar nada disso. Vamos clicar em Salvar nisso. Agora, isso não é um URL absoluto. Vamos ver aqui, erro e elementos. Ok, deixe-me ver exatamente quais solicitações de CORS queremos, porque acho que Microsoft pode ter alterado isso ou atualizado, o que é muito irritante Hum, então me dê alguns segundos aqui. Ok, perfeito. Vou apenas copiar e colar de um recurso que tenho porque parece que essa não era a fonte principal correta. De qualquer forma, vamos colar aquele cara n. Então é assim que deve ser, ok? Então, sua essência é permitir que as credenciais sejam iguais a verdadeiras. Você não precisa ter isso aí. Hum, permita a origem. Queremos que a origem seja de qualquer lugar. Então, vamos substituir esse link específico asterisco Métodos permitidos antes do voo, tudo bem. Hum, permita cabeçalhos, tudo bem. Cabeçalhos expostos, tudo bem. Ok, vamos clicar em Salvar nisso. Perfeito, e isso está salvo. E vou me certificar de colocar esse texto no link, na descrição abaixo é só para você tê-lo. Ok? Agora, o que queremos fazer é ir até a esquerda, conclusão e clicar em nossa API de pós-conclusão, que é a que queremos Vamos acessar essas APIs e políticas e clicar em calcular a política efetiva Então, isso nos dirá que, para essa API específica, essa é a política. Isso permitirá que tudo acesse essa API, que é o que queremos fazer. Ok? Mas ainda não terminamos. Ok, vamos ao gerenciamento de API. Vá até as APIs para acessar os produtos. Ok? Você precisa clicar em Adicionar para criar um novo produto. Esta será apenas uma API aberta. A descrição da API pode ser blá, blá, blá. Não importa. Ok? E certifique-se de desmarcar e exigir assinatura. E então vamos adicionar essa API a ela. API de conclusão. Ok, e vamos clicar em Criar. Perfeito. Ok, então agora fizemos tudo o que precisávamos fazer. Basicamente, o que aconteceu é que criamos uma outra API que aceita solicitações de qualquer lugar, de todas as origens. E para encontrar o URL dessa APIs. Se formos aqui para postar, nós realmente testamos. Demorou muito mais. Lá vamos nós. Ok, esse é o nome da API aqui. Ok? Então, na verdade, testamos aqui, mas essa é a solicitação que precisamos fazer. Agora, esse é um comprimento diferente do que tínhamos antes, certo? Agora isso é diferente. Se eu for até meus antigos carteiros, nós o encontraremos aqui. Esse era esse comprimento. Isso é para nossa função do Azure. Mas o que está acontecendo aqui é que, quando você faz uma solicitação para essa API, que pode ser de qualquer lugar, ela faz uma solicitação para essa API que criamos, que, desculpe, essa função. E então isso faz uma solicitação para abrir a API da IA e assim por diante. Então, isso é como o início da API. Precisávamos fornecer um serviço de gerenciamento de API além de nossa função do Azure para permitir que as solicitações viessem de qualquer lugar se você estivesse recebendo esse erro do curso. Ok, agora para testar se isso funciona, vá até aqui. Vamos criar novas solicitações do Postman. Então, vamos até aqui, clicaremos em Adicionar solicitação e diremos API de conclusão de todas as origens. Certifique-se de que seja uma solicitação de postagem. Vamos inserir o URL da solicitação aqui. Vamos para o corpo. E vamos pegar o corpo da API de conclusão e colocá-lo aqui. Ok, perfeito. Agora, é assim que você sabe que isso está realmente funcionando. O que ele está fazendo novamente é acessar essa API, que depois vai para essa API, que então abre a API de APIs e faz o prompt, obtém a resposta e a envia volta usando esse método também Então, estamos pintando, basicamente colocando uma camada de segurança nessa função do Azure, que é o que esse cara é aqui. Ok? O bom, novamente, é que essa função do Azure pode ser acessada por qualquer origem. Agora, se eu voltar ao meu Visual Studio Code e substituir esse URL, que é a função que tínhamos antes por esse cara, que agora é nosso serviço de gerenciamento de API. E clique em Salvar. Agora, se eu voltar à minha perspectiva e ir para Inspecionar, isso agora deve funcionar 100% Ok, agora, obviamente também estava funcionando para mim antes, então eu não precisei tecnicamente fazer isso Mas se você está recebendo um erro corporal, então é assim que você Basicamente, é assim que você o resolve Ok. Incrível. Espero que tenha sido útil. Espero que isso tenha sido resolvido nos núcleos EE ou nos erros de segurança que você estava recebendo Mas se você não tiver, por favor, sinta-se à vontade para me enviar uma mensagem diretamente. Árvore vinculada ou algo parecido. E eu posso te ajudar com isso. Ou o recurso de perguntas e respostas ou algo parecido. Ok. Muito obrigado 24. Perspectiva: transferência de corpo por e-mail para o ChatGPT: Ok, agora que temos nosso Outlook funcionando e se conectando a uma função do Azure, vamos prosseguir e criar um aplicativo útil. Veja o que o aplicativo fará. O aplicativo permitirá que os usuários acessem seus e-mails. Vamos ver se você recebe vários e-mails. Um, por exemplo, deste que eu comprei. E você pode clicar duas vezes nele. Você pode clicar em Mostrar painel de tarefas. E então, quando você clicar em Executar, ele realmente resumirá o e-mail para você O que realmente acontecerá é que ele enviará o conteúdo do e-mail para abrir os servidores da AI com uma solicitação de, por favor, resuma e, em seguida retornaremos esse resumo para Mostre isso aqui. Ok. Fácil, leve, espremedor de limão. Tudo bem. Agora, novamente, não sou especialista em JavaScript, mas você não precisa ser especialista em JavaScript para realizar essa tarefa muito simples no Outlook. Ok, então vamos abrir nosso código do Visual Studio. Certifique-se de que estamos em nossa função execute e faça algumas coisas aqui. A primeira coisa que faremos é acessar este site e retornar uma resposta e tudo mais. Vamos colocar isso em uma função assíncrona. Por isso, é fácil ligar. Então, vamos criar uma nova função assíncrona chamada Ok? E isso vai absorver um corpo. E vamos colocá-lo aqui. Perfeito. Então, algumas funções, algumas coisas que essa função faz. Ele basicamente chama o URL, chama os outros parâmetros. Mas também precisamos que isso aconteça aqui O aviso não deveria ser apenas o que é sorvete Escreva o prompt que deve ser. Resuma o seguinte. Em quantas palavras queremos? 50 palavras em 50 palavras? Em 50 palavras ou menos? Ok? E então é aqui que colocamos o corpo, que é basicamente o corpo do e-mail, ok? Agora, como você adiciona ou concatena cadeias de caracteres, use o sinal Ok? Então, vamos fazer essas duas sequências separadas. Vamos colocar um sinal positivo no meio. E aqui é onde você colocaria o corpo. Ok. Perfeito. No entanto, sabemos que, uma vez que isso ocupa apenas o corpo do e-mail, queremos nos livrar de coisas como aspas, espaços, novas linhas, novos parágrafos, queremos esmagar, juntar tudo Ok? Para fazer isso, temos muitas coisas diferentes que podemos usar, mas isso é algo que nossa LLC acabou de pesquisar no Google Se eu for clicar com o botão esquerdo do mouse e colar aqui. E, novamente, pode ser um ponto corporal assim. Isso pode ser encontrado na descrição abaixo. Mas o que isso faz é, antes de tudo, substituir todas as aspas por espaços vazios ou por nada E também faz um corte, o que significa que elimina quaisquer espaços à esquerda ou à O que ele faz então é substituir novos parágrafos, novas linhas e tudo por um espaço vazio Então, basicamente, eu desejo tudo junto. E, portanto, queremos que forneçamos o prompt para conversar com o GPT. Ok. Até agora, tudo bem. Ótimo Perfeito. Ok. A próxima coisa que faremos aqui, sim. Resposta constante, isso mesmo. Ou coloque texto. Sim. E então, como isso agora é uma função, vamos voltar para a tomada em algum lugar. Então, vire e certifique-se de colocar a imagem, coloque-a entre chaves, mas vamos retornar a Ok, incrível. Então essa é a nossa função super incrível chamada executar o Azure. Ótimo Precisamos definir mais algumas funções. Também definimos uma função que recebe o corpo do e-mail, certo? Então, vou colocar isso em cima. Na verdade. Vamos criar outra função chamada async Função. Pegue o corpo. Ok? Certifique-se de usar os colchetes encaracolados aqui. Agora aqui você tem acesso a algo chamado Office, sincero e Outlook E isso oferece muitos métodos diferentes. Um que vamos usar é chamado contexto de ponto do Office, ponto, caixa de correio, corpo de ponto do item Isso basicamente fornece, espero, desculpe, corpo em ponto do item. Isso basicamente fornece o conteúdo do e-mail que o usuário selecionou atualmente. Mas é um método assíncrono, então precisamos colocar um ponto, pegar Ok. Vai ser um texto. E vamos envolvê-lo em uma função. Então, vamos colocá-lo em função aqui, o que absorverá os resultados. Então, precisamos apresentar aqui os colchetes encaracolados. Ok. Então, precisamos apresentar aqui os colchetes encaracolados. Ok. Agora, se isso foi confuso, está tudo bem. Honestamente, eu também não entendo muito bem o JavaScript. Mas se você conhece JavaScript, isso é ótimo. Se você não fizer isso. Há muitos recursos on-line, mas, novamente, o contexto deste curso é para você se familiarize com como conectar o chat GPT a diferentes aplicativos Então, lamento não poder explicar tudo isso para você. Se você tiver alguma dúvida, pode me avisar. Mas esse não é o escopo deste curso, de qualquer forma. Mas se você quiser aprender mais sobre JavaScript, há muito conteúdo gratuito para você aprender isso, especialmente como as funções assíncronas funcionam. Ok, perfeito. Agora vamos fazer uma declaração if aqui. E o que vamos dizer aqui é se os resultados de obtermos esse corpo são bem-sucedidos. Portanto, se o status do ponto do resultado for como o status resultado assíncrono de pontos do Office, os pontos foram Então, se basicamente teve sucesso, então queremos fazer alguma coisa O que queremos fazer é tornar o corpo da variável igual ao valor do ponto resultante Agora, não temos uma variável corporal definida, então, no topo do corpo esquerdo, é igual a branco por Ok? Então, basicamente, obtemos que o corpo fará com que ele realmente obtenha o corpo do e-mail e o atribua a uma variável chamada body Ok? Perfeito. A última coisa que queremos fazer é querer outra função assíncrona Eu sei que existem muitas funções assíncronas, digamos, para realmente agrupar tudo Então, vamos colocar na parte superior também. Portanto, essa função assíncrona será chamada. Vamos ver, produzir resultados. Ok? E essa função, nós não temos, essa função também afetará o corpo. Então, o que isso fará é primeiro registrar o corpo só para ter certeza, porque eu quero ver a aparência do corpo, certo? Em seguida, ele chamará a função run Azure. Aguarde, execute o Azure com o corpo. Então, ele basicamente pegará o corpo de get body e o passará para executar o Azure. Ok, que então chamará a API, seja o que for, e depois devolverá a saída para nós. E vamos colocá-lo na variável de resposta. E a última coisa que queremos fazer aqui é que você queira registrar em pontos no console a saída disso Então, saída do ponto de resposta. Ok, perfeito. Agora, isso é basicamente tudo o que precisamos fazer aqui. A última coisa que precisamos fazer é precisar de um imposto de função para executar todas essas coisas. Então, no final, vamos colocá-lo aqui. Aguarde. Get body, aliás, await é como você chama funções assíncronas Ok? Então, aqui está o que acontecerá primeiro. Get body será executado, get body obterá o conteúdo do e, na verdade, obterá o conteúdo do e-mail que foi selecionado. E ele o colocará em uma variável chamada body, que então, e eu perdi a etapa, que executará os resultados de saída. Ok? Então vamos até aqui. O resultado da saída então registrará esse corpo para que possamos vê-lo. Em seguida, ele transferirá esse corpo para a função executar o Azure. Run Azure usará esse corpo combinado com os outros parâmetros que temos aqui e, em seguida, fará uma solicitação de postagem para essa função do Azure e, em seguida, obterá a resposta e a colocará na saída. Em seguida, colocaremos essa saída e a colocaremos em resposta. E então também registraremos a abertura dessa resposta. E essa é a última coisa por enquanto. Por enquanto, faremos algumas coisas mais sofisticadas depois. Mas isso é tudo o que fará por enquanto. Ok, perfeito. Vamos em frente e economizemos. E no próximo vídeo vamos realmente executar isso e ver como funciona. 25. Outlook: como a criação de uma solução de gerenciamento de suplementos para o Outlook: Tudo bem, você está animado? Você está animado? Estou muito animada. Ok, então salvamos nosso código, executamos nosso código. Vamos entrar aqui em nosso e-mail que eu abri. E em vez desse , vamos escolher um que tenha muitos espaços e aspas e coisas ruins e coisas assim. Ok. Vamos mostrar o painel de tarefas. Em seguida, clique com o botão direito do mouse e clique em Inspecionar. Vamos ao console e veremos se isso funciona. Então, no meu console aqui, vamos ver se consigo ampliar, no meu console. Eu posso ampliar um pouco. Lá vamos nós. Ok, vamos clicar em Executar. Então aqui está o que aconteceu, o que é muito legal. Primeiro de tudo, ele registra o corpo. Esse é o corpo do e-mail, certo? É exatamente assim por aqui. Em seguida, precisei de uma coisa que esqueci para realmente sair. Sim, vou fazer isso apenas para fins de instrução. Não preciso, mas é bom que vocês saibam. Na verdade, vou desconectar esse cara aqui. Então, deixe-me transformar isso em outra variável. Você faz, deixe-me colocar isso em outras variáveis constantes. Então, constant body json é igual a esse cara. E então farei com que o corpo dos outros parâmetros igual à variável que acabei de criar. E então vamos realmente sair. Console.log este corpo JSON também. Ok, pegue dois, vamos voltar aqui. Clique em Executar. Agora, a razão pela qual eu queria mostrar isso é porque verifique, confira o que o código está fazendo é pegar esse e-mail e depois transferi-lo para um corpo do Azure Desculpe, está transformando isso em um corpo que a função do Azure pode suportar. Isso é exatamente o mesmo que isso. Por aqui. Este modelo de solicitação de carteiro solicita no máximo. Então, por causa da temperatura, mas o prompt agora é resumir o seguinte e 50 palavras ou menos E então ele envia o e-mail e, novamente, envia todas as citações, retira todos esses espaços, tudo o que você precisa para espaçar. Em seguida, envia isso para nossa função do Azure, que depois envia para nossa API e retorna a resposta. Então, isso é diretamente do Chuck GBT. É basicamente resumir todo o e-mail e 50 palavras ou menos, o que é incrível. Surpreendente. Ok, perfeito. Agora, a última coisa que precisamos fazer aqui é basicamente salvar isso em algum lugar para que os usuários possam realmente vê-lo. Certo? Então, vamos em frente e fazer isso. Perfeito. Então, aqui no final dos resultados de saída, o que vamos fazer é não apenas registrá-lo, mas também alterar o HTML. Agora, onde queremos salvar os resultados? Vamos salvar o resultado onde você vê e descubra o que você pode. Talvez não esteja lá. Que tal esse HelloWorld também? Talvez substituamos tudo aqui por isso. Então, vamos até aqui e descobrir onde está. Descubra o que você pode fazer. Sim, vamos honestamente substituir o corpo do aplicativo, que é tudo isso aqui, por esse resumo Ok, então vamos mudar isso. Então, só precisamos observar que isso é chamado de corpo do aplicativo. A outra coisa que precisamos fazer é mudar o nome do botão de R1 para resumir este e-mail Ok, perfeito. Então, novamente, queremos substituir o corpo do aplicativo. Então, o que fazemos em JavaScript é o JavaScript pode interagir com o HTML. Então, o que faremos é fazer um documento com ponto para obter elemento por ID. E, novamente, a ideia do elemento que queremos mudar é chamada de corpo do traço do aplicativo Você pode ver isso aqui. Corpo do Dash. Ok, perfeito. Agora vamos colocar no aplicativo dot body. Vamos mudar o HTML interno. Ok, perfeito. E agora vamos fazer algumas coisas aqui. A primeira coisa que vamos fazer aqui é basicamente colocar algumas palavras em negrito E as palavras em negrito serão algo como, aqui está o resumo, resumo de dois pontos E então vamos colocar uma quebra de linha. E então, finalmente, depois disso, vamos realmente colocar a resposta. Então, vamos colocar saídas de pontos de resposta. Ok, incrível. Vamos clicar em Salvar nisso. Vamos até o Outlook. E vamos clicar em Executar e ver o que acontece. Então, isso mudou para resumir o e-mail. Vamos clicar em resumir o e-mail. Resumo Meio Ambiente, Canadá, blá, blá, blá, blá, blá Isso não é muito legal? Agora você pode fazer isso com qualquer e-mail. Agora mesmo. Eu não tenho muitos e-mails, então eu meio que testo a largura Tudo isso é um pouco grande, mas veja se consigo resumir esse e-mail aqui Mostrar painel de tarefas. Resuma. Isso foi um erro, provavelmente porque há muitas imagens e coisas assim que não tratamos para isso Isso é muito bom para e-mails baseados em texto, mas podemos fazer isso novamente Mostre o painel de tarefas, resuma este e-mail e veja isso. Ele resume o e-mail para você. Agora, não pense apenas no aplicativo que criamos, nem nas possibilidades. Agora você pode criar um aplicativo que lê um e-mail, faz algo com ele e, em seguida, devolve a resposta com a mesma adição. Assim, você pode criar, por exemplo, o aplicativo que criará nas seções posteriores deste curso se chamará educadamente diga não, que é uma extensão de aplicativo muito legal que, se alguém lhe enviar uma solicitação ou algo parecido, você pode simplesmente clicar em um botão Ele lerá o prompt LCD do e-mail, um GPT de trabalho que diz: Ei, encontre uma maneira de dizer não educadamente a esse E então eu vou te devolver essa resposta. Na verdade, isso também abrirá uma nova ameaça de resposta. E isso preencherá nossa resposta ao observar o quão poderoso algo assim é Então, o que você recebe solicitações que não quer fazer? Você pode simplesmente clicar educadamente para dizer não. E ele fará tudo isso por você usando o chat GPT. Lá vamos nós. É assim que você integra o Chat GPT, width. Outlook, incrível. Vou me certificar de publicar todo esse código para membros premium e a descrição abaixo. Obrigada 26. Projeto: como configurar o ambiente do Outlook: Olá a todos. Vamos criar um dos meus aplicativos favoritos. Agora, eu, pessoalmente, no meu trabalho comercial, uso muito o Outlook. Eu envio muitos e-mails. Também tenho um trabalho diurno em que recebo solicitações de gerentes e parceiros e coisas assim. E o que você pode fazer é usar o chat GPT para ajudá-lo a criar respostas para esses e-mails Então, o aplicativo que vamos criar será chamado educadamente de dizer não Isso ajuda as pessoas a dizerem não educadamente às solicitações de gerentes e parceiros Se você tem muito trabalho, se já é meia-noite e você não quer trabalhar mais ou assim por diante É um aplicativo muito legal e, na verdade, uma extensão do Outlook que é muito útil. Ok, então vamos começar a criá-lo. Agora, como vimos antes, como integrar o Chat GPT ao Outlook, você precisa basicamente ter algo como o Visual Studios instalado e funcionando Você precisa ter certeza de que tem o Node e o NPM instalados. Então, se eu for ao meu terminal e digitar npm, por exemplo, ele deverá responder com algo positivo Perfeito. E você também precisa ter certeza de que está disponível. Então é você aí, y 0. Apenas certifique-se de que você já tenha essas coisas instaladas. Se você não voltar e realmente examinar a documentação novamente e examinar os outros módulos que executamos, especialmente onde o bate-papo integrado deve ser com o Outlook. Ok, vamos abrir um novo terminal novo. Feche o antigo. A primeira coisa que precisamos fazer é criar um projeto yo office. Então, vou digitar no terminal do escritório. E, claro, algumas perguntas para me ajudar a me preparar. Eu do Alasca. Ok. Que tipo de projeto você quer criar? Bem, queremos criar um escritório, adicionar um painel de tarefas Perfeito. Ele não nos pergunta basicamente qual linguagem queremos usar? Queremos usar JavaScript ou TypeScript? Deixe-me ir até aqui. Por que não está funcionando? Aí está, JavaScript. Qual nome queremos dar ao nosso anúncio Vamos chamá-lo educadamente Diga não. Então, quais aplicativos clientes gostaríamos de oferecer suporte, quais queremos oferecer suporte ao Outlook. Ok? Agora, dependendo de onde você fez isso, você deve conseguir ter uma pasta criada automaticamente para você que seja chamada nesse caso. Nesse caso, diga educadamente que não, você deve conseguir abri-la E atualmente está sendo preenchido com todos os arquivos necessários para o seu projeto Então, vamos esperar um minuto. Está demorando um pouco mais do que o normal. Ok. Perfeito. Agora, a próxima coisa que precisamos fazer aqui é garantir que nosso terminal esteja dentro da pasta que acabou de ser criada em seu terminal. Vá até aqui e clique em C, D e depois diga não educadamente E perfeito. Agora você está dentro 27. Projeto: modificações de final da frente: Ei, perfeito. Agora que temos nossos projetos configurados, vamos fazer algumas alterações neles. Vamos, primeiro, acessar o código-fonte e depois acessar o arquivo HTML no painel de tarefas E vamos editar algumas coisas. Então, vamos mudar isso para dizer educadamente não, porque, bem, é assim que nosso aplicativo será chamado Guardaremos o resto dessas coisas apenas para referência. Mas vamos clicar em Salvar nisso. E vamos realmente voltar aqui e iniciar nossa inscrição. E você faz isso digitando npm start. Se, se você se esqueceu do módulo, isso abrirá alguns certificados, perguntar, você não precisa clicar em Ok nele, por exemplo E então ele deve abrir um novo aplicativo de perspectivas. E agora você pode entrar aqui, ir para mostrar painel de tarefas E você verá sua inscrição aqui. E agora podemos fazer algumas mudanças nisso, certo? Então, por exemplo, se voltarmos aqui, onde quer que seja bem-vindo, provavelmente deveríamos mudar isso para outra coisa. Então, aqui, por exemplo, vamos mudar isso para o nome do nosso aplicativo. Diga não educadamente. E se você clicar em salvar controle S, você verá essa alteração instantaneamente. Vamos fazer algumas outras coisas também. Vamos voltar aqui. E vamos ver aqui o que os suplementos do Office podem fazer por Vamos mudar isso para outra coisa também. Gera respostas profissionais. Ao dizer não. Ok, perfeito. Vamos continuar e clicar em Salvar. Incrível. E agora, a última coisa que devemos fazer é nos livrar de todos esses marcadores de recursos aqui Vou mantê-los por enquanto, porque talvez queiramos, ou talvez você queira levar esse aplicativo adiante e fazer algumas coisas aqui. Mas, por enquanto, vamos mudar isso. Finalmente, o que faremos é dizer aqui, este comando de execução. Vamos mudar isso para dizer gerar, responder. Perfeito. Ok, agora modificamos o front-end do aplicativo para a aparência que queremos. Incrível. Agora vamos para o JavaScript. As coisas assustadoras, fantásticas 28. Projeto: como aplicar uma função ChatGPT no Fim de trás: Agora vamos prosseguir e programar o back-end desse aplicativo. Algumas coisas que precisamos levar em consideração. Então, o que queremos basicamente Outlook faça é quando abrimos Outlook e quando abrimos essa mensagem, por exemplo, bem, quando clicamos em Gerar resposta, ele deve fazer algumas coisas. Primeiro, ele deve ler o, ler a resposta. Isso é bastante óbvio, certo? Na verdade, deveria ler a resposta. Em seguida, ele deve fazer uma solicitação à nossa API sem servidor que fizemos, chamada API de conclusão Deixe-me ver se consigo encontrar aquele cara aqui. E aqui. Na verdade, deveria continuar e dizer, desculpe, não essa aqui, essa aqui. Deve continuar e a solicitação deve ser algo como ler este e-mail e encontrar uma boa maneira dizer não a esse e-mail profissionalmente Em seguida, ele deve retornar a resposta para essa mensagem e clicar em responder e colar essa mensagem aqui. Então, tudo o que você precisa fazer é revisar e clicar em enviar. Agora, essas são muitas etapas, mas não se preocupe, vamos detalhá-las à medida que entrarmos no Visual Studios e digitá-las. Ok, perfeito. A primeira coisa que precisamos fazer é precisar uma função que acesse o corpo de um e-mail, da maneira certa. E isso vai ser uma função assíncrona porque em JavaScript, por algum motivo, tudo Então, vou colocar sua função assíncrona sua função assíncrona E vamos colocar isso em algumas coisas aqui. A primeira coisa que vamos fazer é chamar o escritório de contexto de ponto, caixa postal de ponto, item ponto, corpo de ponto Entendi, obtenha um método assíncrono. O que isso faz é realmente fornecer o texto do corpo. E isso será em forma de texto. E vamos analisar isso com uma função. E nós lhe daremos os resultados do argumento. Perfeito, Ok, A próxima coisa que precisamos fazer é verificar se basicamente fazer essa ação realmente resulta em sucesso. Porque às vezes ocorrem erros. Então, precisamos fazer aqui, digamos que, se o ponto do resultado, desculpe, status do ponto do resultado é igual ao do escritório, async, status do resultado, ponto Bem, então, ótimo. Agora podemos realmente fazer alguma coisa. Novamente. Precisamos dessa condição if porque, se não for bem-sucedida, ela deve parar aí mesmo porque não queremos enviar lixo para a API porque isso nos custa dinheiro toda vez que fazemos isso Então, a próxima coisa que vamos fazer aqui é definir uma variável chamada body. Vamos torná-lo igual ao valor do ponto resultante. Ok? E eu vou fazer algo assim. E então vamos basicamente, bem, vamos colocar isso por enquanto, mas agora temos acesso à corda corporal real aqui. Ok? Perfeito. A próxima função que eu quero criar é a função que realmente executará a API. Ok? Então, o que vou fazer aqui é criar outra função assíncrona chamada Agora, essa função faz algumas coisas. A primeira coisa que ele faz é basicamente usar a função fetch JavaScript com o URL e os parâmetros de entrada Mas antes mesmo de fazermos isso, precisamos definir quais são esses parâmetros. Portanto, temos um parâmetro chamado URL, que é a mesma coisa nossas solicitações de URL de carteiros aqui Novamente, é aí que nossa API sem servidor é definida. Em seguida, também precisamos definir um corpo de arquivo JSON, que será equivalente a esse corpo de solicitação aqui Ok? Então é igual. E então, precisamos copiar e colar tudo isso aqui. E então, na verdade, preciso fazer a coisa irritante de espaçar tudo para garantir que tudo fique em uma linha Ok, perfeito. Então é isso até agora. Vamos mantê-lo assim por enquanto e o alteraremos para garantir que ele realmente aceite o parâmetro body posteriormente Ok? Perfeito. Também precisamos configurar alguns outros parâmetros. Então, vamos configurar outra variável aqui, que será igual a um objeto json, onde o corpo é definido como body json E o método é uma solicitação de postagem porque todas essas são solicitações de postagem. Finalmente, vamos usar a função Fetch. Então, buscaremos a resposta desse URL, considerando esses parâmetros que fornecemos, é incrível E precisamos ter certeza de que também definimos isso. Precisamos colocar um peso aqui porque sabemos que fetch é uma função assíncrona, precisamos garantir que você coloque Ok, perfeito. Agora, a resposta ativada nos fornece apenas a resposta HTTP real. Precisamos extrair o texto dessa resposta. Então, vamos criar outra variável chamada saída. E vamos fazer com que isso seja igual à resposta de texto em pontos de espera Nosso texto também é uma função assíncrona. Então você também precisa colocar um peso aqui. E a última coisa que essa função faz é basicamente retornar a saída para quem chamou a função Ok? Perfeito. Agora, essas são realmente as duas funções principais que queremos poder criar. No momento, precisamos de quase uma função de arquitetura para juntar tudo isso. Então, o que vamos fazer aqui é criar outra função assíncrona porque, claramente, adoramos funções assíncronas e veremos algo outra função assíncrona porque, claramente, adoramos funções assíncronas e veremos algo como juntar tudo. Ok, perfeito. Agora, o que faremos aqui são algumas coisas. A primeira coisa que faremos é, bem, nós realmente precisamos tirar o corpo disso, certo? Então, o que podemos fazer aqui é me deixar ver aqui. Perfeito. Desculpe, só estou um pouco perdido aqui. Ok, perfeito. Então junte tudo. Então, o que precisamos fazer? Bem, a primeira coisa que precisamos fazer é conhecer você e obter o corpo. Então, vamos dizer que deixe um corpo igual esperar, obtenha corpo. E isso o colocará em uma variável chamada Corpo. Em seguida, precisamos passar isso para essa função assíncrona Então, na função assíncrona em uma API, vamos colocar um argumento No momento, não vamos usá-lo, mas vamos mantê-lo aqui ainda. E diremos aqui que a resposta é igual. Então, em vez disso, diremos let response, porque essa é uma nova variável igual a await E precisamos passá-la para o corpo. Então, pegamos o corpo e o passamos para a resposta. Por enquanto, o que faremos é realmente nos desconectar para garantir que isso funcione Ok. Então isso foi muito e definitivamente ainda não terminamos, mas acho que é um bom ponto de parada. E devemos apenas depurar esse código e executá-lo para garantir que ele esteja realmente funcionando antes de continuar Só para que não precisemos voltar atrás se cometermos algum erro. Ok? E isso é apenas o processo de desenvolvimento. Haverá erros. Mas é bom depurar e testar com antecedência para ter certeza de que, se falhar, você realmente sabe disso Incrível. 29. Projeto: como modificar a estrutura de e-mail de back-end para processo: Tudo bem, agora vamos testar e verificar se tudo está funcionando como deveria Então, novamente, temos três funções assíncronas aqui. No momento, se eu clicar em executá-lo, nada realmente acontecerá. Tudo o que acontecerá é que essas funções sejam definidas. Então, o que precisamos fazer é realmente chamar essa função. Vamos até aqui e digitaremos await e, em seguida, colocaremos, juntaremos tudo Ok? Então, a primeira coisa que ele fará é chamar a função get body, que retorna um corpo. Ok? Claramente, há algo que eu não fiz corretamente aqui. Isso é culpa minha. O que devemos fazer em vez disso, já que estamos ligando para tentar extrair uma variável, podemos simplesmente entrar aqui e digitar o corpo de retorno. Ok, na verdade, vamos console.log o corpo também. Então, receberemos o corpo do e-mail. Em seguida, passaremos isso para a API de execução. Portanto, certifique-se de ter um corpo aqui na API Run. Talvez eu não tenha tido isso antes. Ele acessa a API. Em seguida, ele retorna e envia uma resposta. Colocamos isso em uma variável chamada resposta e, em seguida, nos certificamos de fazer isso também. Queríamos registrar não a resposta, mas a saída da dúvida de resposta, que na verdade é a resposta dot txt Ok, vamos continuar e clicar em Salvar. Vamos abrir nosso e-mail. Vamos clicar com o botão direito do mouse e acessar Inspecionar. Podemos ver tudo acontecendo como deveria. Em seguida, clicaremos em Gerar resposta. E vamos ver os fogos de artifício explodirem ou se eles se apagarem, veremos, ok, há um problema aqui porque claramente temos um indefinido Então, precisamos ir em frente e resolver isso. E a razão pela qual temos um indefinido, acredito, é porque estamos fazendo referência a uma variável aqui que realmente não pode ser executada O motivo pelo qual não é possível executar é porque às vezes você não pode retornar de uma função assíncrona Então, para testar isso, o que podemos fazer é inserir o console.log no corpo enquanto ele está dentro dessa função aqui. Então, vamos voltar aqui. Voltaremos e abriremos nosso console e nosso e-mail. E clicaremos em Gerar resposta. E agora podemos realmente ver a resposta. Então, o que precisamos fazer é mexer ou funcionar um pouco, mas está tudo bem Bem, precisamos fazer aqui se isso realmente deve chamar a função de execução do Azure. Ok? Então, o que vamos fazer aqui é, em vez de retornar ou diminuir a velocidade do console, registrá-lo. Mas, na verdade, faremos isso sozinhos, executaremos nossa função de juntar tudo, que então executará uma função de API. Ok? Então é um pouco confuso, mas às vezes você precisa fazer isso Pessoalmente, odeio JavaScript, mas infelizmente você precisa usar JavaScript se estiver criando extensões do Outlook. Ok, então vamos em frente e fazer isso. Então, em vez de todo esse tipo de coisa aqui, o que faremos é criar esse gatilho, juntar tudo, colocar tudo para chegar lá. Ok, perfeito. E nós passaremos até ele, o corpo, em conjunto, então receberá o corpo. Isso não faz mais sentido aqui. No entanto, ainda registraremos o corpo e removeremos o registro daqui Depois disso, criaremos outra variável chamada resposta, que basicamente acionará essa função que retorna novamente a resposta. Vamos lentamente, basicamente ainda produziremos essa resposta. Então, a única coisa que mudou aqui é a função que é executada primeiro é get body. Então, primeiro, o corpo é executado. Ele recebe o corpo do e-mail. Em seguida, ele chama essa função chamada put it all together. Junte tudo, pegue isso, basicamente desconecta envia essa variável para a disfunção, que basicamente envia esse prompt para a API, que então retorna uma resposta Recebemos a resposta e a desconectamos. Ok, vamos em frente e guarde isso. E agora tente isso também. Então, vamos até aqui e clicaremos em Gerar resposta. Perfeito, mas você conseguiu exatamente o que queríamos. Agora, você pode estar se perguntando, por que eu fiz isso dessa maneira? Bem, vou ser honesto. Eu me preparo muito para essas aulas, mas na verdade também fiz isso da primeira maneira, encontrei esse erro e depois o corrigi . Mas a razão pela qual eu fiz isso, novamente, propositadamente para vocês, é para ter certeza de que vocês entendem que esses erros acontecem E você precisa ser flexível em seu código, pois isso ajuda a encontrar erros, depurar e coisas do tipo E o processo de encontrar erros e depurar é quase tão valioso quanto o processo de criação desse código Então é por isso que eu fiz isso. E confie em mim, haverá mais erros à medida que avançarmos. Mas não se preocupe, sempre os resolveremos juntos. Ok. Incrível. 30. Projeto: inclusão de caixa de resposta: Tudo bem, pessoal, estamos muito perto de terminar esta inscrição. Agora, o que precisamos fazer é basicamente acessar esse e-mail aqui. E quando eu clico em gerar uma resposta, ele realmente clica em responder para mim e, em seguida, insere nesse texto a resposta aqui E então tudo que eu preciso fazer é apenas olhar visualmente para ele, confirmar que está tudo bem. Em seguida, clique em Enviar. Ok, então vamos em frente e fazer isso. Agora, em JavaScript, há muitas bibliotecas para coisas do tipo escritório. Por exemplo, contextos de pontos do Office. Vou enviar um e-mail com esse item que se refere ao item que está atualmente aqui Então dot body, dot get async obtém o texto do corpo. Então, o que queremos fazer aqui é criar aqui uma constante, uma variável chamada item que é igual a esse item Ok? O que faremos então é que, depois de tudo dito e feito, depois de obtermos o corpo, obteremos a resposta e registramos que a resposta será feita O que queremos fazer é pegar esse item e exibir um formulário de resposta Ok, então isso mostrará aquela resposta sobre a qual falamos. Este é basicamente o seu formulário de resposta. E então queremos preenchê-lo com a saída de log do, da API Queremos colocar a resposta lá. Então, faremos o formulário pronto para exibição de pontos do item. E então colocamos as saídas do ponto de resposta. E realmente, é isso. Isso é tudo o que precisamos fazer. Vamos clicar em Salvar nisso. Vamos até aqui. E eu nem vou abrir os arquivos de log. Vou até aqui e clicar em Gerar resposta. E olha isso. Olha como isso é incrível. Acabou de gerar isso para mim, querido Henry. Obrigado por me considerar para esta tarefa. Infelizmente, blá, blá, blá, blá, blá, blá. Isso criou nossa resposta para mim. Não só isso, mas também gerou uma caixa de resposta e a colocou para mim. Então, tudo que eu preciso fazer é dar uma olhada nisso. Estou feliz com isso e, em seguida, clique em Enviar. Isso. Isso é fácil? É isso mesmo. Esse é o aplicativo aqui. Agora, em alguns vídeos, podemos falar sobre como realmente estender esse aplicativo para fazer coisas mais legais. Mas lá vamos nós. Esse é o aplicativo chamado educadamente diga não. Basicamente, você pode abrir qualquer e-mail, clicar em Gerar resposta e isso lhe dará uma boa resposta que também faça referência à tarefa e a forneça de uma maneira profissional e muito apropriada. Incrível 31. Projeto: extensão de aplicativo com opções de humor do ChatGPT: Olá a todos. Agora vamos dar um passo adiante. Digamos que se o usuário quiser, em vez de criar a resposta padrão que você costuma ver com isso, certo? Então, novamente, se eu for até aqui e clicar em Gerar resposta, isso me dará uma resposta muito padronizada, mas não me dará coisas como a razão pela qual eu não posso fazer Ou talvez oferecendo alternativas ou algo parecido. Talvez você queira modificar a resposta gerada com base em coisas sobre você. Por exemplo, eu provavelmente gostaria de responder a essa solicitação dizendo que não posso fazer isso até amanhã, mas provavelmente posso fazer isso até quarta ou sexta-feira ou quando quiser. Então você não quer simplesmente dizer não. Você quer dizer não? Então, vamos colocar isso em nosso contexto aqui. Ok, vamos tentar fazer isso. A primeira coisa que precisamos fazer é colocar uma caixa de texto para o usuário inserir essa instrução. Ok, então eu estou no meu HTML aqui. E logo acima dessa divisão que diz o botão div role. Vou colocar essa linha de código aqui. tipo de entrada é igual a texto, id é igual a outras notas, nome é igual a outras notas nome Isso, se eu, depois de clicar em Salvar, gerar uma caixa de texto para mim que eu possa digitar em outras notas O que eu vou fazer aqui no topo, vou até dizer, você sabe, colocar, colocar notas adicionais. E eu também vou me livrar dessa coisa de correr. Então, vou clicar em Salvar nisso. E aqui vemos notas adicionais colocadas. Perfeito. Agora, a próxima coisa que preciso fazer é pegar isso e incluir o que o usuário escreveu aqui de forma errada. Ok, então vamos em frente e fazer isso. Vou acessar meu JavaScript. E o que vou fazer aqui, apenas para garantir que isso funcione corretamente, é quando alguém executa esse corpo de função, porque o corpo do e-mail, seja o que for antes de executar a API, vamos realmente garantir que possamos acessar o valor que o usuário escreveu aqui Agora, a forma como fazemos isso é chamada documento dot get element by ID. Então, estamos recebendo um elemento específico na página HTML. Nesse caso, vai se chamar como o chamamos aqui? Outras notas. Então esse é o elemento get por ID, o ID é igual a outros nós. Nós o chamamos de outras notas. Então, vamos entrar aqui e colocar, bem, você adivinhou, suas anotações Então, queremos a propriedade de valor disso. Ok? Agora, o que queremos fazer aqui, em primeiro lugar, é desconectá-lo só para ver se funciona Só para nossos propósitos aqui. Então, vamos clicar em Salvar para que, em seguida, volte para o nosso macho, diga, entendi e clique em Aplicar E devemos ver no registro real deste console, devemos ver pegadinha, aqui para aperfeiçoar Então, o que é registrar corretamente? Então, vamos voltar. E o que queremos fazer aqui é criar uma, outra variável Aqui, criaremos outra variável chamada let. O outro Haram é igual. Desculpe, esses são os outros nós, outras notas? Sim, perfeito. Igual a esse valor aqui. Perfeito. E o que vamos fazer é colocar as outras notas aqui, então responderemos ao seguinte e-mail, qualquer um forneça uma maneira educada e profissional, responda ao seguinte e-mail e diga qualquer um forneça uma maneira educada e profissional responda ao seguinte e-mail e educada e profissional Com isso em mente. E então vamos basicamente colocar nossas coisas aqui. E vou colocar a variável que acabamos criar chamada outras notas. Ok, perfeito. Então, responda ao seguinte e-mail e diga não de forma educada e profissional com isso em mente, pois as outras notas podem ser algo como 0, ofereça uma alternativa ou diga que você fará isso até sexta-feira E então, na verdade, daremos o e-mail depois disso. Ok. Agora, só para especificar como fazer as solicitações, vamos colocá-lo em um ponto aqui e, em seguida, dizer que o e-mail é e, em seguida, ele fornecerá o e-mail Ok, perfeito. Vamos clicar em Salvar nisso. Vamos até o e-mail real. E vamos testar isso. Abrirá a inspeção. Bem, então clique aqui, gere a resposta. E vamos ver, primeiro de tudo, vamos dar uma olhada nesse cara aqui. Estou respondendo ao seguinte profissional de desigualdade. Então você sabe, com isso em mente, nada está certo agora. O e-mail é blá, blá, blá, blá, blá. Então, obtemos a mesma coisa que obtivemos antes. Ok, tão perfeito. Isso ainda funciona. Mas agora vamos colocar outra coisa que diga isso em mente. Eu posso fazer isso até sexta-feira à noite. Se estiver tudo bem. Ok. Vamos continuar e clicar em Gerar resposta agora. E agora podemos ver que o JSON também mudou Podemos ver aqui que o Json diz, eu posso fazer isso Eu poderia fazer isso até sexta-feira à noite, se estiver tudo bem. E agora a resposta também mudou. Então, se eu olhar meu e-mail, agora ele diz: Obrigado por entrar em contato. Infelizmente, não consigo concluir a apresentação do argumento Eu posso fazer isso na sexta à noite, se estiver tudo bem. Perfeito. Também posso dar outras instruções. Certo. Eu posso dizer algo como se eu pudesse colocar meu amigo debaixo do ônibus, certo? Eu posso dizer algo como Bob. Bob provavelmente tem capacidade. Capacidade. Sugira a ele algo assim. Vamos ver se isso funciona. Então, vamos clicar em Gerar resposta para suas solicitações. Infelizmente, não consigo. Eu gostaria de sugerir que você entre em contato com Bob, pois você pode ter a capacidade. Veja esse gráfico. Gpt faz isso de uma forma muito profissional e agradável. Eu sugiro que você entre em contato com Bob , pois ele pode ter a capacidade de concluir a tarefa. Isso é incrível. Ok, agora a última maneira de experimentá-lo, mas às vezes o chat GPT meio que bloqueia Vamos voltar à mensagem real e eu me vendi, parece aberta agora tão selvagem. Vamos voltar para a mensagem aqui. E em vez de escrever isso, digamos, diga de uma forma muito educada Vamos ver se isso funciona. Já. Api. Isso é incrível. Vocês viram isso? Respondeu: Deixe-me colocar um pouco maior Não, não consigo criar a apresentação de proposta para os arquivos de Henderson, meus, EU SOU amanhã. Já é APM. Isso é legal. Certo. Porque agora você também pode ter estados de espírito diferentes. Não, eu não posso. Me desculpe. Em vez disso, se você está dizendo que é alguém de quem você realmente gosta, você pode dizer muito desculpas e gentileza Diga que vou lhe dever uma. Olá. Oi, me desculpe. Então, há a palavra desculpe. Agora, tenho medo de tudo, vamos criar a apresentação pélvica Sei que é um prazo apertado. Peço desculpas por não poder ajudar. Eu vou te dever uma por isso. Isso não é muito legal? Ele apenas reconhece o que você precisa fazer. E, novamente, usando o chat GPT, posso prosseguir e clicar em Enviar E eu não preciso me preocupar com o que eu escrevo, como eu escrevo, certo? É incrível para esse conceito. Ok, perfeito. 32. Comece a trabalhar com seu projeto: Ok, então agora que você concluiu todo o curso, é hora de criar projetos. Neste momento, quero que todos aqui criem um aplicativo rápido e inteligente usando o chat GPT e outro aplicativo de sua escolha Agora, obviamente, você pode usar o Outlook porque é isso que usamos no curso. Você não precisa criar algo que responda a e-mails. Você pode até criar algo, por exemplo, que resuma e-mails ou traduza o e-mail para francês ou espanhol ou o que você quiser usar com o chat GBT Mas há algumas outras ideias que eu postei aqui sobre as quais falei antes, conversei com BT e Excel, mapeei GBG e irritável, e assim por diante Uma nota rápida também. Depois de fazer isso, publique uma captura de tela e um resumo rápido do aplicativo Você o cria na galeria de projetos abaixo. Assim, todos nós podemos ver o incrível trabalho que você fez. Incrível