Carpeta API

6/27

Lectura

Hora de configurar axios, la librer铆a que utilizaremos para hacer las llamadas a las APIs de Diablo III. Vamos a tener dos tipos de llamadas a las APIs:

...

Reg铆strate o inicia sesi贸n para leer el resto del contenido.

Aportes 12

Preguntas 0

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Dejo por ac谩 la llamada con Postman.

  1. Selecciona el m茅todo POST y coloca la url: https://eu.battle.net/oauth/token

  2. Luego dir铆gete al tab Authorization, en el TYPE selecciona Basic Auth, coloca tu clientID en Username y tu clientSecret en Password.

  3. Luego dir铆gete al tab Body, chequea la opci贸n form-data, en la key coloca grant_type y en value coloca client_credentials.

  4. Luego da click en el bot贸n azul Send y ver谩s la siguiente respuesta:
    {
    鈥渁ccess_token鈥: 鈥淓UiohFKNYVlnSS3i2Na9RlPOVYeqw8MV27鈥,
    鈥渢oken_type鈥: 鈥渂earer鈥,
    鈥渆xpires_in鈥: 86399
    }

Ac谩 el documento en el Drive para mejor comprensi贸n:
https://drive.google.com/file/d/1GaFSvYVydziW9A8CYasvk7BocStjJ1Zp/view?usp=sharing

De esta forma seria en Insomnia

Pregunta:

const body = new FormData()
// De donde sali贸 la clase FormData() viene nativa con JS?

Genial! 驴Cu谩l es la diferencia entre enviar un Form Data y un objeto JSON? Porque, por ejemplo con la API de PayPal puedo enviar un JSON normal

Tengo una duda: 驴De qu茅 forma evitamos que nuestro ClientSecret quede expuesto al subir el c贸digo a GitHub?

Para usar variables de entorno y no exponer nuestro clientId y/o clientSecret, debemos crear en la ra铆z de nuestro proyecto un archivo llamado .env, dentro podemos agregar nuestras variables, las cuales deben iniciar VUE_APP (si no empiezan as铆, no se va a reconocer la variable):

VUE_APP_CLIENTE_ID='db5d7d6e7db543e0a3e13cf5812ce76'
VUE_APP_CLIENT_SECRET='wuf4Ym9jX5kOurOUnmnB8wdBO6VKSm6'

NOTA
Para que git no rastree este archivo debemos agregar esta linea en .gitignore:

.env

Y listo, para que los cambios se vean reflejados se deben reiniciar el servidor, as铆 ya podemos acceder a nuestras var铆ales con

process.env.VUE_APP_CLIENTE_ID
process.env.VUE_APP_CLIENT_SECRET

Postman tambi茅n tiene una extensi贸n para los navegadores

Seria bueno formatear el c贸digo con color para legibilidad, nueva feature para los frontend developers de platzi 馃槃

Curso de Postman: https://platzi.com/cursos/postman/

Funciona perfecto, simplemente la URL, autorizaci贸n (Basic Auth) y Form-data con los dos valores que dice la documentaci贸n.

Una buena alternativa a Postman es Insomnia: https://insomnia.rest/

Buenas! alguien ser铆a tan amable de indicarme como hacer la prueba con Postman o Insomnia?
Muchas Gracias! 馃槂
me env铆a un mensajito por whatsapp o telegram +5493764110177