Como enviar e testar chamadas HTTP do Twilio SMS com Postman

August 11, 2020
Escrito por
Mallory Butt
Contribuidor
As opiniões expressas pelos colaboradores da Twilio são de sua autoria
Revisado por
Diane Phan
Twilion

Como enviar e testar chamadas HTTP do Twilio SMS com Postman

Aprender a usar uma API de terceiros pode ser difícil, especialmente quando você precisa visualizar as chamadas que está fazendo. Talvez você esteja desenvolvendo sua própria API e precise testá-la ao longo do processo. Assim, conhecer uma ferramenta de desenvolvimento de API interessante, como o Postman, pode tornar a sua vida muito mais fácil!

Neste post, vou demonstrar como usar o Postman para fazer e enviar uma solicitação, bem como testar qualquer endpoint da API. Vamos POSTAR na API de mensagens da Twilio para enviar uma mensagem de texto do meu número de telefone da Twilio para o meu número de telefone pessoal.

GIF mulher dizendo 'me envie um texto' em inglês.

Pré-requisitos

Para seguir este tutorial, você precisará do seguinte:

O que é Postman?

GIF mulher dizendo 'ótima pergunta' em inglês.

Postman é uma ferramenta de desenvolvimento gratuita e fácil de usar que substitui o envio de chamadas pelo terminal. Essa ferramenta incrível oferece diversos recursos para ajudar no desenvolvimento de API.

Como estagiário na Twilio, usei o Postman em meu trabalho diário para enviar e testar meus endpoints. Sem o Postman, teríamos que usar ferramentas de linha de comando, como curl, para fazer isso.

O uso do Postman neste artigo substituirá o código abaixo:

curl -X POST https://api.twilio.com/2010-04-01/Accounts/{{ACCOUNT_SID}}/Messages.json \
--data-urlencode "From=+<TWILIO_PHONE_NUMBER>" \
--data-urlencode "Body=body" \
--data-urlencode "To=+<YOUR PHONE_NUMBER>" \
-u your_account_sid:your_auth_token

Introdução ao Postman

Se acabou de baixar o Postman, ao abrir o aplicativo pela primeira vez, haverá uma solicitação para que você crie uma conta. A criação de uma conta é totalmente opcional. Clique no botão Skip (Ignorar) na parte inferior da tela.

postman criar página de conta

Configurar o ambiente do Postman

Crie um ambiente no Postman para enviar as solicitações. Esse ambiente é simplesmente um grupo de variáveis relacionadas que você pode usar ao fazer chamadas. No canto superior esquerdo da janela Postman, clique em New (Novo) e selecione "Environment" (Ambiente), como se vê nas capturas de tela abaixo:

painel do postman apontando para criar novo

painel do postman criar uma nova página pairando sobre a opção do ambiente

Deve aparecer um pop-up. Adicione um Name (Nome) (eu dei ao meu Environment o nome de "Twilio Credentials" [Credenciais da Twilio]), além das variáveis necessárias e seus valores. As variáveis podem incluir URLs, chaves de API, senhas, etc. No nosso caso, precisaremos do ACCOUNT_SIDAUTH_TOKENTWILIO_PHONE_NUMBER da Twilio, que você pode encontrar fazendo login no console da Twilio.

Adicione um número de telefone verificado, que não seja não da Twilio, como MY_PHONE_NUMBER para enviar sua mensagem de texto também. Você precisará usar o formato E.164 para números de telefone. (+1234567899)

 

variáveis de ambiente em postman

Agora, você pode fazer referência a essas variáveis no Postman sem ter que sempre digitar os valores. Graças às variáveis de ambiente, nossos dados estão protegidos!

GIF Mulher dizendo &#x27;estou feliz em ajudar&#x27; em inglês.

Quando terminar, clique no botão Add (Adicionar). Depois de fechar a nova janela de ambiente, você poderá selecionar seu ambiente recém-criado na lista suspensa no canto superior direito. No meu caso, meu ambiente chama-se "Twilio Credentials" (Credenciais da Twilio).

painel do postman pairando sobre o ambiente &#x27;credenciais da twilio&#x27;

Criar uma coleção

É hora de criar uma coleção! Semelhante ao conceito de ambiente, uma coleção do Postman é um grupo de solicitações relacionadas. Para começar, clique na guia Collections (Coleções) no painel esquerdo e clique em New Collection (Nova coleção).

painel do postman selecione criar nova página de coleção

Para efeitos do presente artigo, nomearemos nossa coleção como "Twilio Messages" (Mensagens da Twilio). Fique à vontade para adicionar uma descrição! Para este artigo, adicionei "A collection of requests to send to Twilio’s Messaging API" (Uma coleção de solicitações a serem enviadas à API de mensagens da Twilio) à descrição.

 

postman criar uma nova coleção com uma descrição

Clique na guia Authorization (Autorização), pois é preciso autenticar nossa solicitação para enviá-la à Twilio. A Twilio oferece suporte à autenticação básica, que usa esquemas de nome de usuário e senha. No menu suspenso, selecione "Basic Auth" (Autenticação básica).

postman criar coleção e selecionar o tipo de autenticação básica

De acordo com a documentação da Twilio, use ACCOUNT_SID como nome de usuário e AUTH_TOKEN como senha. Como já definimos essas variáveis em nosso ambiente, você pode fazer referência a elas como {{ACCOUNT_SID}} e {{AUTH_TOKEN}} para seus respectivos campos, como vemos na captura de tela a seguir. Clique em Show Password (Mostrar senha) para garantir que inseriu sua variável de token de autenticação corretamente.

postman criar uma nova guia de autorização de coleta

Configurar a solicitação

Adicionar uma solicitação à coleção

Clique nos três pontos à direita da coleção "Twilio Messages" (Mensagens da Twilio) e selecione "Add Request" (Adicionar solicitação).

guia coletas do postman selecionando adicionar solicitação

Adicione "Send Twilio Message" (Enviar mensagem da Twilio) ao campo Request name (Nome da solicitação) e "A request to send a message to specified phone number from a twilio phone number" (Uma solicitação para enviar uma mensagem para o número de telefone especificado por meio de um número de telefone da Twilio) à Request Description (Descrição da solicitação). Quando terminar, selecione Save to Twilio Messages (Salvar em Mensagens da Twilio).

solicitação de salvamento do postman e descrição para solicitação de &#x27;enviar mensagem twilio&#x27;

Depois de salvar a solicitação, clique no menu suspenso da coleção "Twilio Messages" para ver essa nova solicitação. Clique na solicitação para ver todas as opções de solicitação exibidas na parte principal da janela.

painel do postman mostrando a coleção &#x27;enviar mensagem do twilio&#x27;

Adicionar tipo de solicitação e URL

Na parte superior do aplicativo, podemos especificar o tipo de solicitação que queremos enviar editando o tipo de método e o URL. Neste artigo, usaremos POST como nosso tipo de método, mas fique à vontade para explorar os vários outros! Em seguida, usaremos o seguinte URI de recurso da API de SMS da Twilio. Copie e cole o seguinte URI no campo de texto para a solicitação POST:

https://api.twilio.com/2010-04-01/Accounts/{{ACCOUNT_SID}}/Messages

inserindo uma solicitação POST na coleção &#x27;Enviar mensagem da Twilio&#x27;

Adicionar um corpo de solicitação

Clique na guia Body (Corpo) das opções de solicitação. O corpo de uma solicitação são os dados que queremos enviar. A documentação da Twilio nos fornece uma lista completa de parâmetros que podemos enviar no corpo da solicitação.

Para manter o nosso tutorial simples, basta enviar as variáveis necessárias: "To" (Para), "From" (De) e "Body" (Corpo).

Como se vê abaixo, há muitos formatos diferentes que podemos usar para enviar nossos dados. Hoje, vamos selecionar a opção x-www-form-urlencoded.

GIF mulher dizendo &#x27;rápido&#x27;

Mas espere: como eu sabia que queria esse tipo?

Observando o código curl usado no início, vejo que o sinalizador --data-urlencode foi usado para adicionar dados ao corpo da solicitação. Embora Url-encoding (codificação de URL) e form-data (dados de formulário) pareçam muito semelhantes no Postman, aqui está um excelente recurso que explica os diferentes casos de uso. Basicamente, como temos uma pequena carga, podemos usar a opção url-encoded (codificada por url). Após este tutorial, você pode voltar e tentar usar form data (dados de formulário) para formatar seus dados e se divertir. A solicitação ainda funcionará!

Adicione as teclas "To", "From" e "Body" e seus valores correspondentes ao formulário.

"To" é o número para o qual você está enviando o texto. No nosso caso, o número de telefone verificado que não é da Twilio. "From" é o número do qual estamos enviando o texto. Verifique se ele é o seu número de telefone da Twilio. "Body" é o corpo da mensagem. Digite o que quiser neste campo!

NOTA: As variáveis diferenciam letras maiúsculas de minúsculas, portanto, certifique-se de que os valores-chave estejam em maiúsculas!

configurar as variáveis de ambiente para a coleção &#x27;enviar mensagem da twilio&#x27;

Enviar a solicitação

Vamos agora para a parte divertida: enviar a solicitação! Pressione o botão azul Send (Enviar) no canto superior direito e a solicitação HTTP será enviada!

GIF do Bob Esponja entregando cartinha

O Postman mostrará o corpo da resposta, os cookies, os cabeçalhos e os resultados do teste!

Como bônus, o número de telefone inserido no campo "To" deve receber uma mensagem de texto divertida!

GIF sorriso maroto

Adicionar testes

É claro que queremos testar o comportamento dos endpoints, especialmente quando fomos nós que os criamos. O Postman facilita e muito isso para nós! Sempre que enviamos uma solicitação, o Postman executa os testes e retorna os resultados.

Para começar, clique na guia Tests (Testes). Você verá um editor em branco. Os testes do Postman são escritos em JavaScript. Não se preocupe se você não é familiarizado com JavaScript; o Postman tem uma solução!

GIF suspirando.

Você pode usar a ferramenta Snippets (Trechos) no painel do lado direito. Se você clicar em um teste desejado, o Postman escreverá automaticamente um teste genérico no editor. Sinta-se à vontade para explorar mais sobre todos os diferentes testes que você pode escrever. Para simplificar, eu escolho testes para confirmar o código de status da resposta e o tempo de resposta (dois testes que uso muito como desenvolvedor).

pm.test("Status code is 201", function () {
   pm.response.to.have.status(201);
});
pm.test("Response time is less than 1000ms", function () {
   pm.expect(pm.response.responseTime).to.be.below(1000);
});

painel do postman mostrando trechos de código da guia testes

Agora, se você enviar sua solicitação novamente, poderá ver os resultados.
Clique na guia Test Results(2/2) (Resultados do teste [2/2]) e você deverá ver dois botões verdes que dizem "PASS" (APROVADO) com algum texto, como "Status code is 201" (O código de status é 201) e "Response time is less than 1000ms" (O tempo de resposta é menor que 1000 ms), como visto na captura de tela abaixo:

painel do postman mostrando resultados de sucesso para a guia de teste

Salvar sua solicitação

Depois de todo o trabalho que você fez, é hora de salvar sua solicitação! Dessa forma, você não precisa repetir o processo acima sempre que quiser fazer uma solicitação. À direita do botão azul Send, pressione Save (Salvar).

painel do postman da guia testes

Conclusão

É hora de comemorar! Você usou o poder do Postman para enviar facilmente uma solicitação HTTP e testar os resultados.

GIF torcedora celebrando.

Tendo em vista que este artigo aborda superficialmente os recursos do Postman, incentivo todos vocês a conferir esses excelentes recursos!

Aqui está uma lista de ideias para expandir o que você acabou de aprender:

Este artigo foi traduzido do original "How to Send and Test HTTP Requests for Twilio SMS in Postman". Enquanto melhoramos nossos processos de tradução, adoraríamos receber seus comentários em help@twilio.com - contribuições valiosas podem render brindes da Twilio.