Buenas tengo el siguiente codigo:
<?php
$valor = '1';
echo "<script>
var imgurl = 'https://midominio.com/img/$valor';
var MyObjt = {
name: name,
description: description,
image: imgurl,
atributes: [{
Category: category,
Store: store,
Theme: theme
}]
}
jsonStr = JSON.stringify(MyObjt);
document.body.innerHTML = jsonStr;
</script>";
?>
El output de esto es un objeto json:
{"name":"my name","description":"description goes
here","image":"https://midominio.com/img/1.png","atributes":
[{"Category":"Categoria","Store":"tienda","Theme":"Comon"}]}
El problema es que necesito que este archivo sea leido por un archivo externo, el cual pide que la aplicacion este codificada en formato json, pero al colocar los header json me muestra todo el codigo de la pagina y no el objeto json.
Como puedo mostrar la respuesta de forma compatible Content-Type: application/json;charset=utf-8 y que preserve la estructura de la forma en que la tengo, ya que uso los datos que estan antes del objeto creado.
De antemano muchas gracias
Agrego el codigo que estoy usando:
<?php
if (isset($_GET['PATH_INFO'])){
$req = explode('/', $_GET['PATH_INFO']);
#Obtenemos cómo termina la URL
$endPoint = array_shift($req);
$img = resolve('img/' .$endPoint);
echo"
<script language='javascript' src='https://cdn.jsdelivr.net/gh/ethereum/[email protected]/dist/web3.min.js'></script>
<script src='https://code.jquery.com/jquery-3.3.1.min.js'></script>
<script src='../js/abi.js'></script>
<script>
async function getDetais() {
if(typeof web3 !== 'undefinied'){
web3 = new Web3(web3.currentProvider);
} else {
web3 = new Web3(new web3.providers.WebsocketProvider('wss://rinkeby.infura.io/ws/v3/73dc6da57d3d489bbb31af8f2bd2625c'));
}
const myContract = new web3.eth.Contract(myABI, 'MYCONTRACT');
//Aqui uso el php que recibi arriba
const tkndetails = await myContract.methods._getDToken($endPoint).call();
const tkndetails2 = await myContract.methods._getDTokenDetails($endPoint).call();
//aqui recibo un array, no se como modificarlo y por eso lo desgloso abajo
//este arreglo imprime:
// {"0":"nombre", "1":"descripcion"...etc}
// La aplicacion externa espera los datos tipo:
// {"nombre":"mi_nombre", "descripcion":"mi_descripcion"...etc}
// contenido de la primera consulta
const name = tkndetails[1];
const descr = tkndetails[2];
//contenido de la segunda consulta
const dato3 = tkndetails2[0];
const dato4 =tkndetails2[1];
const dato5 =tkndetails2[2];
const dato6 =tkndetails2[3];
const dato7 =tkndetails2[4];
//tomo la variable php para hacer la busqueda de la imagen y agregar todo a un nuevo objeto json
var imgurl = 'https://midominio.com/api/$img';
var MyObjt = {
name: nombre,
description: descr,
image: imgurl,
atributes: [{
dato1: dato1,
dato2: dato2,
dato3: dato3,
dato4: dato4,
dato5: dato5,
}]
}
//trato de imprimirlo en formato json, de tal manera que la aplicacion externa pueda obtener los datos
jsonStr = JSON.stringify(MyObjt);
document.body.innerHTML = jsonStr;
console.log(jsonStr);
}
getDetais();
</script>";
}; ?>
Es la unica forma que consegui para obtener los datos de forma externa sin tener que recurrir a una base de datos local, sin embargo, la aplicacion que revisa la api debe ver la data encodeada en json. Al hacerle el encode simplemente me muestra todo el codigo y la aplicacion externa no lee la data. Ademas cuando lo coloco en json no me muestra la data (imagino que es por que no se ejecuta nada y muestra literal lo que hay ahi)