Hola que tal recién estoy adentrándome con las API's, y a continuación estoy consumiendo una APi publica de prueba.
Mi pregunta sería ¿cómo puedo integrarle el token para consumir dicha API en caso de que la API sea privada?, teniendo en cuenta que el token ya lo conozco
var contenido = document.querySelector('#contenido');
function mostrar() {
fetch('https://randomuser.me/api')
.then(r => r.json())
.then(data => {
(data.results[0])
contenido.innerHTML = `
<img src="${data.results['0'].picture.large}">
<p>Nombre: ${data.results['0'].name.title +' ' + data.results['0'].name.last +' ' + data.results['0'].name.last}</p>
`
})
}
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>API | REST</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body style="background: rgb(238, 209, 189);">
<h2 class="subtitulo">API REST</h2>
<button class="btn" onclick="mostrar()">Click</button>
<div id="contenido">
</div>
</body>
<script src="js/rest-api.js"></script>
</html>
API
se acceden por igual, pues algunas las credenciales tienen que ir incluidas en laURL
con un parametro especifico, otras requeriran esa informacion en los headers de la peticion.