Consultar API Externa

Buenos días,

Se requiere que desde una página personalizada acceder a una API Externa a Shopify. ¿Cuál sería la mejor forma de implementar este requerimiento? que aconsejan?

A través de javascript utilizando jquery pude realizar la consulta:

$(“#btn”).on(“click”, function () {
$.ajax({
type: “POST”,
url: “https://xxxxxx.com/api",
data: JSON.stringify({
“name”: $(”#value").val(),
}),
dataType: ‘json’,
success: function (response) {
console.log(response);
},
})
});

Sucede que la URL al visualizar en el front el código se puede ver y otra cosa la API externa requiere de usuario y contraseña, lo cual si la expongo en el Front también se vería.

Que recomiendan usar para este tipo de requerimientos?

Saludos