‫Narrador: Vamos agora criar uma configuração mais avançada do Postman, para tornar
‫nossas vidas um pouco mais fáceis ao
‫trabalhar com esta ferramenta.
‫Então, de volta ao
‫Postman, o primeiro conceito que quero mostrar
‫a vocês é o conceito de meio ambiente.
‫Então, talvez você tenha percebido que aqui
‫está escrito sem ambiente, certo?
‫E isso é
‫porque, bem, neste ponto não criamos nenhum ambiente.
‫Tudo bem.
‫E, então, basicamente, um ambiente é como um contexto onde nosso
‫aplicativo está sendo executado.
‫E podemos então especificar algumas variáveis para
‫cada um desses ambientes.
‫E os dois que fazem mais sentido
‫são, assim como temos em nosso
‫aplicativo expresso, o ambiente de desenvolvimento e produção.
‫Então, vamos começar adicionando nosso primeiro, nosso ambiente aqui.
‫OK.
‫E, vou chamar isso de profundidade e, em seguida, para naters, então
‫o nome de nosso aplicativo.
‫OK.
‫E, então, a variável que vou criar aqui é chamada
‫de URL.
‫Porque essa é a
‫coisa mais importante que quero mudar de um ambiente para outro.
‫Então, no desenvolvimento, teremos uma URL,
‫e na produção, teremos outra.
‫Direito.
‫E, então, vamos agora definir
‫a URL aqui para http
‫127001,
‫que significa localhost.
‫Então, porta 3000 e,
‫eu acho que é realmente isso.
‫Então, esse é o valor inicial da nossa variável de URL.
‫OK.
‫Portanto, vamos agora
‫adicionar E, assim, assim, temos nosso novo ambiente de profundidade.
‫Podemos então adicionar um para produção também.
‫Mas, bem aqui, ainda não temos um
‫URL.
‫Então, isso simplesmente disse Naters dot io,
‫que não existe.
‫OK.
‫Mas, isso é simplesmente, digamos, um espaço reservado.
‫Tudo bem?
‫OK.
‫Então, vamos realmente prosseguir e
‫usar esta variável de ambiente que acabamos de criar.
‫Portanto, lembre-se, é chamado de URL.
‫E, agora, o que
‫eu quero fazer é ir em frente e substituir este URL
‫aqui, este aqui, pela variável que acabamos de criar.
‫E fazemos isso usando chaves, o nome
‫da variável e
‫depois as chaves novamente.
‫Tudo bem.
‫E, então, isso basicamente agora
‫será substituído pela variável proveniente de nosso ambiente.
‫Agora, quando pairamos sobre isso, podemos ver
‫que não está resolvido, mas isso é porque
‫não escolhemos nosso ambiente ainda.
‫Então, precisamos chegar a este
‫menu aqui e então selecionar a profundidade para Naters.
‫E, se passarmos o mouse sobre ele agora,
‫você verá que na verdade é a variável que acabamos de definir.
‫OK.
‫Portanto, se tentarmos enviar uma solicitação
‫agora, é claro que obteremos a resposta correta como antes.
‫OK.
‫E, então, espero que você possa ver como isso será útil
‫mais tarde, quando estivermos em produção.
‫Porque, se não tivéssemos essas variáveis de ambiente,
‫mais tarde, quando quisermos mudar para o teste
‫dessa API em
‫produção, teríamos que ir
‫em frente e alterar manualmente todos esses URLs em todas as solicitações.
‫E, por enquanto, não temos tantos.
‫Mas, imagine que temos 30, 50 ou 100
‫solicitações e teríamos que alterar manualmente esses URLs
‫em todas elas.
‫E isso não seria nada divertido.
‫E, agora faremos isso uma vez e,
‫em seguida, estará pronto para o
‫resto do desenvolvimento do projeto.
‫Direito?
‫Então, se mudarmos agora para produção, por
‫exemplo, então, bem, aqui teríamos Naters ponto io
‫e API v1 e tours.
‫Tudo bem.
‫Então, vamos agora copiar isso e
‫realmente colá-lo em todos eles.
‫Então, é claro que temos que fazer isso uma vez agora.
‫Mas, novamente, é melhor fazer isso agora que
‫não temos tantos endpoints aqui ainda, do que fazer
‫isso mais tarde.
‫Então, salve este.
‫Salve este novamente.
‫Na verdade, vamos nos livrar dessa propriedade.
‫Então, salve.
‫Salve .
‫E, salve este também.
‫Então, vou fazer isso em todos eles agora.
‫OK, muito rapidamente.
‫E esses dois já têm.
‫Tudo bem.
‫Em seguida, obtenha todos os passeios.
‫Get tour não.
‫Tudo bem, salve.
‫E, na verdade, podemos apertar Command-S,
‫como em qualquer outro aplicativo.
‫E, em seguida, Command-W para fechar a guia.
‫OK.
‫Então, assim como no Google
‫Chrome, por exemplo.
‫Então, Command-Save, Command-S e, a
‫seguir, Command-W.
‫Então, só para torná-lo um pouco
‫mais rápido, E, agora estamos quase terminando aqui.
‫E é isso.
‫OK.
‫E, assim, basicamente testamos
‫nosso desenvolvimento de API para o futuro aqui com o Postman.
‫A seguir, lembre-se de como na
‫última aula, eu disse que iria automatizar
‫basicamente o processo de cópia desse token aqui.
‫E, em seguida, colando-o bem aqui neste cabeçalho vazio.
‫Tudo bem.
‫E, agora vamos realmente fazer isso.
‫E, para isso, teremos que escrever
‫um pouco de código.
‫Mas isso não é problema nenhum.
‫Então, vamos fazer isso.
‫E, inscreva-se e faça o login.
‫Porque esses são os
‫dois lugares, então os dois
‫pontos de extremidade dos quais receberemos um token da web json, certo?
‫Então, viemos aqui para a
‫guia de teste, que ainda não usamos.
‫E, portanto, aqui definiremos programaticamente uma
‫variável de ambiente.
‫OK.
‫Então, criamos variáveis de ambiente antes
‫de usar esta caixa de diálogo aqui, OK?
‫Mas, agora aqui com o código,
‫iremos basicamente criar programaticamente uma variável de ambiente também.
‫E criaremos um para o token da
‫web json que recebemos na solicitação.
‫OK.
‫E, basicamente, tudo o que precisamos fazer é
‫usar os snippets que temos aqui.
‫Tudo bem.
‫Então, neste caso, queremos definir uma variável de ambiente
‫e, então, vamos apenas clicar aqui.
‫E, de fato, temos esse código pré-escrito para nós aqui.
‫OK.
‫Isso é basicamente apenas um
‫pouco de JavaScript que podemos acessar aqui no Postman.
‫Então, PM, que provavelmente significa Postman, ambiente de
‫ponto, que é o ambiente atual.
‫E, então, defina.
‫Portanto, defina a variável chamada JWT.
‫E, então, é claro, o valor disso.
‫E onde está esse valor?
‫Bem, é em PM ponto resposta ponto
‫json.
‫Então, basicamente, para convertê-lo para json.
‫E, em seguida, token de ponto.
‫E, é um token de ponto aqui,
‫é claro, porque esse é o nome de nossa
‫propriedade no objeto de resposta.
‫OK.
‫Então, basicamente, este código aqui obtém a
‫resposta para nós e, então, podemos escrever a propriedade token de
‫ponto e, em seguida, atribuir à variável de ambiente JWT.
‫OK.
‫E, agora
‫temos um teste ativo aqui, é por isso que
‫pegamos esse ponto azul ou
‫verde, talvez, (rindo) e vamos testá-lo agora.
‫Então, vamos nos inscrever com um novo usuário.
‫Estou chamando de usuário de teste.
‫Precisamos nos livrar dessa vírgula.
‫E, agora vamos enviar.
‫E não conseguimos obter nenhuma resposta.
‫E, isso é porque eu tenho naters ponto io aqui.
‫Então, estou no ambiente errado.
‫Então, é claro, queremos estar em desenvolvimento.
‫Então, envie novamente.
‫E, então, aqui de fato, recebemos nosso token.
‫E, agora vamos verificar se ele também está em
‫nosso ambiente.
‫Então, para isso, viemos aqui.
‫Def, naters e, de fato, aqui agora temos o
‫JWT e este token que também temos aqui.
‫OK.
‫Essa variável de token
‫que temos aqui deve ser exatamente a mesma que está aqui embaixo.
‫Então, Postman o obteve a partir
‫daqui e, em seguida, postou-o como esta nova variável de ambiente.
‫OK.
‫Então, esse é o primeiro passo e o
‫segundo passo é ir agora para uma das nossas rotas
‫protegidas, que, neste caso, é apenas esta.
‫E, então, podemos realmente excluir
‫isso.
‫Então, bem deste lado,
‫OK.
‫Então, livre-se de tudo isso.
‫E aqui
‫temos, como você talvez
‫tenha visto, uma guia de autorização.
‫OK.
‫Portanto, agora podemos especificar o
‫tipo de autorização.
‫E, você vê todas essas diferenças
‫aqui, mas vamos escolher o Símbolo do Portador.
‫OK.
‫Portanto, assim
‫como especificamos Bearer em nosso
‫token, também temos que nomear Bearer aqui.
‫OK.
‫Então, Símbolo do Portador.
‫E, agora, tudo o que precisamos fazer é especificar o token.
‫E, lembra como fazemos isso?
‫Bem, na verdade exatamente da mesma maneira que fizemos aqui.
‫Então, colchetes, colchetes,
‫JWT e, em seguida, fechá-lo.
‫Então, ele fica laranja
‫e isso significa que agora deve funcionar.
‫E, agora vamos testar isso.
‫E, bam, aqui vamos nós.
‫Então, realmente tivemos acesso aos dados, o que significa
‫que o token foi enviado com sucesso.
‫Tudo bem.
‫E podemos realmente ver isso
‫aqui nos cabeçalhos.
‫Portanto, agora ele preencheu automaticamente este
‫cabeçalho para nós.
‫Portanto, temos autorização onde temos o Bearer e
‫todas essas coisas boas aqui.
‫E, na verdade, agora
‫também colocou todas essas coisas aqui para nós.
‫OK.
‫Então, na verdade, isso é exatamente o que
‫vimos antes, quando visualizamos o objeto de cabeçalhos de pontos de
‫solicitação no expresso.
‫Lembre-se disso?
‫OK.
‫Você vê aqui que, na verdade, ele
‫é gerado apenas temporariamente.
‫Então, só para termos uma prévia.
‫Tudo bem.
‫E, então, é realmente isso.
‫Isso torna nossa vida muito
‫mais fácil quando estamos trabalhando aqui com autenticação.
‫Porque, cada vez que queremos adicionar
‫uma nova
‫rota protegida, tudo o que precisamos fazer
‫é vir aqui para a guia de autorização e,
‫em seguida, adicionar essa variável
‫aqui e especificar que estamos
‫trabalhando com um token do portador.
‫Tudo bem.
‫E, na verdade, acabei de perceber
‫que ainda não estamos.
‫Porque, temos isso aqui no cadastro, então,
‫esse teste.
‫Mas, é claro, também precisamos disso no login.
‫Portanto, esse é o
‫outro lugar de onde podemos obter um token novo e fresco.
‫Direito?
‫Então, vamos copiar isso, salve
‫este
‫aqui, salve também
‫este e, aqui no
‫login, poste aqui.
‫Salve isso.
‫E eu nem
‫preciso testar porque, bem, deve funcionar da mesma
‫forma que com o cadastro.
‫Tudo bem.
‫OK.
‫Isso foi
‫muito importante para seguirmos em frente
‫e tornar nossas vidas um pouco mais fáceis quando
‫você estiver trabalhando com o
‫Postman para o desenvolvimento de sua API.